:root{--radius: 12px;--radius-sm: 8px;--bar-h: 64px;--foot-h: 70px;--bar-button: 36px;--column: 920px}:root,:root[data-theme=dark]{--bg: #16181d;--bg-raised: #1d2027;--bg-hover: #242832;--bg-input: #22252d;--border: #2c313b;--text: #e6e8ec;--text-dim: #9aa1ae;--text-faint: #6b7280;--accent: #4fd8c0;--accent-soft: #1e4f48;--on-accent: #0f1417;--danger: #ef5f6b;--success: #4ac08a;--bubble-self: #1e4f48;--bubble-other: #262a33;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #eef1f3;--bg-raised: #f7f9fa;--bg-hover: #e3e8eb;--bg-input: #ffffff;--border: #d5dbe0;--text: #171b1f;--text-dim: #5a6470;--text-faint: #8a94a0;--accent: #0b8a75;--accent-soft: #d3efe8;--on-accent: #ffffff;--danger: #c93540;--success: #1a8a5c;--bubble-self: #d3efe8;--bubble-other: #ffffff;color-scheme:light}}:root[data-theme=light]{--bg: #eef1f3;--bg-raised: #f7f9fa;--bg-hover: #e3e8eb;--bg-input: #ffffff;--border: #d5dbe0;--text: #171b1f;--text-dim: #5a6470;--text-faint: #8a94a0;--accent: #0b8a75;--accent-soft: #d3efe8;--on-accent: #ffffff;--danger: #c93540;--success: #1a8a5c;--bubble-self: #d3efe8;--bubble-other: #ffffff;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{height:100dvh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm)}input,textarea,select{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;width:100%}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--accent)}.btn,.btn-ghost,.btn-danger{padding:10px 16px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm)}.btn{background:var(--accent);color:var(--on-accent)}.btn-ghost{background:var(--bg-raised);color:var(--text);border-color:var(--border)}.btn-ghost.danger{color:var(--danger)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled,.btn-ghost:disabled,.btn-danger:disabled{opacity:.5;cursor:default}.dialog-actions{display:flex;flex-wrap:wrap-reverse;gap:8px;margin-top:4px}.dialog-actions>button{flex:1 1 calc(50% - 4px);white-space:nowrap}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:13px}.error{color:var(--danger);font-size:14px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.mention{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:0 .2em;font-weight:500}
