:root{--ink: #12151c;--ink-soft: #454c5c;--muted: #71798a;--line: rgba(18, 21, 28, .1);--line-strong: rgba(18, 21, 28, .18);--paper: #eef1f5;--paper-2: #e4e8ee;--surface: #ffffff;--accent: #0c7a69;--accent-ink: #065648;--accent-soft: rgba(12, 122, 105, .12);--hero-ink: #0b0e14;--hero-mist: #151b26;--ok: #3dba8b;--danger: #c44b4b;--radius: 14px;--radius-sm: 9px;--ease: cubic-bezier(.22, 1, .36, 1);--font-display: "Sora", "Noto Sans SC", "PingFang SC", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 280px;--composer-max: 720px}[data-theme=dark]{--ink: #f2f4f8;--ink-soft: #b6becd;--muted: #8b94a6;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--paper: #0c0f15;--paper-2: #12171f;--surface: #161b25;--accent: #2db89f;--accent-ink: #7ee0cd;--accent-soft: rgba(45, 184, 159, .14);--hero-ink: #07090d;--hero-mist: #10151e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;background:radial-gradient(900px 480px at 10% -12%,rgba(12,122,105,.13),transparent 58%),radial-gradient(700px 400px at 95% 5%,rgba(18,21,28,.06),transparent 52%),linear-gradient(180deg,var(--paper),var(--paper-2))}[data-theme=dark] body:before{background:radial-gradient(900px 480px at 10% -12%,rgba(45,184,159,.12),transparent 58%),radial-gradient(700px 400px at 95% 5%,rgba(255,255,255,.03),transparent 52%),linear-gradient(180deg,var(--paper),var(--paper-2))}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%;min-height:100%}.sidebar{display:flex;flex-direction:column;gap:.75rem;padding:1rem .85rem;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.65rem;padding:.35rem .5rem .85rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,var(--accent),var(--accent-ink));box-shadow:0 6px 18px var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.55rem .9rem;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-ink)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--accent-soft);color:var(--ink)}.btn-block{width:100%}.conv-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:.25rem;padding-right:.15rem}.conv-item{text-align:left;border:0;background:transparent;border-radius:var(--radius-sm);padding:.65rem .7rem;cursor:pointer;color:var(--ink-soft);flex:1;min-width:0}.conv-row{display:flex;align-items:center;gap:.15rem;border-radius:var(--radius-sm)}.conv-row:hover,.conv-row.active{background:var(--accent-soft)}.conv-row:hover .conv-item,.conv-row.active .conv-item{color:var(--ink)}.conv-row.active .conv-item{color:var(--accent-ink);font-weight:600}.conv-actions{display:none;gap:.1rem;padding-right:.25rem}.conv-row:hover .conv-actions,.conv-row.active .conv-actions{display:flex}.conv-actions button{border:0;background:transparent;color:var(--muted);font-size:.72rem;padding:.25rem .35rem;border-radius:6px;cursor:pointer}.conv-actions button:hover{background:var(--surface);color:var(--ink)}.conv-item:hover{color:var(--ink)}.conv-item .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.user-card{margin-top:auto;border-top:1px solid var(--line);padding-top:.75rem;position:relative}.user-card-btn{width:100%;display:flex;align-items:center;gap:.65rem;border:0;background:transparent;padding:.45rem .5rem;border-radius:var(--radius-sm);cursor:pointer;text-align:left}.user-card-btn:hover{background:var(--accent-soft)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:.85rem}.user-meta{min-width:0}.user-meta strong{display:block;font-size:.9rem}.user-meta span{display:block;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{position:absolute;left:0;right:0;bottom:calc(100% + .35rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 12px 40px #12151c1f;overflow:hidden;animation:rise .2s var(--ease)}.user-menu button{width:100%;border:0;background:transparent;text-align:left;padding:.7rem .85rem;cursor:pointer;color:var(--ink-soft)}.user-menu button:hover{background:var(--accent-soft);color:var(--ink)}.main{display:flex;flex-direction:column;min-width:0;height:100%;position:relative}.main-scroll{flex:1;overflow:auto;padding:1.25rem 1.25rem 0}.empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.85rem;padding:2rem 1rem 6rem;animation:fade-up .45s var(--ease)}.empty h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.04em;font-weight:700}.empty p{color:var(--muted);max-width:28rem}.composer-dock{position:sticky;bottom:0;padding:.75rem 1rem 1.15rem;background:linear-gradient(180deg,transparent,var(--paper) 28%)}.composer{max-width:var(--composer-max);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:end;padding:.65rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);box-shadow:0 10px 30px #12151c0f;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line-strong));box-shadow:0 12px 36px var(--accent-soft)}.composer textarea{border:0;resize:none;background:transparent;padding:.55rem .85rem;max-height:160px;outline:none}.composer-tools{display:flex;align-items:center;gap:.4rem;padding-right:.2rem}.model-select{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.35rem .65rem;color:var(--muted);font-size:.8rem}.messages{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:1.1rem;padding-bottom:1.5rem}.msg{display:grid;gap:.35rem;animation:fade-up .28s var(--ease)}.msg-role{font-size:.75rem;color:var(--muted);font-weight:600;letter-spacing:.02em}.msg-body{white-space:pre-wrap;word-break:break-word;line-height:1.65}.msg.user .msg-body{color:var(--ink)}.msg.assistant .msg-body{color:var(--ink-soft)}.msg-body.md{white-space:normal}.msg-body.md p{margin:.4rem 0}.msg-body.md p:first-child{margin-top:0}.msg-body.md code{font-family:var(--font-mono);font-size:.86em;background:var(--accent-soft);padding:.1em .35em;border-radius:5px}.msg-body.md .code-block{position:relative;margin:.7rem 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);overflow:hidden}.msg-body.md .code-block pre{margin:0;padding:.85rem .9rem .95rem;overflow:auto}.msg-body.md .code-block code{background:transparent;padding:0;font-size:.84rem;color:var(--ink)}.msg-body.md .code-copy{position:absolute;top:.4rem;right:.4rem;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;padding:.2rem .45rem;font-size:.72rem;cursor:pointer}.msg-body.md .code-copy:hover{color:var(--ink)}.msg-body.md ul,.msg-body.md ol{padding-left:1.25rem;margin:.4rem 0}.msg-body.md a{color:var(--accent-ink);text-decoration:underline}.login-page{min-height:100%;display:grid;place-items:center;padding:1.5rem}.login-panel{width:min(420px,100%);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 1.5rem 1.5rem;box-shadow:0 20px 60px #12151c14;animation:fade-up .4s var(--ease)}.login-panel h1{font-family:var(--font-display);font-size:1.75rem;letter-spacing:-.03em;margin-bottom:.35rem}.login-panel .sub{color:var(--muted);margin-bottom:1.35rem;font-size:.92rem}.field{display:grid;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.82rem;color:var(--ink-soft)}.field input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .85rem;background:var(--surface)}.row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:1.1rem;padding:.25rem;background:var(--paper-2);border-radius:var(--radius-sm)}.tabs button{border:0;background:transparent;padding:.55rem;border-radius:7px;cursor:pointer;color:var(--muted)}.tabs button.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 4px #12151c0f}.hint{margin-top:.85rem;font-size:.8rem;color:var(--muted)}.error{color:var(--danger);font-size:.85rem;margin:.4rem 0 .7rem}.qr-box{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:220px;display:grid;place-items:center;text-align:center;padding:1rem;color:var(--muted);background:var(--paper)}.mobile-bar{display:none}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,var(--sidebar-w));z-index:30;transform:translate(-105%);transition:transform .25s var(--ease);box-shadow:12px 0 40px #12151c2e}.sidebar.open{transform:translate(0)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0f1559;z-index:25}.mobile-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.composer{border-radius:18px;grid-template-columns:1fr}.composer-tools{justify-content:space-between}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-shell{display:grid;grid-template-columns:220px 1fr;min-height:100%;height:100%}.settings-nav{display:flex;flex-direction:column;gap:.25rem;padding:1rem .85rem;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent)}.settings-nav button{border:0;background:transparent;text-align:left;padding:.65rem .75rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft)}.settings-nav button.active,.settings-nav button:hover{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.settings-main{padding:1.5rem 1.5rem 2rem;overflow:auto}.settings-main h1{font-family:var(--font-display);font-size:1.55rem;margin-bottom:1rem}.settings-panel{max-width:720px}.settings-panel select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .75rem;background:var(--surface)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metric{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.85rem;background:var(--surface)}.metric span{display:block;color:var(--muted);font-size:.8rem}.metric strong{font-size:1.25rem}.simple-table{width:100%;border-collapse:collapse;margin-top:.6rem;font-size:.9rem}.simple-table th,.simple-table td{border-bottom:1px solid var(--line);text-align:left;padding:.55rem .35rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem;margin-top:1rem}.plan-card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:var(--surface)}.plan-card.current{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.plan-badge{display:inline-block;margin-left:.4rem;font-size:.7rem;font-weight:600;color:var(--accent-ink);vertical-align:middle}.plan-card h3{font-size:1rem;margin-bottom:.35rem}.plan-card .price{font-family:var(--font-display);font-size:1.4rem;margin-bottom:.35rem}.pay-box{margin-top:1.25rem;border:1px dashed var(--line-strong);border-radius:var(--radius);padding:1rem}.usage-bars{display:flex;flex-direction:column;gap:.45rem;margin-top:.5rem}.usage-bar-row{display:grid;grid-template-columns:minmax(80px,140px) 1fr auto;gap:.5rem;align-items:center;font-size:.85rem}.usage-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-bar-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden}.usage-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-ink))}.usage-bar-val{font-variant-numeric:tabular-nums;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:860px){.settings-shell{grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap}.metric-grid{grid-template-columns:1fr}}