:root{--bg: #0d0d0f;--bg-sidebar: #0a0a0c;--bg-raised: #151518;--bg-hover: rgba(245, 245, 247, .06);--bg-active: rgba(245, 245, 247, .09);--ink: #f2f2f4;--ink-dim: rgba(242, 242, 244, .55);--ink-faint: rgba(242, 242, 244, .35);--hairline: rgba(245, 245, 247, .08);--hairline-strong: rgba(245, 245, 247, .16);--accent: #9ecbff;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-composer: 24px}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:#9ecbff40}*{scrollbar-width:thin;scrollbar-color:rgba(245,245,247,.14) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#f5f5f724;border-radius:99px}*::-webkit-scrollbar-track{background:transparent}button{font-family:inherit}:focus-visible{outline:2px solid rgba(158,203,255,.6);outline-offset:2px}.pressable{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease,opacity .15s ease}.pressable:active{transform:scale(.98)}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-s);background:transparent;color:var(--ink-dim);font-size:13.5px;text-align:left;cursor:pointer}.nav-item:hover{background:var(--bg-hover);color:var(--ink)}.nav-item.active{background:var(--bg-active);color:var(--ink)}.recent-item{position:relative;display:flex;align-items:center;width:100%;padding:7px 10px;border:none;border-radius:var(--radius-s);background:transparent;color:var(--ink-dim);font-size:13px;text-align:left;cursor:pointer}.recent-item:hover{background:var(--bg-hover);color:var(--ink)}.recent-item.active{background:var(--bg-active);color:var(--ink)}.recent-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-del{opacity:0;display:flex;align-items:center;padding:2px;margin-left:6px;border:none;background:none;color:var(--ink-faint);cursor:pointer;transition:opacity .12s ease,color .12s ease}.recent-item:hover .recent-del{opacity:1}.recent-del:hover{color:#ff8a8a}.btn-primary{background:var(--ink);color:#0b0b0d;border:none;border-radius:10px;font-weight:600;cursor:pointer}.btn-primary:hover:not(:disabled){background:#fff}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--ink-dim);border:1px solid var(--hairline-strong);border-radius:10px;cursor:pointer}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--ink)}.btn-quiet{background:none;border:none;color:var(--ink-faint);cursor:pointer}.btn-quiet:hover{color:var(--ink)}.chip{border:1px solid var(--hairline-strong);background:transparent;color:var(--ink-dim);border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer}.chip:hover{background:var(--bg-hover);color:var(--ink);border-color:#f5f5f747}.composer{background:var(--bg-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-composer);box-shadow:0 8px 30px #00000059;transition:border-color .15s ease}.composer:focus-within{border-color:#f5f5f752}.composer textarea{color:var(--ink)}.composer textarea::placeholder{color:var(--ink-faint)}.send-btn{border:none;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .15s ease,opacity .15s ease}.send-btn:hover:not(:disabled){transform:scale(1.06)}.send-btn:active:not(:disabled){transform:scale(.96)}.send-btn:disabled{cursor:default}.greeting{text-wrap:balance;letter-spacing:-.02em}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg{animation:msg-in .24s ease both}@media(prefers-reduced-motion:reduce){.msg{animation:none}.pressable,.send-btn{transition:none}}.new-chat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:#f5f5f71f;color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer}.new-chat-btn:hover{background:#f5f5f72e}.new-chat-btn .kbd{color:var(--ink-faint);border-color:#f5f5f71f;background:#f5f5f70f}.kbd{font-size:10.5px;color:var(--ink-faint);border:1px solid var(--hairline);border-radius:5px;padding:1px 5px;background:#f5f5f70a}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:7px;background:transparent;color:var(--ink-faint);cursor:pointer}.icon-btn:hover{background:var(--bg-hover);color:var(--ink)}.user-pill{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border:1px solid var(--hairline-strong);border-radius:999px;background:var(--bg-raised);color:var(--ink);font-size:12.5px;cursor:pointer}.user-pill:hover{border-color:#f5f5f747;background:#f5f5f714}.dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:var(--bg-raised);border:1px solid var(--hairline-strong);border-radius:var(--radius-l);box-shadow:0 16px 48px #00000080;padding:6px;z-index:40;animation:msg-in .14s ease both}.dropdown-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:var(--radius-s);font-size:12.5px;color:var(--ink-dim)}.dropdown-row .value{color:var(--ink);font-variant-numeric:tabular-nums}.dropdown-action{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-s);background:none;color:var(--ink-dim);font-size:12.5px;text-align:left;cursor:pointer}.dropdown-action:hover{background:var(--bg-hover);color:var(--ink)}.dropdown-divider{height:1px;background:var(--hairline);margin:5px 4px}.dropdown.up{top:auto;bottom:calc(100% + 8px);left:0;right:auto}.dropdown.side{top:auto;bottom:0;left:calc(100% + 10px);right:auto}.user-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-s);background:transparent;color:var(--ink);font-size:13px;text-align:left;cursor:pointer}.user-row:hover{background:var(--bg-hover)}.drawer{height:100%;display:flex;animation:drawer-in .2s ease both}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}@media(max-width:768px){.composer textarea{font-size:16px!important}.greeting{font-size:25px!important}.dropdown{max-width:calc(100vw - 24px)}.recent-del{opacity:1}}@media(prefers-reduced-motion:reduce){.drawer{animation:none}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0606088c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:50}