:root{color-scheme:dark;--canvas: #141414;--surface: #212121;--surface-2: #1a1a1a;--ring: #2a2a2a;--ink: #ffffff;--mute: #a8a8a8;--faint: #8f8f8f;--user-bg: #2a2a2a;--send-bg: #ffffff;--send-fg: #0d0d0d;--danger: #f4212e;--ok: #00ba7c;--link: #1d9bf0;--shadow: none;--font-display: "IBM Plex Sans", "PingFang SC", "Noto Sans SC", sans-serif;--font-body: "IBM Plex Sans", "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-pill: 999px;--radius-composer: 28px;--radius-panel: 16px;--dock-w: 260px;--header-h: 52px;--content: min(48rem, calc(100% - 2rem) );--page: min(52rem, calc(100% - 2rem) );--abyss: var(--canvas);--deep: var(--canvas);--panel: var(--surface);--panel-2: var(--surface-2);--pearl: var(--ink);--line: var(--ring);--line-soft: color-mix(in srgb, var(--ring) 70%, transparent);--brass: var(--ink);--brass-hot: var(--ink);--brass-soft: color-mix(in srgb, var(--ink) 8%, transparent)}:root[data-theme=light]{color-scheme:light;--canvas: #fdfdfd;--surface: #f8f8f8;--surface-2: #ffffff;--ring: #e5e5e5;--ink: #0d0d0d;--mute: #5c5c5c;--faint: #6e6e6e;--user-bg: #efefef;--send-bg: #0d0d0d;--send-fg: #ffffff;--danger: #b42318;--ok: #067647;--link: #1d9bf0;--abyss: var(--canvas);--deep: var(--canvas);--panel: var(--surface);--panel-2: var(--surface-2);--pearl: var(--ink);--line: var(--ring);--line-soft: color-mix(in srgb, var(--ring) 80%, transparent);--brass: var(--ink);--brass-hot: var(--ink);--brass-soft: color-mix(in srgb, var(--ink) 6%, transparent)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--link)}:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 55%,transparent);outline-offset:2px}button:focus:not(:focus-visible),textarea:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.icon-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:grid;height:100%;min-height:100%;grid-template-columns:1fr;background:var(--canvas)}.app-shell-with-dock{grid-template-columns:var(--dock-w) 1fr}.app-shell-dock-collapsed{grid-template-columns:64px 1fr}.main-shell{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.chrome{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid transparent;background:transparent}.chrome-left,.chrome-right{display:flex;align-items:center;gap:6px;min-width:0}.brand-btn{display:inline-flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:12px}.brand-btn:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.brand-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;font-size:1.05rem}.brand-mark{display:grid;place-items:center;flex-shrink:0;border-radius:10px;overflow:hidden;background:#0d0d0d}.brand-mark img,.brand-mark svg{width:100%;height:100%;display:block;object-fit:contain}.icon-btn{width:36px;height:36px;border-radius:999px;color:var(--mute);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.model-chip,.ghost-btn,.usage-capsule{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--ring);background:transparent;color:var(--ink);white-space:nowrap}.theme-toggle{width:32px;height:32px;flex-shrink:0;border-radius:999px;border:none;background:transparent;color:var(--mute);display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.theme-toggle:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.theme-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 35%,transparent);outline-offset:2px}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;animation:theme-toggle-in .18s ease-out}@keyframes theme-toggle-in{0%{opacity:0;transform:rotate(-18deg) scale(.88)}to{opacity:1;transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.theme-toggle-icon{animation:none}}.account-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 10px;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--ring) 75%,transparent);background:transparent;color:var(--mute);white-space:nowrap;font-size:13px;transition:color .15s ease,background .15s ease,border-color .15s ease}.account-chip[data-signed="1"]{color:var(--ink)}.model-chip:hover,.ghost-btn:hover,.usage-capsule:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.account-chip:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent);border-color:color-mix(in srgb,var(--ink) 18%,var(--ring))}.usage-capsule strong{font-weight:600}.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);background:var(--send-bg);color:var(--send-fg);font-weight:600}.primary-btn:hover{filter:brightness(.95)}.primary-btn:disabled,.primary-btn.wide:disabled{opacity:.4;cursor:not-allowed;filter:none}.primary-btn.wide{width:100%}.text-link{color:var(--mute);text-decoration:none}.text-link:hover{color:var(--ink)}.login-nudge{display:none}.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}.danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-weight:600}.danger-btn:hover{filter:brightness(1.05)}.danger-btn:disabled{opacity:.45;cursor:not-allowed}.modal-lead{margin:0 0 14px;color:var(--mute);line-height:1.55}.modal-emphasis{color:var(--ink);font-weight:600}.modal-card--sm{width:min(22rem,100%)}.toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:min(28rem,calc(100% - 2rem));padding:12px 14px;border-radius:14px;border:1px solid var(--ring);background:var(--surface-2);box-shadow:0 12px 40px #00000059;animation:rise .2s ease both}.toast--error{border-color:color-mix(in srgb,var(--danger) 40%,var(--ring))}.toast-dismiss{width:28px;height:28px;border-radius:999px;color:var(--mute);flex-shrink:0}.toast-dismiss:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.auth-shell{min-height:100%;min-height:100dvh;background:var(--canvas);display:flex;flex-direction:column}.auth-back{align-self:flex-start;margin:20px 20px 0;min-height:36px;padding:0 12px;border-radius:999px;color:color-mix(in srgb,var(--ink) 72%,var(--mute));font-size:14px}.auth-back:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.auth-success{margin:0;color:var(--ok);font-size:14px;line-height:1.5}.password-field{display:flex;align-items:center;gap:4px;min-height:52px;padding-right:6px;border-radius:14px;border:1px solid var(--ring);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.password-field:focus-within{border-color:color-mix(in srgb,var(--ink) 35%,var(--ring));box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 8%,transparent)}.password-field input{flex:1;min-width:0;border:none!important;background:transparent!important;box-shadow:none!important;min-height:50px;padding:0 16px}.password-toggle{flex-shrink:0;width:40px;height:40px;border-radius:999px;color:var(--mute);display:inline-flex;align-items:center;justify-content:center;padding:0}.password-toggle:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.field-hint{color:var(--faint);font-size:12px}.dock{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0;padding:10px 8px;border-right:1px solid var(--ring);background:var(--canvas)}.dock-new{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:12px;border:1px solid var(--ring);color:var(--ink);font-weight:600}.dock-new svg{width:18px;height:18px;flex-shrink:0}.dock-new:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.dock-search{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:12px;color:var(--mute)}.dock-search:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.dock-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:2px}.dock-empty{margin:18px 6px;padding:12px;color:var(--mute);font-size:13px;line-height:1.5}.dock-empty strong{display:block;color:var(--ink);margin-bottom:4px}.dock-group-label{margin:10px 8px 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.chat-row{position:relative;display:flex;align-items:center;gap:2px;border-radius:10px}.chat-row.active{background:color-mix(in srgb,var(--ink) 8%,transparent)}.chat-row-main{flex:1;min-width:0;text-align:left;padding:10px;border-radius:10px;color:var(--ink);font-size:13.5px}.chat-row-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-main:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)}.chat-row-more{width:32px;height:32px;border-radius:999px;color:var(--mute);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chat-row-more:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.chat-row-menu{right:8px;top:calc(100% + 4px);bottom:auto}.dock-foot{display:grid;gap:2px;padding-top:8px;border-top:1px solid var(--ring)}.dock-foot button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:10px;color:var(--mute);font-size:13.5px;transition:color .15s ease,background .15s ease}.dock-foot button.is-active{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent);font-weight:500}.dock-foot button.is-active svg{color:var(--ink)}.dock-foot button svg{width:18px;height:18px;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.dock-foot button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.dock-foot button:hover svg{transform:scale(1.12)}.app-shell-dock-collapsed .dock{padding:10px 8px}.app-shell-dock-collapsed .dock-label,.app-shell-dock-collapsed .dock-empty,.app-shell-dock-collapsed .dock-group-label,.app-shell-dock-collapsed .chat-row-more{display:none!important}.app-shell-dock-collapsed .dock-new,.app-shell-dock-collapsed .dock-search,.app-shell-dock-collapsed .dock-foot button{justify-content:center;width:44px;height:44px;min-height:44px;padding:0;gap:0;margin:0 auto;border-radius:12px}.app-shell-dock-collapsed .dock-new svg,.app-shell-dock-collapsed .dock-search svg,.app-shell-dock-collapsed .dock-foot button svg{width:20px;height:20px}.app-shell-dock-collapsed .dock-list{align-items:center}.app-shell-dock-collapsed .chat-row{width:44px;justify-content:center}.app-shell-dock-collapsed .chat-row-main{display:grid;place-items:center;width:44px;height:36px;padding:0}.app-shell-dock-collapsed .chat-row-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.app-shell-dock-collapsed .chat-row-main:before{content:"";width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--ink) 35%,transparent)}.app-shell-dock-collapsed .chat-row.active .chat-row-main:before{background:var(--ink)}.chat-frame{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.landing{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:32px 16px 40px}.visual-plane{display:none}.landing-inner{width:var(--content);max-width:48rem;display:flex;flex-direction:column;align-items:center;gap:28px;animation:rise .35s ease both}.landing-inner .brand-wordmark{text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.brand-wordmark{margin:0;display:inline-flex;align-items:center;gap:14px;font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.5rem);font-weight:600;letter-spacing:-.05em;line-height:1}.brand-wordmark .brand-mark{border-radius:12px}.greeting,.starters,.signal-bar,.brand-kicker,.gate-actions{display:none}.legal-body{margin:0 0 1rem;color:var(--mute);line-height:1.65;font-size:15px}.legal-body:last-child{margin-bottom:0}.eyebrow{margin:0;color:var(--mute);font-size:12px;font-weight:600;letter-spacing:.06em}.soft-note{margin:2px 0 0;color:var(--mute);font-size:12.5px;line-height:1.5}.chat-scroll{flex:1;min-height:0;overflow:auto;padding:18px 16px 8px}.thread{width:var(--content);margin:0 auto;display:flex;flex-direction:column;gap:18px;padding-top:8px}.turn{display:flex}.turn-user{justify-content:flex-end;animation:msg-in-user .32s cubic-bezier(.16,1,.3,1) both}.turn-assistant{justify-content:flex-start;animation:msg-in-assistant .38s cubic-bezier(.16,1,.3,1) both}@keyframes msg-in-user{0%{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes msg-in-assistant{0%{opacity:0;transform:translateY(8px)}}.bubble{max-width:min(100%,42rem);font-size:16px;line-height:1.55}.bubble-user{padding:12px 16px;border-radius:18px;background:var(--user-bg)}.bubble-assistant{padding:2px 0;color:var(--ink);width:100%;max-width:100%}.bubble-assistant p{margin:0 0 .75em}.bubble-assistant p:last-child{margin-bottom:0}.bubble-assistant pre{margin:.75em 0;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--ring);overflow:auto;font-family:var(--font-mono);font-size:13.5px;line-height:1.5}.bubble-assistant code{font-family:var(--font-mono);font-size:.92em}.bubble-assistant :not(pre)>code{padding:.12em .35em;border-radius:6px;background:color-mix(in srgb,var(--ink) 8%,transparent)}.bubble-assistant ul,.bubble-assistant ol{margin:.5em 0 .75em;padding-left:1.25em}.bubble-assistant blockquote{margin:.75em 0;padding-left:12px;border-left:2px solid var(--ring);color:var(--mute)}.bubble.streaming:after{content:"";display:inline-block;width:8px;height:18px;margin-left:3px;vertical-align:text-bottom;border-radius:2px;background:var(--ink);animation:cursor-pulse .9s ease infinite}@keyframes cursor-pulse{0%,to{opacity:1}50%{opacity:.15}}.composer-dock{padding:8px 16px 18px;background:transparent;text-align:left}.composer-dock.composer-dock-center{width:100%;padding:0}.op-status-tray{width:var(--content);margin:0 auto 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px;padding:0 4px}.queue-tray{width:var(--content);margin:0 auto 8px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--ink) 4%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ring) 80%,transparent)}.queue-tray-head{margin-bottom:8px}.queue-tray-title{font-size:12px;color:var(--mute)}.queue-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.queue-item-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--ink)}.queue-item-actions{display:inline-flex;gap:10px;flex-shrink:0}.queue-link{border:0;background:transparent;padding:0;font-size:12px;color:var(--mute);cursor:pointer}.queue-link:hover{color:var(--ink)}.thinking-panel{margin:0 0 10px;padding:0}.thinking-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;color:var(--mute);font-size:13px;cursor:pointer}.thinking-chevron{display:inline-block;font-size:11px;transition:transform .15s ease}.thinking-panel[data-open="0"] .thinking-chevron{transform:rotate(-90deg)}.thinking-body{margin-top:8px;max-height:min(40vh,280px);overflow:auto;padding-right:4px}.thinking-content{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-sans, inherit);font-size:13px;line-height:1.55;color:var(--mute)}.op-status-phrase{font-size:13px;line-height:1.3;min-width:0;animation:op-status-in .22s ease-out}.op-status-clock{flex-shrink:0;font-family:var(--font-mono);font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.shiny-text{display:inline-block;color:var(--mute);background-image:linear-gradient(100deg,color-mix(in srgb,var(--ink) 38%,transparent) 20%,var(--ink) 50%,color-mix(in srgb,var(--ink) 38%,transparent) 80%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shiny-sweep 1.6s linear infinite}.content-loading{display:inline-flex;align-items:center;gap:8px;min-height:1.4em;font-size:15px}.content-loading-elapsed{font-family:var(--font-mono);font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;-webkit-text-fill-color:var(--faint)}.bubble-waiting{color:var(--mute)}@keyframes shiny-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes op-status-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shiny-text{animation:none;background:none;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:var(--mute);color:var(--mute)}.op-status-phrase{animation:none}}.composer-shell{width:var(--content);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:6px;border-radius:var(--radius-composer);border:none;background:var(--surface);box-shadow:inset 0 0 0 1px var(--ring);min-height:52px;text-align:left}.composer-shell[data-multiline=false]{grid-template-rows:auto;padding:8px 10px 8px 8px}.composer-shell[data-multiline=true]{grid-template-rows:auto auto;padding:12px 14px 8px;gap:0 6px}.composer-shell:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 28%,var(--ring));transition:box-shadow .2s ease}.composer-footer{display:contents}.composer-shell[data-multiline=false] .composer-attach{grid-column:1;grid-row:1}.composer-shell[data-multiline=false] .composer-input-wrap{grid-column:2;grid-row:1;padding:6px 2px;align-items:center}.composer-shell[data-multiline=false] .composer-toolbar{grid-column:3;grid-row:1}.composer-shell[data-multiline=true] .composer-input-wrap{grid-column:1 / -1;grid-row:1;padding:0 2px 8px;align-items:flex-start}.composer-shell[data-multiline=true] .composer-attach{grid-column:1;grid-row:2}.composer-shell[data-multiline=true] .composer-toolbar{grid-column:3;grid-row:2}.composer-input-wrap{position:relative;width:100%;min-width:0;display:flex}.composer-input-wrap textarea{display:block;width:100%;min-width:0;min-height:24px;max-height:400px;resize:none;border:none;outline:none;background:transparent;padding:0;margin:0;font-size:16px;line-height:1.5;color:var(--ink);text-align:left;overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;scrollbar-width:thin}.rp-host{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;padding:6px 2px;opacity:0;transition:opacity .28s cubic-bezier(.16,1,.3,1)}.composer-shell[data-multiline=true] .rp-host{align-items:flex-start;padding:0 2px}.rp-host.is-on{opacity:1}.rp{position:relative;width:100%;height:1.5em;overflow:hidden;color:var(--mute);font-size:16px;line-height:1.5;padding:0;text-align:left}.rp-line{position:absolute;left:0;right:0;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(0);opacity:1;text-align:left}.rp-line--out{animation:rp-out .52s cubic-bezier(.16,1,.3,1) forwards}.rp-line--in{animation:rp-in .52s cubic-bezier(.16,1,.3,1) both}@keyframes rp-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-110%);opacity:0}}@keyframes rp-in{0%{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}.composer-attach{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--mute);flex-shrink:0;opacity:.9;cursor:default;padding:0;line-height:0;transition:background .15s ease,color .15s ease}.composer-attach:disabled{opacity:.75}.composer-attach:not(:disabled):hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.composer-attach svg{width:18px;height:18px;display:block}.composer-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0;height:36px;margin-left:0}.send{position:relative;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--send-bg);color:var(--send-fg);flex-shrink:0;padding:0;line-height:0;transition:opacity .2s ease,transform .15s cubic-bezier(.16,1,.3,1),background .15s ease}.send:hover:not(:disabled){transform:scale(1.06)}.send:active:not(:disabled){transform:scale(.92)}.send:disabled{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--mute);cursor:not-allowed}.composer-shell[data-empty=false] .send:not(:disabled){opacity:1;transform:scale(1);animation:send-materialize .25s cubic-bezier(.16,1,.3,1)}@keyframes send-materialize{0%{opacity:0;transform:scale(.6)}}.send[data-busy="1"]{background:color-mix(in srgb,var(--ink) 14%,transparent);color:var(--ink)}.composer-meta{width:var(--content);margin:10px auto 0;text-align:center;color:var(--mute);font-size:12px}.hint-error{color:var(--danger);font-size:13px;margin:8px auto 0;width:var(--content);text-align:center}.page-scroll{flex:1;min-height:0;overflow:auto}.page-inner{width:var(--page);margin:0 auto;padding:28px 16px 48px}.page-inner.narrow{width:min(40rem,calc(100% - 2rem))}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:28px}.page-heading h1{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,1.65rem);letter-spacing:-.04em;font-weight:600}.page-lead{margin:8px 0 0;color:var(--mute);line-height:1.55;font-size:14px}.page-heading-action{flex-shrink:0;padding-top:2px}.page-footnote{margin:18px 0 0;color:var(--mute);font-size:13px;line-height:1.55}.eyebrow{display:none}.surface-block{border-radius:14px;border:1px solid var(--ring);background:color-mix(in srgb,var(--ink) 3%,transparent);padding:16px}.surface-title{margin:0 0 12px;font-size:13px;font-weight:500;color:var(--mute);letter-spacing:.01em}.panel-card,.help-card,.settings-card{border-radius:14px;border:1px solid var(--ring);background:color-mix(in srgb,var(--ink) 3%,transparent);padding:16px}.calm-empty{display:grid;gap:14px;justify-items:start;padding:28px 4px;color:var(--mute);line-height:1.6;font-size:14px}.icon-ghost-btn{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--mute);transition:color .15s ease,background .15s ease}.icon-ghost-btn:hover:not(:disabled){color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.icon-ghost-btn:disabled{opacity:.45}.pref-stack{display:grid}.pref-group{padding:18px 0;border-top:1px solid var(--ring)}.pref-group:first-child{border-top:none;padding-top:0}.pref-group h2{margin:0 0 12px;font-size:13px;font-weight:500;color:var(--mute)}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;color:var(--ink);font-size:14px}.pref-value{font-weight:500;color:var(--mute)}.pref-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.pref-links{display:grid}.pref-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0;color:var(--ink);font-size:14px;border-bottom:1px solid color-mix(in srgb,var(--ring) 80%,transparent);border-radius:0;text-align:left}.pref-link:last-child{border-bottom:none}.pref-link:hover{color:var(--ink);opacity:.85}.pref-link-chevron{color:var(--mute);font-size:18px;line-height:1}.help-list{display:grid}.help-item{border-top:1px solid var(--ring)}.help-item:first-child{border-top:none}.help-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:12px 0;text-align:left;color:var(--ink);font-size:15px;font-weight:600;border-radius:0}.help-trigger:hover{color:var(--ink);opacity:.92}.help-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 35%,transparent);outline-offset:2px}.help-chevron{flex-shrink:0;color:var(--mute);transition:transform .18s cubic-bezier(.16,1,.3,1)}.help-item.is-open .help-chevron{transform:rotate(180deg)}.help-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.help-panel.is-open{grid-template-rows:1fr}.help-panel-inner{overflow:hidden;min-height:0}.help-panel-inner p{margin:0 0 14px;color:var(--mute);line-height:1.6;font-size:14px}.help-item h2{margin:0;font-size:inherit;font-weight:inherit}.search-mark{background:color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:inset 0 -1px color-mix(in srgb,var(--ink) 28%,transparent);color:var(--ink);border-radius:3px;padding:0 2px;font-weight:inherit}.usage-reveal{animation:usage-fade-up .22s cubic-bezier(.16,1,.3,1) both}@keyframes usage-fade-up{0%{opacity:0;transform:translateY(6px)}}.paper-form{margin-bottom:16px}.stack-gap{margin-bottom:12px}.settings-stack{display:grid;gap:12px}.soft-panel{color:var(--mute);line-height:1.6}.keys-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.keys-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ink) 3%,transparent)}.keys-row-main,.keys-row-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.key-mask{font-family:var(--font-mono);font-size:13px;color:var(--ink);letter-spacing:.01em}.keys-used{color:var(--faint);font-size:13px}.page-meta{margin:0 0 12px;color:var(--mute);font-size:13px}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--ring);color:var(--mute);white-space:nowrap}.status-pill--ready{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--ring));background:color-mix(in srgb,var(--ok) 12%,transparent)}.status-pill--low{color:#f5a524;border-color:color-mix(in srgb,#f5a524 35%,var(--ring));background:color-mix(in srgb,#f5a524 12%,transparent)}.status-pill--exhausted{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--ring));background:color-mix(in srgb,var(--danger) 12%,transparent)}.status-pill--unknown{color:var(--mute)}.usage-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.usage-hero-label{margin:0 0 4px;color:var(--mute);font-size:13px}.usage-hero-value{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.03em;font-family:var(--font-display);font-variant-numeric:tabular-nums}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.usage-stat{display:grid;gap:4px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--ink) 3%,transparent)}.usage-stat span{color:var(--mute);font-size:12.5px}.usage-stat strong{font-size:1rem;font-variant-numeric:tabular-nums}.loading-block{display:grid;gap:10px;padding:18px;border-radius:var(--radius-panel);border:1px solid var(--ring);background:var(--surface-2)}.skeleton-line{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent),color-mix(in srgb,var(--ink) 12%,transparent),color-mix(in srgb,var(--ink) 6%,transparent));background-size:200% 100%;animation:shimmer 1.2s ease infinite}.skeleton-line.short{width:42%}.loading-block__label{color:var(--mute);font-size:13px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.usage-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.help-card h2,.settings-card h2,.panel-card h2{margin:0 0 8px;font-size:1.05rem;font-family:var(--font-display);font-weight:600}.help-card p,.settings-card p,.panel-card p{margin:0;color:var(--mute);line-height:1.6}.segmented{display:inline-flex;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--ring);background:var(--surface);gap:2px}.segmented button{min-height:34px;padding:0 14px;border-radius:var(--radius-pill);color:var(--mute)}.segmented button.active{background:var(--send-bg);color:var(--send-fg);font-weight:600}.form-stack{display:grid;gap:14px;margin-top:16px}.form-stack label{display:grid;gap:6px;text-align:left;font-size:13px;color:var(--mute)}.form-stack input{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--ring);background:var(--surface)}.form-stack input:focus{outline:none;border-color:color-mix(in srgb,var(--ink) 35%,var(--ring))}.auth-page{flex:1;display:grid;place-items:center;padding:32px 20px 80px}.auth-panel{width:min(22rem,100%);text-align:center;padding:40px 32px 32px;border-radius:20px;background:color-mix(in srgb,var(--ink) 4.5%,transparent);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:none}.auth-header{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:28px}.auth-header .brand-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#1c1c1c;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent),0 10px 28px #00000059}.auth-brand{margin:16px 0 0;font-family:var(--font-display);font-weight:600;font-size:1.75rem;letter-spacing:-.055em;line-height:1.05;color:var(--ink)}.auth-form{display:flex;flex-direction:column;text-align:left;margin:0;gap:20px}.auth-field{display:flex;flex-direction:column;gap:10px}.auth-field>span{color:#d6d6d6;font-size:14px;font-weight:500;letter-spacing:-.01em}.auth-form input{width:100%;min-height:52px;padding:0 16px;border-radius:12px;background:#2f2f2f;border:1px solid color-mix(in srgb,var(--ink) 32%,transparent);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-form input::placeholder{color:var(--faint)}.auth-form input:hover{border-color:color-mix(in srgb,var(--ink) 32%,transparent)}.auth-form input:focus{outline:none;background:#303030;border-color:color-mix(in srgb,var(--ink) 58%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 14%,transparent)}.auth-form .password-field{min-height:52px;padding-right:6px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ink) 32%,transparent);background:#2f2f2f;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-form .password-field:hover{border-color:color-mix(in srgb,var(--ink) 32%,transparent)}.auth-form .password-field:focus-within{background:#303030;border-color:color-mix(in srgb,var(--ink) 58%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 14%,transparent)}.auth-form .password-field input{min-height:50px;padding:0 10px 0 16px;border:none!important;background:transparent!important;box-shadow:none!important}.auth-form .password-toggle{width:44px;height:44px;border:none;border-radius:10px;background:transparent;color:var(--mute)}.auth-form .password-toggle:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 10%,transparent)}.auth-submit{margin-top:18px;width:100%;min-height:52px;padding:0 18px;border-radius:var(--radius-pill);border:1px solid var(--send-bg);background:var(--send-bg);color:var(--send-fg);font-size:15px;font-weight:600;letter-spacing:-.015em;opacity:1;cursor:pointer;transition:transform .12s ease,filter .15s ease}.auth-submit:disabled{opacity:.72;cursor:wait;filter:none}.auth-submit:not(:disabled):hover{filter:brightness(.96);transform:translateY(-1px)}.auth-msg{margin-top:14px;text-align:left}.auth-switch{margin:28px 0 0;color:var(--mute);font-size:14px;line-height:1.5}.auth-switch button{margin-left:6px;color:var(--ink);font-weight:600;padding:0;border:none;background:none}.auth-switch button:hover{text-decoration:underline;text-underline-offset:3px}:root[data-theme=light] .auth-header .brand-mark{background:#f3f3f3;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}:root[data-theme=light] .auth-form input,:root[data-theme=light] .auth-form .password-field{background:#fff;border-color:color-mix(in srgb,var(--ink) 14%,transparent)}:root[data-theme=light] .auth-form input:focus,:root[data-theme=light] .auth-form .password-field:focus-within{background:#fff;border-color:color-mix(in srgb,var(--ink) 40%,transparent)}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.link-grid button{min-height:42px;border-radius:12px;border:1px solid var(--ring);background:var(--surface)}.link-grid button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.account-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.search-bar{display:flex;gap:8px;margin-bottom:18px;align-items:stretch}.search-field{flex:1;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--ring);background:var(--surface);color:var(--mute)}.search-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--ink);min-height:42px;padding:0}.search-bar>input{flex:1;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--ring);background:var(--surface)}.search-results{display:grid;gap:0}.toggle-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.switch{position:relative;display:inline-flex;width:42px;height:26px;flex-shrink:0}.switch-input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch-track{position:absolute;inset:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 14%,transparent);transition:background .18s ease}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink);transition:transform .18s cubic-bezier(.16,1,.3,1)}.switch-input:checked+.switch-track{background:var(--send-bg)}.switch-input:checked+.switch-track:after{transform:translate(16px);background:var(--send-fg)}.switch-input:focus-visible+.switch-track{outline:2px solid color-mix(in srgb,var(--ink) 40%,transparent);outline-offset:2px}.model-select-root{position:relative}.account-chip-label{max-width:10rem;overflow:hidden;text-overflow:ellipsis}.search-hit{width:100%;text-align:left;padding:14px 16px;border-radius:14px;border:1px solid var(--ring);background:var(--surface-2);margin-bottom:8px}.search-hit:hover{background:color-mix(in srgb,var(--ink) 5%,var(--surface-2))}.search-hit strong{display:block;margin-bottom:4px}.search-hit span{color:var(--mute);font-size:13px}.center-page{display:grid;place-items:center}.boot-label{color:var(--mute);letter-spacing:.04em}.model-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;min-width:200px;padding:6px;border-radius:14px;border:1px solid var(--ring);background:var(--surface-2);box-shadow:0 16px 40px #00000059}.model-menu.model-menu-top{top:calc(100% + 8px);bottom:auto}.model-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px}.model-menu button:hover,.model-menu button.active{background:color-mix(in srgb,var(--ink) 8%,transparent)}.model-chip-inline{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:36px;min-height:36px;padding:0 8px;border-radius:var(--radius-pill);color:var(--mute);font-size:13px;font-weight:500;line-height:1;transition:color .15s ease,background .15s ease}.model-chip-inline:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.model-chip-inline svg{display:block;flex-shrink:0;opacity:.85}.model-chip-label{max-width:12rem;opacity:1;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1;font-size:inherit;font-weight:inherit}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0000008c;animation:rise .2s ease both}.modal-card{width:min(26rem,100%);padding:22px 20px;border-radius:18px;border:1px solid var(--ring);background:var(--surface-2)}.modal-card h2{margin:0 0 8px;font-family:var(--font-display);font-size:1.2rem;font-weight:600}.modal-card>p{margin:0;color:var(--mute);line-height:1.55}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.modal-actions-primary{display:flex;gap:8px;margin-left:auto}.modal-actions-secondary{display:flex;align-items:center}.text-link-btn{padding:0;color:var(--mute);font-size:13px;text-decoration:underline;text-underline-offset:3px}.text-link-btn:hover:not(:disabled){color:var(--ink)}.text-link-btn:disabled{opacity:.5}.modal-card .hint-error{width:auto;text-align:left;margin:0}.mobile-menu-btn,.dock-backdrop{display:none}@media(max-width:860px){.app-shell-with-dock,.app-shell-dock-collapsed{grid-template-columns:1fr}.dock{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:40;transform:translate(-105%);transition:transform .22s ease;background:var(--canvas)}.dock.open{transform:none}.dock-backdrop{display:block;position:fixed;inset:0;z-index:35;background:#00000080}.mobile-menu-btn{display:inline-flex}.sidebar-toggle,.chrome-right .ghost-btn.chrome-key-btn,.chrome-right .usage-capsule{display:none}.brand-name{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}