:root{--ink:#344054;--ink-strong:#111827;--muted:#667085;--line:#e4e7ec;--accent:#6d38d6;--accent-soft:#f1eafd;--accent-line:#d8c7fb;--green:#087443;--green-soft:#ecfdf3;--green-line:#abefc6;--amber-soft:#fffaeb;--amber-line:#fedf89;--blue:#175cd3;--blue-soft:#eff8ff;--blue-line:#b2ddff;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f9fc;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Noto Sans TC,sans-serif}html{background:#f7f9fc;min-width:320px;min-height:100%}body{letter-spacing:0;min-width:320px;min-height:100vh;margin:0;font-size:15px;line-height:1.42}#root{min-height:100vh}img,svg{max-width:100%}button,input,textarea,select{letter-spacing:0}:root{--ink:#242424;--ink-strong:#050505;--muted:#707070;--line:#dedede;--line-strong:#c7c7c7;--page:#f6f6f4;--surface:#fff;--surface-raised:#fff;--surface-soft:#eeeeec;--surface-hover:#e8e8e6;--accent:#111;--accent-2:#111;--accent-warm:#111;--accent-ink:#fff;--accent-soft:#eeeeec;--accent-line:#111;--active-bg:#ececea;--danger:#b42318;--success:#146c43;--shadow-soft:0 10px 24px #0000000f;--shadow-panel:0 18px 44px #0000001a;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}html,body{overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;transition:background-color .14s,border-color .14s,color .14s,transform .14s}button:disabled{cursor:not-allowed;opacity:.6}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 68%, white);outline-offset:2px}.app-shell{min-height:100vh;color:var(--ink);background:var(--page);grid-template-columns:264px minmax(0,1fr);display:grid}.app-shell.has-thread{height:100vh;overflow:hidden}html[data-theme=dark]{background:#000}.app-shell.theme-dark{--ink:#e5e5e5;--ink-strong:#fff;--muted:#9a9a9a;--line:#202020;--line-strong:#333;--page:#000;--surface:#070707;--surface-raised:#121212;--surface-soft:#181818;--surface-hover:#1f1f1f;--accent:#fff;--accent-2:#fff;--accent-warm:#fff;--accent-ink:#000;--accent-soft:#ffffff14;--accent-line:#3a3a3a;--active-bg:#1a1a1a;--shadow-soft:none;--shadow-panel:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--page)}.sidebar{background:var(--surface);border-right:1px solid var(--line);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:10px;height:100vh;padding:12px;display:grid;position:sticky;top:0}.sidebar-head,.brand-lockup,.account-main,.account-actions,.wallet-head,.topbar,.topbar-actions,.model-switcher,.new-chat-button,.search-box,.nav-list button,.thread-list button,.sidebar-foot,.composer-model,.composer-actions,.message-meta,.model-card-head,.category-tabs,.compare-panel,.compare-chip-row,.panel-head,.file-row,.settings-group-title,.integration-list span,.preset-list span,.auth-gate button,.auth-modal .auth-submit,.auth-mode-switch,.checkbox-row,.auth-note,.chat-card,.chat-card button,.empty-chat-state button,.toast{align-items:center;display:flex}.sidebar-head{justify-content:space-between}.brand-lockup{gap:10px;min-height:40px}.brand-button{min-width:0;color:inherit;text-align:left;background:0 0;border-radius:8px;padding:0}.brand-button:hover{background:var(--surface-hover)}.brand-lockup strong{color:var(--ink-strong);font-size:.96rem;display:block}.brand-lockup span,.section-label,.thread-list small,.thread-list p,.sidebar-foot span,.account-card span,.wallet-grid small,.composer-model span,.message-meta span,.message-meta em,.model-card p,.model-card dd,.section-hero p,.start-screen p,.model-dock span,.auth-gate p,.auth-gate label span,.auth-modal p,.auth-modal label span,.chat-card p,.chat-card small,.simple-panel p,.settings-list p,.file-row span,.memory-grid,.integration-list em,.preset-list em,.auth-note{color:var(--muted)}.cloud-mark,.model-logo{flex:none;place-items:center;display:grid}.cloud-mark{background:0 0;border:0;border-radius:0;width:32px;height:32px}.cloud-mark img{object-fit:contain;width:86%;height:86%}.theme-dark .cloud-mark img,.theme-dark .start-logo img{filter:invert()}.model-logo{border:1px solid var(--line);width:30px;height:30px;box-shadow:none;background:#f4f4f4;border-radius:9px;position:relative;overflow:hidden}.theme-dark .model-logo{box-shadow:none;background:#f4f4f4;border-color:#2b2b2b}.model-logo.large{border-radius:10px;width:40px;height:40px}.model-logo img{object-fit:contain;width:74%;height:74%;position:relative}.model-logo-fallback{display:none}.new-chat-button{min-height:42px;color:var(--ink-strong);background:var(--active-bg);box-shadow:none;border:1px solid #0000;border-radius:8px;justify-content:center;font-weight:760}.new-chat-button:hover{background:var(--surface-hover);border-color:var(--line-strong)}.search-box{min-height:38px;color:var(--muted);background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface));border:1px solid var(--line);border-radius:8px;gap:8px;padding:0 10px}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.nav-list{gap:4px;display:grid}.nav-list button,.thread-list button{width:100%;min-height:38px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;gap:9px;padding:8px 10px}.nav-list button:hover,.thread-list button:hover,.utility-action:hover,.model-switcher:hover,.icon-button:hover,.prompt-starters button:hover,.quick-model-strip button:hover,.category-tabs button:hover,.compare-chip-row button:hover,.settings-list button:hover,.account-actions button:hover{background:var(--surface-hover);border-color:var(--line-strong)}.nav-list button.active,.thread-list button.active,.category-tabs button.active,.utility-action.active,.compare-chip-row button.selected,.model-dock button.selected{color:var(--ink-strong);background:var(--active-bg);border-color:var(--line-strong)}.nav-list button.active{box-shadow:none}.thread-list{align-content:start;gap:6px;min-height:0;padding-top:4px;display:grid;overflow:auto}.section-label{text-transform:uppercase;padding:8px 4px 4px;font-size:.72rem;font-weight:800}.thread-list button{gap:2px;display:grid}.thread-list button span,.thread-list button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-foot{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;gap:8px;padding:10px;display:grid}.account-main{min-width:0;color:inherit;text-align:left;background:0 0;justify-content:space-between;gap:8px;padding:0}.account-main span,.account-main strong,.account-meta span,.account-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-foot strong{color:var(--ink-strong);font-size:.9rem}.account-meta{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding-top:4px;display:flex}.account-actions{gap:6px}.account-actions button{min-height:30px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:1;padding:0 8px;font-size:.8rem}.account-actions button:first-child{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.chat-main{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:100vh;display:grid}.app-shell.has-thread .chat-main{height:100vh;min-height:0;overflow:hidden}.topbar{z-index:8;background:color-mix(in srgb, var(--surface-raised) 88%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;gap:16px;min-height:58px;padding:9px 18px;position:sticky;top:0}.model-switcher,.utility-action,.icon-button{min-height:36px;color:var(--ink);background:color-mix(in srgb, var(--surface) 84%, transparent);border:1px solid var(--line);border-radius:8px}.model-switcher{gap:9px;padding:5px 10px 5px 6px;font-weight:760}.topbar-actions{gap:8px}.utility-action{gap:7px;padding:0 10px}.icon-button{place-items:center;width:38px;display:grid}.mobile-menu,.mobile-close{display:none}.chat-stage{flex-direction:column;gap:14px;min-height:0;padding:16px 18px;display:flex}.chat-stage.has-thread{grid-template-rows:minmax(0,1fr) auto auto;align-items:end;gap:10px;height:100%;padding:12px 18px 14px;display:grid;overflow:hidden}.start-screen,.message-scroll,.explore-stage,.simple-stage{width:min(920px,100%);min-width:0;margin:0 auto}.start-screen{text-align:center;align-self:start;justify-items:center;gap:14px;padding:clamp(44px,10vh,96px) 0 32px;display:grid;position:relative}.start-brand{justify-items:center;gap:8px;display:grid}.start-logo{width:58px;height:58px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.start-logo img{object-fit:contain;width:100%;height:100%}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:840}h1,h2,p{margin:0}.start-screen h1,.section-hero h1{color:var(--ink-strong);letter-spacing:0;font-size:clamp(2rem,3.2vw,3.05rem);line-height:1.06}.start-screen>p,.section-hero p{max-width:720px;line-height:1.6}.start-brand p{max-width:620px;color:var(--muted);line-height:1.5}.quick-model-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;gap:8px;width:min(640px,100%);padding:3px 2px 5px;display:flex;overflow-x:auto}.quick-model-strip::-webkit-scrollbar{display:none}.model-dock::-webkit-scrollbar{display:none}.category-tabs::-webkit-scrollbar{display:none}.quick-model-strip button{scroll-snap-align:start;min-height:34px;color:var(--ink);background:color-mix(in srgb, var(--surface) 82%, var(--surface-soft));border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:7px;padding:3px 10px 3px 5px;font-weight:720;display:inline-flex}.quick-model-strip button.selected{color:var(--ink-strong);background:var(--active-bg);border-color:var(--line-strong);box-shadow:none}.quick-model-strip .model-logo{border-radius:8px;width:24px;height:24px}.model-dock-heading{width:min(920px,100%);color:var(--ink-strong);text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.model-dock-heading button{min-height:30px;color:var(--accent);background:0 0;border-radius:999px;padding:0 9px;font-weight:760}.model-dock{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;gap:8px;width:min(920px,100%);padding:2px 2px 10px;display:flex;overflow-x:auto}.model-dock button,.model-card,.simple-panel,.settings-list,.library-panel,.auth-gate,.auth-modal,.chat-card,.empty-chat-state,.composer,.compare-panel,.message-body{background:var(--surface);border:1px solid var(--line);border-radius:10px}.model-dock button{scroll-snap-align:start;min-height:98px;color:var(--ink);text-align:center;background:0 0;border-color:#0000;flex:0 0 116px;align-content:center;justify-items:center;gap:8px;padding:10px 8px;display:grid}.model-dock button:hover{background:color-mix(in srgb, var(--surface-hover) 76%, transparent);border-color:var(--line)}.model-dock button.selected{background:var(--active-bg);border-color:var(--line-strong);box-shadow:none}.model-dock strong,.model-card h2,.simple-panel strong,.message-meta strong,.composer-model strong,.settings-list strong,.thread-title h1{color:var(--ink-strong)}.model-dock button>span{gap:2px;min-width:0;display:grid}.model-dock button strong,.model-dock button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-dock button small{color:var(--muted);font-size:.78rem;display:none}.model-dock .model-logo.large{border-radius:16px;width:58px;height:58px}.prompt-starters{flex-wrap:wrap;gap:8px;display:flex}.prompt-starters button,.category-tabs button,.compare-chip-row button,.auth-gate button,.auth-modal .auth-submit,.chat-card button,.empty-chat-state button,.composer-actions button,.model-card button,.settings-list button{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px}.prompt-starters button{background:color-mix(in srgb, var(--surface-soft) 76%, var(--surface));white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%;min-height:36px;padding:0 12px;line-height:1.35}.message-scroll{align-content:start;gap:10px;min-height:0;padding-bottom:10px;display:grid;overflow:auto}.chat-home{align-content:start;gap:16px;width:min(980px,100%);margin:0 auto;padding:18px 0 80px;display:grid}.chat-card-list{gap:10px;display:grid}.chat-card{justify-content:space-between;gap:12px;padding:12px 14px}.chat-card h2{color:var(--ink-strong);margin:0 0 3px;font-size:1rem}.chat-card div{min-width:0}.chat-card h2,.chat-card p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-card button,.empty-chat-state button{min-height:36px;color:var(--accent-ink);background:var(--accent);border-color:var(--accent);flex:none;gap:7px;padding:0 12px}.empty-chat-state{justify-items:start;gap:10px;padding:18px;display:grid}.empty-chat-state strong{color:var(--ink-strong)}.chat-stage.has-thread .message-scroll{overscroll-behavior:contain;height:100%;padding:0 0 8px}.thread-title{gap:5px;padding:12px 0 4px;display:grid}.thread-bot-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:48px minmax(0,1fr);gap:12px;width:min(770px,100%);margin:0 auto 6px;padding:12px;display:grid}.thread-bot-card div{text-align:left;gap:3px;min-width:0;display:grid}.thread-bot-card strong{color:var(--ink-strong);font-size:1rem}.thread-bot-card p,.thread-bot-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-bot-card p{font-size:.9rem}.thread-bot-card span{font-size:.75rem;font-weight:700}.chat-stage.has-thread .thread-title{gap:3px;padding:4px 0 2px}.thread-title h1{font-size:clamp(1.4rem,2vw,2rem)}.chat-stage.has-thread .thread-title h1{font-size:clamp(1.12rem,1.5vw,1.5rem);line-height:1.18}.thread-title span{color:var(--muted)}.message{grid-template-columns:32px minmax(0,1fr);gap:10px;display:grid}.message.user .message-avatar span{color:#fff;background:var(--ink-strong);border-radius:10px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.message-body{background:0 0;border-color:#0000;border-radius:0;gap:6px;max-width:780px;padding:4px 0;display:grid}.message.user .message-body{background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface));border-color:var(--line);border-radius:12px;width:fit-content;max-width:min(760px,100%);padding:9px 12px}.message.gateway_required .message-body{border-color:var(--accent-line);background:color-mix(in srgb, var(--accent-soft) 72%, var(--surface));border-radius:12px;width:fit-content;padding:9px 12px}.message.error .message-body{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent);border-radius:12px;padding:9px 12px}.message-meta{flex-wrap:wrap;gap:7px;font-size:.78rem}.message-body p{white-space:pre-wrap;line-height:1.52}.message.pending .message-body{width:fit-content;color:var(--muted);background:color-mix(in srgb, var(--surface-soft) 78%, var(--surface));border-color:var(--line);border-radius:12px;padding:9px 12px}.message.pending .message-body p:after{content:"";vertical-align:-.1em;opacity:.6;background:radial-gradient(circle,currentColor 30%,#0000 32%) .1em/.42em .42em repeat-x;width:1.4em;height:.8em;margin-left:2px;animation:1s ease-in-out infinite pending-pulse;display:inline-block}@keyframes pending-pulse{0%,to{opacity:.25}50%{opacity:.75}}.message-body small{color:var(--muted)}.compare-panel{background:color-mix(in srgb, var(--surface-raised) 92%, var(--surface-soft));width:min(920px,100%);box-shadow:var(--shadow-soft);justify-content:space-between;gap:12px;margin:0 auto;padding:10px 12px}.compare-panel>div:first-child{gap:2px;display:grid}.compare-panel span{color:var(--muted);font-size:.86rem}.compare-chip-row{flex-wrap:wrap;justify-content:flex-end;gap:6px}.compare-chip-row button{align-items:center;gap:7px;min-height:32px;padding:4px 9px 4px 5px;display:inline-flex}.compare-chip-row .model-logo{border-radius:8px;width:24px;height:24px}.composer{background:color-mix(in srgb, var(--surface-raised) 92%, transparent);border-color:var(--line-strong);width:min(770px,100%);box-shadow:var(--shadow-panel);gap:6px;margin:0 auto;padding:9px 11px;display:grid}.auth-gate{grid-template-columns:minmax(0,1fr) minmax(150px,.45fr) minmax(190px,.6fr) auto;gap:10px;width:min(760px,100%);margin:4px 0 0;padding:12px;display:grid;box-shadow:0 16px 45px #0f172a14}.auth-gate>div:first-child{grid-template-columns:24px minmax(0,1fr);gap:6px 9px;display:grid}.auth-gate>div:first-child p{grid-column:2;line-height:1.45}.auth-gate strong{color:var(--ink-strong)}.auth-gate label{gap:4px;display:grid}.auth-gate input{width:100%;min-width:0;min-height:38px;color:var(--ink);background:color-mix(in srgb, var(--surface-soft) 76%, var(--surface));border:1px solid var(--line);border-radius:8px;outline:0;padding:0 10px}.auth-gate button{min-height:38px;color:var(--accent-ink);background:var(--accent);border-color:var(--accent);justify-content:center;align-self:end;gap:7px;padding:0 13px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-modal{background:var(--surface-raised);width:min(500px,100%);box-shadow:var(--shadow-panel);gap:12px;padding:18px;display:grid;position:relative}.auth-modal-close{position:absolute;top:12px;right:12px}.auth-modal>div{gap:8px;padding-right:44px;display:grid}.auth-modal strong{color:var(--ink-strong);font-size:1.08rem}.auth-modal p{line-height:1.5}.auth-modal label{gap:5px;display:grid}.auth-mode-switch{background:color-mix(in srgb, var(--surface-soft) 82%, var(--surface));border:1px solid var(--line);border-radius:999px;gap:6px;padding:4px}.auth-provider-button{min-height:42px;color:var(--ink-strong);background:var(--surface);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:760;display:flex}.google-mark{color:#111827;background:#fff;border:1px solid #d0d5dd;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.78rem;font-weight:860;display:grid}.auth-mode-switch button{min-height:34px;color:var(--ink);background:0 0;border-radius:999px;flex:1}.auth-mode-switch button.active{color:var(--ink-strong);background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.checkbox-row{align-items:center;gap:8px;min-height:32px;display:flex}.auth-modal .checkbox-row{align-items:center;display:flex}.checkbox-row input{width:16px;height:16px;min-height:16px;accent-color:var(--accent);flex:0 0 16px;margin:0}.auth-note{gap:6px;font-size:.82rem;line-height:1.4}.auth-modal input:not([type=checkbox]){width:100%;min-width:0;min-height:42px;color:var(--ink);background:color-mix(in srgb, var(--surface-soft) 76%, var(--surface));border:1px solid var(--line);border-radius:8px;outline:0;padding:0 10px}.auth-modal .auth-submit{min-height:42px;color:var(--accent-ink);background:var(--accent);border-color:var(--accent);justify-content:center;gap:8px}.auth-link{min-height:34px;color:var(--accent);background:0 0}.composer.start{margin-top:4px}.composer.thread{z-index:5;flex:none;position:relative}.chat-stage.has-thread .composer.thread{align-self:end;padding:8px 10px;box-shadow:0 -12px 30px #0f172a1f}.composer-model{display:none}.composer textarea{resize:none;width:100%;min-height:38px;max-height:150px;color:var(--ink);background:0 0;border:0;outline:0;padding:2px;line-height:1.45}.composer.thread textarea{min-height:36px}.file-input{display:none}.attachment-tray{flex-wrap:wrap;gap:6px;display:flex}.attachment-chip{min-width:0;max-width:100%;color:var(--ink);background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface));border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 8px;display:inline-flex}.attachment-chip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;overflow:hidden}.attachment-chip small{color:var(--muted);flex:none;font-size:.72rem}.attachment-chip button{width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.composer-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.composer-actions button,.model-card button,.settings-list button{align-items:center;gap:7px;min-height:32px;padding:0 10px;display:inline-flex}.composer-actions button{border-radius:999px;justify-content:center;width:34px;padding:0}.composer-actions .send-button{width:38px}.composer-budget{color:var(--muted);align-self:center;margin-right:auto;font-size:.74rem;line-height:1.2}.composer-actions .send-button,.model-card button{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.composer-actions .send-button:hover,.model-card button:hover,.model-row button:hover,.wallet-head button:hover,.panel-head button:hover,.chat-card button:hover,.empty-chat-state button:hover,.auth-modal .auth-submit:hover{color:var(--ink-strong);background:var(--surface-hover);border-color:var(--line-strong)}.explore-stage,.simple-stage{gap:16px;padding:22px 18px 100px;display:grid}.explore-stage{width:min(820px,100%)}.explore-header{justify-items:center;gap:14px;display:grid}.explore-header h1{color:var(--ink-strong);margin:0;font-size:1.2rem}.explore-search{border-radius:999px;width:min(760px,100%);min-height:44px}.section-hero{gap:8px;display:grid}.category-tabs{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding-bottom:2px;overflow-x:auto}.category-tabs button{scroll-snap-align:start;white-space:nowrap;background:color-mix(in srgb, var(--surface) 82%, var(--surface-soft));min-height:34px;padding:0 12px}.model-grid,.simple-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.model-list{gap:0;display:grid}.model-row{border-bottom:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr) auto;align-items:center;gap:14px;min-height:92px;padding:12px 0;display:grid}.model-row.selected{background:var(--active-bg);box-shadow:inset 2px 0 0 var(--ink-strong)}.model-row:hover{background:color-mix(in srgb, var(--surface-hover) 78%, transparent)}.model-row-main{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.model-row-main h2{color:var(--ink-strong);margin:0 0 3px;font-size:1rem}.model-row-main p,.model-row-main span,.model-row-preset span{color:var(--muted);-webkit-box-orient:vertical;line-height:1.38;display:-webkit-box;overflow:hidden}.model-row-main p{-webkit-line-clamp:2}.model-row-main span,.model-row-preset span{-webkit-line-clamp:1;font-size:.82rem}.model-row-preset{gap:4px;min-width:0;display:grid}.model-row-preset strong{color:var(--ink-strong);font-size:.9rem}.model-row button{min-height:34px;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.model-card{align-content:start;gap:12px;padding:14px;display:grid}.model-card.selected{border-color:var(--accent-line)}.model-card-head{gap:10px}.model-card-head span{color:var(--accent);font-size:.7rem;font-weight:840}.model-card h2{margin:1px 0 0;font-size:1.05rem}.model-card p{min-height:58px;line-height:1.45}.preset-summary{background:color-mix(in srgb, var(--surface-soft) 72%, transparent);border:1px dashed var(--accent-line);border-radius:9px;gap:8px;padding:10px;display:grid}.preset-summary>strong{color:var(--ink-strong);font-size:.82rem}.preset-summary>p{margin:0;line-height:1.38}.preset-chip-row{flex-wrap:wrap;gap:6px;display:flex}.preset-chip-row span{max-width:100%;height:23px;color:var(--ink-strong);background:color-mix(in srgb, var(--surface) 88%, var(--surface-soft));border:1px solid var(--accent-line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:.72rem;font-weight:580;display:inline-flex}.preset-chip-row span:before{content:"✓";color:var(--accent);font-size:.8rem;font-weight:780}.model-card dl{gap:8px;margin:0;display:grid}.model-card dl div{gap:2px;display:grid}.model-card dt{color:var(--ink-strong);font-size:.76rem;font-weight:800}.model-card dd{margin:0;line-height:1.38}.simple-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.simple-panel,.settings-list,.library-panel{gap:10px;padding:16px;display:grid}.simple-panel,.library-panel{background:var(--surface-raised);box-shadow:var(--shadow-soft)}.settings-list,.library-layout{width:min(920px,100%)}.settings-list{background:0 0;border:0;border-radius:0;padding:0}.settings-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-tabs button{min-height:42px;color:var(--ink);background:0 0;border-radius:0;font-weight:800}.settings-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.wallet-panel{background:var(--surface-soft);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:12px;gap:10px;padding:12px;display:grid}.wallet-head{justify-content:space-between;align-items:center;gap:10px}.wallet-head div{gap:2px;min-width:0;display:grid}.wallet-head p{color:var(--muted);margin:0;line-height:1.3}.wallet-head button{min-height:34px;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.wallet-grid span{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);border-radius:8px;gap:2px;min-width:0;min-height:42px;padding:8px 10px;display:grid}.wallet-grid small{color:var(--muted)}.wallet-grid strong{color:var(--ink-strong);font-size:.92rem}.budget-note,.settings-help{color:var(--muted);font-size:.84rem;line-height:1.45}.preset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.preset-list span{background:color-mix(in srgb, var(--surface) 88%, var(--surface-soft));border:1px solid var(--line);border-radius:9px;align-items:flex-start;gap:7px;min-width:0;padding:9px}.preset-list strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-strong);font-size:.85rem;display:block;overflow:hidden}.preset-list em{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:2px 0 0;font-size:.73rem;font-style:normal;line-height:1.3;display:block;overflow:hidden}.library-layout{gap:12px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px}.panel-head>div{gap:4px;min-width:0;display:grid}.panel-head button{min-height:34px;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.file-list,.memory-grid,.integration-list,.toggle-list{gap:8px;display:grid}.file-row{background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface));border:1px solid var(--line);border-radius:10px;gap:10px;padding:10px}.file-row>div:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.file-row strong,.file-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-icon{width:32px;height:32px;color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent-line);border-radius:8px;place-items:center;display:grid}.file-row button:not(.icon-button){min-height:32px;color:var(--ink);background:color-mix(in srgb, var(--surface) 88%, var(--surface-soft));border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.icon-button.danger{color:var(--danger);background:color-mix(in srgb, var(--surface) 88%, var(--surface-soft))}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-grid span{background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface));border:1px solid var(--line);border-radius:8px;min-height:34px;padding:8px 10px}.settings-group-title{gap:8px}.toggle-list{background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface));border:1px solid var(--line);border-radius:10px;padding:10px}.integration-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.integration-list span{background:color-mix(in srgb, var(--surface) 88%, var(--surface-soft));border:1px solid var(--line);border-radius:8px;gap:7px;min-width:0;padding:8px}.integration-list .model-logo{border-radius:7px;width:22px;height:22px}.integration-list em{margin-left:auto;font-size:.74rem;font-style:normal}.settings-list label{gap:6px;display:grid}.settings-list select{min-height:38px;color:var(--ink);background:color-mix(in srgb, var(--surface-soft) 72%, var(--surface));border:1px solid var(--line);border-radius:10px;padding:0 10px}.settings-list article{background:color-mix(in srgb, var(--surface-soft) 76%, var(--surface));border:1px solid var(--line);border-radius:12px;padding:12px}.toast{z-index:20;pointer-events:none;max-width:min(520px,100vw - 36px);color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow-panel);border-radius:12px;gap:8px;padding:10px 12px;position:fixed;bottom:18px;right:18px}.app-shell.has-thread .toast{display:none}@media (width<=980px){.app-shell{grid-template-columns:1fr}.mobile-menu{z-index:30;width:38px;height:38px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;place-items:center;display:grid;position:fixed;top:12px;left:12px}.mobile-close{display:grid}.sidebar{z-index:40;width:min(320px,88vw);transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 50px #0f172a2e}.sidebar.open{transform:translate(0)}.topbar{padding-left:58px}.utility-action span{display:none}.utility-action.compare-action span{display:inline}.utility-action.compare-action{white-space:nowrap;min-width:54px;padding:0 10px}.chat-stage{padding:12px}.chat-stage.has-thread{padding:10px 12px 12px}.auth-gate{grid-template-columns:1fr}.auth-gate>div:first-child p{grid-column:1/-1}.model-grid,.simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-row{grid-template-columns:minmax(0,1fr) auto}.model-row-preset{grid-column:1/-1;padding-left:70px}}@media (width<=620px){.topbar{gap:8px;min-height:58px;padding-right:10px}.model-switcher{max-width:190px}.model-switcher span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.start-screen{align-self:start;gap:12px;padding-top:16px}.start-screen h1,.section-hero h1{font-size:2rem}.model-grid,.simple-grid{grid-template-columns:1fr}.model-dock button{flex-basis:106px}.quick-model-strip{justify-content:flex-start}.model-row{grid-template-columns:1fr;align-items:stretch}.model-row-preset{padding-left:0}.model-row button{justify-content:center}.chat-card{flex-direction:column;align-items:stretch}.chat-card button{justify-content:center}.composer{gap:8px;padding:10px}.composer textarea,.composer.thread textarea{min-height:40px}.compare-panel{flex-direction:column;align-items:stretch}.compare-chip-row{justify-content:flex-start}.composer-actions{justify-content:stretch}.composer-actions button{flex:0 0 38px;justify-content:center}.composer-budget{display:none}.message{grid-template-columns:32px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
