:root{--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-serif: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 5px;--r-md: 8px;--r-lg: 14px;--r-xl: 20px;--ease: cubic-bezier(.2, .7, .2, 1);--accent-h: 352}[data-headline=sans] .serif{font-family:var(--font-ui);letter-spacing:-.015em}[data-grid=off] .grid-bg{background-image:none}:root,[data-theme=light]{--bg: oklch(.985 .004 40);--bg-sunken: oklch(.962 .005 40);--surface: oklch(1 0 0);--surface-2: oklch(.975 .004 40);--surface-hover: oklch(.965 .006 var(--accent-h));--border: oklch(.905 .006 40);--border-strong: oklch(.82 .01 40);--text: oklch(.23 .012 40);--text-muted: oklch(.52 .012 40);--text-faint: oklch(.68 .01 40);--accent: oklch(.62 .205 var(--accent-h));--accent-hover: oklch(.55 .215 var(--accent-h));--accent-soft: oklch(.955 .035 var(--accent-h));--accent-border: oklch(.86 .07 var(--accent-h));--on-accent: oklch(.99 .01 var(--accent-h));--pos: oklch(.58 .13 155);--pos-soft: oklch(.95 .045 155);--neu: oklch(.64 .11 78);--neu-soft: oklch(.955 .05 85);--neg: oklch(.56 .18 25);--neg-soft: oklch(.95 .05 25);--crit: oklch(.52 .22 18);--shadow-sm: 0 1px 2px oklch(.2 .02 40 / .06), 0 1px 1px oklch(.2 .02 40 / .04);--shadow-md: 0 4px 14px oklch(.2 .02 40 / .08), 0 2px 4px oklch(.2 .02 40 / .05);--shadow-lg: 0 18px 50px oklch(.2 .02 40 / .16), 0 6px 16px oklch(.2 .02 40 / .08);--grid-dot: oklch(.86 .01 40)}[data-theme=dark]{--bg: oklch(.165 .008 40);--bg-sunken: oklch(.13 .008 40);--surface: oklch(.205 .01 40);--surface-2: oklch(.235 .011 40);--surface-hover: oklch(.255 .018 var(--accent-h));--border: oklch(.3 .012 40);--border-strong: oklch(.42 .016 40);--text: oklch(.95 .005 40);--text-muted: oklch(.7 .012 40);--text-faint: oklch(.5 .012 40);--accent: oklch(.7 .19 var(--accent-h));--accent-hover: oklch(.76 .18 var(--accent-h));--accent-soft: oklch(.3 .07 var(--accent-h));--accent-border: oklch(.42 .1 var(--accent-h));--on-accent: oklch(.16 .02 var(--accent-h));--pos: oklch(.72 .15 155);--pos-soft: oklch(.32 .07 155);--neu: oklch(.78 .13 85);--neu-soft: oklch(.34 .06 85);--neg: oklch(.68 .18 25);--neg-soft: oklch(.34 .09 25);--crit: oklch(.7 .2 18);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 4px 16px oklch(0 0 0 / .4), 0 2px 4px oklch(0 0 0 / .3);--shadow-lg: 0 20px 60px oklch(0 0 0 / .55), 0 8px 20px oklch(0 0 0 / .4);--grid-dot: oklch(.3 .01 40)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.5;letter-spacing:-.005em;transition:background .4s var(--ease),color .4s var(--ease)}::selection{background:var(--accent-soft);color:var(--text)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box;border:3px solid transparent}.mono{font-family:var(--font-mono)}.serif{font-family:var(--font-serif)}.eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-weight:500}.kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border:1px solid var(--border-strong);border-radius:5px;color:var(--text-muted);background:var(--surface);box-shadow:0 1px 0 var(--border-strong)}.dot{width:7px;height:7px;border-radius:99px;flex:none;display:inline-block}.dot.pulse{box-shadow:0 0 0 0 currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklch,currentColor 60%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;letter-spacing:-.01em;transition:all .16s var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn svg{width:16px;height:16px;flex:none}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:var(--surface)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border-strong)}.btn-quiet{color:var(--text-muted);padding:0 10px}.btn-quiet:hover{background:var(--surface-2);color:var(--text)}.btn-sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:var(--r-sm)}.btn-sm svg{width:14px;height:14px}.btn-icon{width:38px;height:38px;padding:0;justify-content:center;border-radius:var(--r-md)}.btn-icon.btn-sm{width:32px;height:32px}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:99px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.03em;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.badge.solid{border:none}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.badge-pos{background:var(--pos-soft);color:var(--pos);border-color:transparent}.badge-neu{background:var(--neu-soft);color:var(--neu);border-color:transparent}.badge-neg{background:var(--neg-soft);color:var(--neg);border-color:transparent}.tag{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:10.5px;font-weight:500;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);transition:all .15s var(--ease);cursor:pointer}.tag:hover{border-color:var(--accent-border);color:var(--accent)}.tag:before{content:"#";opacity:.45}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.divider{height:1px;background:var(--border);border:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .5s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.grid-bg{background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:22px 22px}.app-shell{display:grid;grid-template-columns:244px 1fr;height:100%}.sidebar{display:flex;flex-direction:column;background:var(--bg-sunken);border-right:1px solid var(--border);height:100%;position:sticky;top:0}.nav-item{display:flex;align-items:center;gap:11px;height:38px;padding:0 12px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;color:var(--text-muted);transition:all .15s var(--ease);position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.nav-item.on:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:99px;background:var(--accent)}.nav-item.on svg{color:var(--accent)}.nav-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--crit);color:#fff;display:flex;align-items:center;justify-content:center}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}.app-main{display:flex;flex-direction:column;min-width:0;height:100%;overflow-y:auto}.topbar{display:flex;align-items:center;gap:14px;padding:0 28px;height:64px;flex:none;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.app-content{padding:26px 28px 60px;flex:1}.topbar h1,h2{white-space:nowrap}.login-field,.search-box,.chat-input{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:all .18s var(--ease)}.login-field svg,.search-box svg{color:var(--text-faint);flex:none}.login-field input,.search-box input,.chat-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--text)}.login-field.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-field.on svg{color:var(--accent)}.search-box{height:38px}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-input{height:46px;padding-right:6px}.chat-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.seg{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:3px;gap:2px}.seg button{height:30px;padding:0 13px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;color:var(--text-muted);transition:all .15s var(--ease)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.switch{width:36px;height:21px;border-radius:99px;flex:none;background:var(--border-strong);padding:2px;transition:background .2s var(--ease);display:flex;align-items:center}.switch span{width:17px;height:17px;border-radius:99px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease);display:block}.switch.on{background:var(--accent)}.switch.on span{transform:translate(15px)}.suggestion{display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:13.5px;color:var(--text-muted);text-align:left;transition:all .16s var(--ease)}.suggestion:hover{border-color:var(--accent-border);color:var(--text);transform:translate(3px)}.cita-card{text-align:left;padding:11px 12px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);transition:all .16s var(--ease);width:100%}.cita-card:hover{border-color:var(--accent-border);background:var(--surface);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rel-item span:first-child{transition:color .15s var(--ease)}.rel-item:hover span:first-child{color:var(--accent)}.alert-title{transition:color .15s var(--ease);cursor:pointer}.alert-title:hover{color:var(--accent)}.nav-toggle,.nav-backdrop{display:none}@media (max-width: 1080px){.app-shell{grid-template-columns:64px 1fr}.sidebar .nav-item span:not(.nav-badge),.sidebar .eyebrow,.sidebar-user>div,.sidebar-user>button{display:none}.sidebar-user{justify-content:center}}@media (max-width: 900px){.split-main{grid-template-columns:minmax(0,1fr)!important}.split-main aside,.detail-main aside{position:static!important}.detail-main{gap:24px!important}.queue-grid{grid-template-columns:repeat(3,1fr)!important}.topbar{padding:0 20px}.app-content{padding:22px 20px 60px}}@media (max-width: 720px){.app-shell{grid-template-columns:1fr}.nav-toggle{display:inline-flex}.sidebar{position:fixed;top:0;bottom:0;left:0;width:264px;max-width:84vw;height:100%;z-index:70;overflow-y:auto;transform:translate(-100%);transition:transform .28s var(--ease);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#00000073;opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s var(--ease)}.nav-backdrop.on{opacity:1;visibility:visible}.sidebar .eyebrow{display:block}.sidebar .nav-item span:not(.nav-badge){display:block}.sidebar-user{justify-content:flex-start}.sidebar-user>div{display:block}.sidebar-user>button{display:inline-flex}.topbar{padding:0 14px;height:54px;gap:10px}.topbar h1{font-size:15px}.topbar-desc,.topbar-kbd{display:none!important}.topbar-live{height:26px!important}.app-content{padding:16px 14px 48px}.stat-grid,.queue-grid{grid-template-columns:repeat(2,1fr)!important}.agent-row,.source-row{flex-wrap:wrap!important;gap:9px 16px!important}.agent-row>div,.source-row>div{text-align:left!important;min-width:0!important}.source-add{flex-wrap:wrap}.source-add .btn{width:100%}.chat-main{grid-template-columns:1fr!important;height:calc(100dvh - 132px)!important}.chat-main aside{display:none!important}.cita-grid,.login-grid{grid-template-columns:1fr!important}.login-brand{display:none!important}.app-content article h1.serif{font-size:27px!important}.app-content article h3.serif{font-size:18px!important}}@media (max-width: 460px){.queue-grid{grid-template-columns:1fr!important}.app-content article h1.serif{font-size:24px!important}}