:root{--bg:#0b1120;--surface:#131c31;--surface-raised:#1b2740;--border:#253149;--text:#e8edf7;--text-muted:#94a3b8;--accent:#6366f1;--accent-text:#fff;--danger:#f87171;--radius:14px;--header-h:56px;--nav-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.shell{background:var(--bg);flex-direction:column;max-width:560px;height:100%;margin:0 auto;display:flex}.shell__header{z-index:10;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) 16px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b1120d9;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.shell__title{margin:0;font-size:17px;font-weight:650}.shell__main{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px;overflow-y:auto}.shell__nav{border-top:1px solid var(--border);background:var(--surface);padding-bottom:var(--safe-bottom);display:flex}.shell__nav a{height:var(--nav-h);color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:48px;font-size:11px;display:flex}.shell__nav a[aria-current=page]{color:var(--text)}.shell__nav span[aria-hidden]{font-size:20px;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text-muted);font-size:13px}.field input{border:1px solid var(--border);background:var(--surface-raised);border-radius:10px;width:100%;padding:12px 14px;font-size:16px}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{background:var(--accent);width:100%;min-height:48px;color:var(--accent-text);cursor:pointer;border:0;border-radius:10px;padding:0 18px;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{border:1px solid var(--border);color:var(--text);background:0 0}.muted{color:var(--text-muted);font-size:14px}.error{color:var(--danger);margin:0 0 12px;font-size:14px}.messages{flex-direction:column;gap:10px;display:flex}.message{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.message--own{background:var(--surface-raised);border-color:var(--accent);align-self:flex-end;max-width:85%}.message__meta{color:var(--text-muted);gap:8px;margin-bottom:2px;font-size:12px;display:flex}.composer{padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--border);background:var(--surface);gap:8px;display:flex}.composer input{border:1px solid var(--border);background:var(--surface-raised);border-radius:999px;flex:1;padding:12px 14px;font-size:16px}.composer button{width:auto;padding:0 20px}.update-prompt{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);z-index:50;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;width:min(92vw,520px);padding:12px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.update-prompt button{width:auto;min-height:36px;padding:0 14px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}