:root{--dg-font-display: "Space Grotesk", system-ui, sans-serif;--dg-font-body: "IBM Plex Sans", system-ui, sans-serif;--dg-font-mono: "IBM Plex Mono", ui-monospace, monospace;--dg-bg: oklch(.14 .006 275);--dg-bg-sunken: oklch(.11 .006 275);--dg-fg: oklch(.94 .006 275);--dg-fg-muted: oklch(.75 .01 275);--dg-fg-subtle: oklch(.55 .01 275);--dg-accent: oklch(.68 .09 290);--dg-accent-hover: oklch(.78 .09 290);--dg-accent-muted: oklch(.62 .06 290);--dg-accent-fill: oklch(.5 .1 290);--dg-accent-fill-hover: oklch(.56 .1 290);--dg-border: oklch(.3 .01 275 / .5);--dg-card-bg: oklch(.19 .008 275 / .6);--dg-success: oklch(.75 .1 150);--dg-danger: oklch(.68 .17 25);--dg-radius-sm: 6px;--dg-radius-md: 8px;--dg-radius-lg: 12px}body{background:var(--dg-bg);color:var(--dg-fg);font-family:var(--dg-font-body)}a{color:var(--dg-accent);text-decoration:none}a:hover{color:var(--dg-accent-hover)}.dg-btn-primary{background:var(--dg-accent-fill);color:#f8f8fc;border-radius:var(--dg-radius-sm);padding:9px 18px;font-size:14px;font-weight:500;display:inline-block}.dg-btn-primary:hover{background:var(--dg-accent-fill-hover);color:#f8f8fc}.dg-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 120px;border-bottom:1px solid var(--dg-border)}.dg-nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--dg-font-display);font-size:15px;font-weight:700;letter-spacing:.04em}.dg-nav-links{display:flex;align-items:center;gap:36px}.dg-nav-links a{font-size:14px;color:var(--dg-fg-muted)}.dg-nav-home{display:flex;align-items:center;gap:10px;color:var(--dg-fg)}.dg-nav-home:hover{color:var(--dg-fg)}.dg-switcher{position:relative;margin-left:18px;padding-left:18px;border-left:1px solid var(--dg-border)}.dg-switcher-trigger{display:flex;align-items:center;gap:7px;background:none;border:0;padding:4px 0;cursor:pointer;color:var(--dg-fg-muted);font-family:var(--dg-font-body);font-size:14px}.dg-switcher-trigger:hover{color:var(--dg-fg)}.dg-switcher-trigger svg{transition:transform .12s ease}.dg-switcher-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.dg-switcher-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:50;min-width:240px;display:flex;flex-direction:column;padding:6px;background:var(--dg-bg-sunken);border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg)}.dg-switcher-item{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:var(--dg-radius-md);color:var(--dg-fg)}.dg-switcher-item:hover{background:var(--dg-card-bg);color:var(--dg-fg)}.dg-switcher-label{font-size:14px;font-weight:500}.dg-switcher-blurb{font-size:12.5px;color:var(--dg-fg-subtle)}@media (max-width: 900px){.dg-nav{padding:20px 24px}.dg-nav-links{gap:20px}}body{display:flex;flex-direction:column;min-height:100vh}.chat{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:760px;margin:0 auto;padding:1rem;box-sizing:border-box}.dg-nav{padding:14px 24px}.chat-account-email{font-size:.875rem;color:var(--dg-fg-subtle)}.chat-account-action{background:none;border:1px solid var(--dg-border);border-radius:var(--dg-radius-sm);padding:5px 11px;font-family:inherit;font-size:.8125rem;color:var(--dg-fg-muted);cursor:pointer}.chat-account-action:hover{color:var(--dg-fg);border-color:var(--dg-fg-subtle)}.voice-setting{font-size:.8125rem;color:var(--dg-fg-muted)}.voice-setting{display:flex;align-items:center;gap:.35rem;cursor:pointer}.auth h1,.chat h1{font-family:var(--dg-font-display);letter-spacing:.02em}.auth{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:320px;margin:4rem auto;padding:1rem}.auth-form{display:flex;flex-direction:column;gap:.6rem;width:100%}.auth-form input,.composer input{padding:.6rem .8rem;border-radius:var(--dg-radius-sm);border:1px solid var(--dg-border);background:var(--dg-bg-sunken);color:var(--dg-fg);font-family:inherit;font-size:.9375rem}.auth-form input::placeholder,.composer input::placeholder{color:var(--dg-fg-subtle)}.auth-form input:focus-visible,.composer input:focus-visible{outline:2px solid var(--dg-accent-muted);outline-offset:1px}.auth-form button{padding:.6rem 1.2rem;border-radius:var(--dg-radius-sm);border:none;background:var(--dg-accent-fill);color:#f8f8fc;cursor:pointer}.auth-form button:disabled{opacity:.6;cursor:default}.auth-error{color:var(--dg-danger);font-size:.875rem}.auth-toggle{background:none;border:none;color:var(--dg-accent);cursor:pointer;font-size:.875rem}.auth-pending{text-align:center;opacity:.8}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.message{padding:.6rem .9rem;border-radius:var(--dg-radius-lg);white-space:pre-wrap;max-width:80%}.message.user{align-self:flex-end;background:var(--dg-accent-fill);color:#f8f8fc}.message.assistant{align-self:flex-start;background:var(--dg-card-bg);border:1px solid var(--dg-border)}.composer{display:flex;gap:.5rem;padding-top:.5rem}.composer input{flex:1}.composer button{padding:.6rem 1.2rem;border-radius:var(--dg-radius-sm);border:none;background:var(--dg-accent-fill);color:#f8f8fc;cursor:pointer}.composer button:disabled{opacity:.6;cursor:default}.mic{background:var(--dg-card-bg);color:inherit}.mic.recording{background:var(--dg-danger);color:#fcf7f7;animation:mic-pulse 1.4s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.6}}.thought-bubble{border:1px dashed var(--dg-border);border-radius:var(--dg-radius-lg);margin-top:.5rem;font-size:.85rem;opacity:.85}.thought-notice{margin:0;padding:0 .7rem .5rem;font-size:.78rem;color:var(--dg-fg-subtle)}.thought-bubble.settled{opacity:.5}.thought-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.4rem .7rem;background:none;border:none;color:inherit;font:inherit;cursor:pointer}.thought-title{display:flex;align-items:baseline;gap:.15rem}.thought-elapsed{font-variant-numeric:tabular-nums;opacity:.7}.thought-dots:after{content:"";animation:thought-dots 1.5s steps(4,end) infinite}@keyframes thought-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.thought-stream{font-family:var(--dg-font-mono);max-height:7rem;overflow-y:auto;padding:0 .7rem .5rem;white-space:pre-wrap;opacity:.75;font-size:.8rem;line-height:1.35}@media (prefers-reduced-motion: reduce){.thought-dots:after{animation:none;content:"..."}}.metrics-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.metrics-panel{background:var(--dg-bg-sunken);color:var(--dg-fg);border:1px solid var(--dg-border);border-radius:var(--dg-radius-lg);padding:1rem 1.25rem;width:min(46rem,100%);max-height:85vh;overflow-y:auto}.metrics-header{display:flex;align-items:center;justify-content:space-between}.metrics-header h2{margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.5rem;margin:.75rem 0}.metrics-stat{display:flex;flex-direction:column;padding:.5rem .6rem;border-radius:var(--dg-radius-sm);background:var(--dg-card-bg)}.metrics-stat-value{font-size:1.25rem;font-variant-numeric:tabular-nums}.metrics-stat-label{font-size:.75rem;opacity:.7}.metrics-models{margin:.25rem 0;padding-left:1.1rem;font-size:.9rem}.metrics-idle{font-size:.9rem;opacity:.7}.metrics-error{color:var(--dg-danger);font-size:.9rem}.metrics-table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.metrics-table th,.metrics-table td{text-align:right;padding:.25rem .4rem;border-bottom:1px solid var(--dg-border)}.metrics-table th:first-child,.metrics-table td:first-child{text-align:left}.metrics-table tr.failed td{color:var(--dg-danger)}