:root{--bg: #F7F7F5;--surface: #FFFFFF;--ink: #1A1A1A;--muted: #6B6B6B;--subtle: #9A9A9A;--accent: #2E7D6B;--line: rgba(0,0,0,.08);--ease: cubic-bezier(.32, .72, 0, 1);--nav-h: 52px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Geist Sans,sans-serif;letter-spacing:-.02em;touch-action:manipulation;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;letter-spacing:inherit}button{transition:transform .2s var(--ease),opacity .2s var(--ease),background .2s var(--ease)}button:active{transform:scale(.98);opacity:.8}.app-shell{min-height:100dvh;background:var(--bg);color:var(--ink);padding-bottom:env(safe-area-inset-bottom,0px)}.app-nav{display:flex;gap:.35rem;padding:10px 16px;background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.app-nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;padding:9px 14px;border-radius:9999px;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.app-nav a:active{transform:scale(.94)}.app-nav a.router-link-active{color:#fff;background:var(--accent)}.login-card,.panel,.modal,.admin-view,.draw-view,.toolbox-view{color:var(--ink)}.panel,.login-card,.modal{background:var(--surface)!important;border:1px solid var(--line);border-radius:8px!important;box-shadow:inset 0 1px 1px #fffc}input,textarea,select{background:var(--surface);color:var(--ink);border:1px solid var(--line)!important;border-radius:4px!important;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input:focus,textarea:focus,select:focus{border-color:#2e7d6b8c!important;box-shadow:0 0 0 3px #2e7d6b1f}button,.go,.send-btn,.new-btn,.reload{border-radius:9999px!important;font-weight:600}.go,.send-btn,.new-btn,.reload{background:var(--accent)!important;color:#fff!important;border:0!important;padding:12px 24px!important}.messages{background:var(--bg)!important;-webkit-overflow-scrolling:touch}.bubble{border-radius:8px!important}.bubble.me{background:var(--accent)!important}.sidebar{background:#222522!important}.card,.users th,.users td{border-color:var(--line)!important}.card{background:var(--surface)!important;border-radius:8px!important;transition:transform .2s var(--ease),border-color .2s var(--ease)}.card:active,.conv-list li:active,.group-list li:active{transform:scale(.97);opacity:.8}.reveal{opacity:0;transform:translateY(16px);filter:blur(4px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.page-enter-active,.page-leave-active{transition:opacity .18s var(--ease),transform .18s var(--ease)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active,.reveal{transition:none!important}.reveal{opacity:1;transform:none;filter:none}}@media(max-width:768px){:root{--nav-h: 56px}.app-nav{position:fixed;top:auto;bottom:0;left:0;right:0;justify-content:space-around;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));border-bottom:0;border-top:1px solid var(--line);overflow-x:auto}.app-nav a{font-size:12.5px;padding:8px 10px;flex:1;text-align:center;min-width:0}.app-shell{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.chat-page,.group-page{height:calc(100dvh - var(--nav-h));min-height:0}.draw-view,.toolbox-view,.admin-view,.personas-view,.gallery-view,.settings-view,.napcat-view{width:100%;padding:16px 12px calc(var(--nav-h) + 24px)}.row{flex-wrap:wrap}.row label{min-width:calc(50% - 8px)}.modal{width:min(94vw,380px)!important}}