:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--xc-space-1:4px;--xc-space-2:8px;--xc-space-3:12px;--xc-space-4:16px;--xc-space-5:24px;--xc-space-6:32px;--xc-radius-control:8px;--xc-radius-overlay:12px;--xc-radius-avatar:50%;--xc-layer-content:0;--xc-layer-sticky:10;--xc-layer-popover:100;--xc-layer-dialog:200;--xc-layer-toast:300;--xc-motion-response:.12s;--xc-motion-panel:.18s;--xc-font-windows:Segoe UI Variable, Segoe UI, sans-serif;--xc-font-macos:-apple-system, BlinkMacSystemFont, sans-serif;--xc-font-android:Roboto, system-ui, sans-serif;--xc-font-code:monospace;--xc-text-body:1rem;--xc-line-body:1.5rem;--xc-text-secondary:.875rem;--xc-line-secondary:1.25rem;--xc-text-heading:1.375rem;--xc-line-heading:1.75rem;--xc-text-dialog:1.25rem;--xc-line-dialog:1.75rem;--xc-text-code:.875rem;--xc-layout-rail:64px;--xc-layout-navigation-initial:264px;--xc-layout-navigation-min:224px;--xc-layout-navigation-max:360px;--xc-layout-context-initial:320px;--xc-layout-context-min:280px;--xc-layout-context-max:400px;--xc-layout-message-min:360px;--xc-layout-context-collapse-below:1100px;--xc-layout-navigation-collapse-below:800px;--xc-layout-desktop-min-width:720px;--xc-layout-desktop-min-height:540px;--xc-layout-mobile-touch-target-dp:48px;--xc-focus-width:2px;--xc-focus-offset:2px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root,:root[data-theme=dark]{--xc-canvas:#151b26;--xc-panel:#1e2838;--xc-raised:#29384d;--xc-text:#f3f6fb;--xc-muted:#aebbd0;--xc-accent:#83b9ff;--xc-accent-text:#102540;--xc-danger:#ffada9;--xc-success:#8fd3bc}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--xc-canvas:#f3f6fa;--xc-panel:#fff;--xc-raised:#e4ebf3;--xc-text:#172337;--xc-muted:#4c617a;--xc-accent:#1457a6;--xc-accent-text:#fff;--xc-danger:#a3272b;--xc-success:#176449}}:root[data-theme=light]{--xc-canvas:#f3f6fa;--xc-panel:#fff;--xc-raised:#e4ebf3;--xc-text:#172337;--xc-muted:#4c617a;--xc-accent:#1457a6;--xc-accent-text:#fff;--xc-danger:#a3272b;--xc-success:#176449}@media (prefers-reduced-motion:reduce){:root{--xc-motion-response:0s;--xc-motion-panel:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;font-size:100%}html[data-platform=windows]{--xc-font:var(--xc-font-windows)}html[data-platform=macos]{--xc-font:var(--xc-font-macos)}html[data-platform=android]{--xc-font:var(--xc-font-android)}body{background:var(--xc-canvas);height:100%;min-height:100%;color:var(--xc-text);font-family:var(--xc-font,system-ui, sans-serif);font-size:var(--xc-text-body);line-height:var(--xc-line-body);margin:0;overflow:hidden}#root{height:100%}h1,h2,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:var(--xc-focus-width) solid var(--xc-accent);outline-offset:var(--xc-focus-offset)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted,.hint{color:var(--xc-muted);font-size:var(--xc-text-secondary);line-height:var(--xc-line-secondary)}.error{color:var(--xc-danger);font-size:var(--xc-text-secondary)}.btn{min-height:40px;padding:0 var(--xc-space-4);border-radius:var(--xc-radius-control);border:1px solid var(--xc-raised);background:var(--xc-panel);cursor:pointer;transition:background var(--xc-motion-response) ease}.btn:hover:not(:disabled){background:var(--xc-raised)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--xc-accent);color:var(--xc-accent-text);border-color:var(--xc-accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--xc-accent);filter:brightness(1.08)}.btn-small{min-height:32px;padding:0 var(--xc-space-3);font-size:var(--xc-text-secondary)}.icon-btn{border-radius:var(--xc-radius-control);cursor:pointer;background:0 0;border:0;place-items:center;min-width:40px;min-height:40px;display:inline-grid}.icon-btn:hover{background:var(--xc-raised)}.link-btn{padding:0 var(--xc-space-1);color:var(--xc-accent);cursor:pointer;font-size:inherit;background:0 0;border:0;min-height:24px;text-decoration:underline}.field{gap:var(--xc-space-1);display:grid}.field input,.field select{min-height:44px;padding:0 var(--xc-space-3);border-radius:var(--xc-radius-control);border:1px solid var(--xc-raised);background:var(--xc-canvas)}.field input[aria-invalid=true]{border-color:var(--xc-danger)}.field input,.field select{width:100%;min-width:0}.btn-danger{color:var(--xc-danger);border-color:var(--xc-danger)}.form-actions{align-items:center;gap:var(--xc-space-2);flex-wrap:wrap;display:flex}.panel-form{gap:var(--xc-space-3);display:grid}.panel-form h2,.account-section h2{font-size:1rem;font-weight:600}.dialog{width:min(440px,100% - 32px);max-height:calc(100% - 32px);padding:var(--xc-space-5);color:var(--xc-text);background:var(--xc-panel);border:1px solid var(--xc-raised);border-radius:var(--xc-radius-overlay)}.dialog::backdrop{background:#0009}.new-conversation{margin:0 var(--xc-space-4) var(--xc-space-3);flex-shrink:0}.splash{place-content:center;gap:var(--xc-space-2);text-align:center;height:100%;color:var(--xc-muted);display:grid}.brand{font-size:var(--xc-text-heading);line-height:var(--xc-line-heading);color:var(--xc-text);font-weight:700}.auth{height:100%;padding:var(--xc-space-4);place-items:center;display:grid;overflow-y:auto}.auth-card{gap:var(--xc-space-4);width:min(400px,100%);padding:var(--xc-space-5);background:var(--xc-panel);border-radius:var(--xc-radius-overlay);display:grid}.auth-card h1{font-size:var(--xc-text-heading);line-height:var(--xc-line-heading)}.notice{padding:var(--xc-space-2) var(--xc-space-3);border-radius:var(--xc-radius-control);background:var(--xc-raised)}.shell{height:100%;min-width:calc(var(--xc-layout-desktop-min-width) - 1px);grid-template-columns:var(--xc-layout-rail) var(--xc-layout-navigation-initial) minmax(var(--xc-layout-message-min), 1fr);display:grid}.rail{align-items:center;gap:var(--xc-space-2);padding:var(--xc-space-3) 0;background:var(--xc-canvas);flex-direction:column;display:flex}.rail-brand{border-radius:var(--xc-radius-overlay);background:var(--xc-accent);width:40px;height:40px;color:var(--xc-accent-text);place-items:center;font-weight:800;display:grid}.rail-btn{border-radius:var(--xc-radius-overlay);width:48px;height:48px;color:var(--xc-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.rail-btn:hover:not(:disabled),.rail-btn[aria-pressed=true]{background:var(--xc-raised);color:var(--xc-text)}.rail-btn[aria-current=page]{background:var(--xc-raised);color:var(--xc-accent)}.rail-btn:disabled{opacity:.4;cursor:not-allowed}.rail-spacer{flex:1}.nav-panel{background:var(--xc-panel);border-right:1px solid var(--xc-raised);flex-direction:column;min-height:0;display:flex}.panel-title{padding:var(--xc-space-4);font-size:var(--xc-text-secondary);text-transform:uppercase;letter-spacing:.04em;color:var(--xc-muted)}.main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.empty-main,.empty{padding:var(--xc-space-5);color:var(--xc-muted)}.conv-list{padding:0 var(--xc-space-2) var(--xc-space-2);margin:0;list-style:none;overflow-y:auto}.conv-item{align-items:center;gap:var(--xc-space-3);width:100%;min-height:48px;padding:var(--xc-space-2);border-radius:var(--xc-radius-control);text-align:left;cursor:pointer;background:0 0;border:0;display:flex;position:relative}.conv-item:hover,.conv-item[aria-current=page]{background:var(--xc-raised)}.conv-item[aria-current=page]:before{content:"";background:var(--xc-accent);border-radius:0 4px 4px 0;width:4px;position:absolute;top:8px;bottom:8px;left:-8px}.conv-text{flex:1;min-width:0;display:grid}.conv-title{overflow-wrap:anywhere;font-weight:600}.conv-preview{color:var(--xc-muted);font-size:var(--xc-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge{min-width:24px;padding:0 var(--xc-space-2);background:var(--xc-accent);color:var(--xc-accent-text);font-size:var(--xc-text-secondary);text-align:center;border-radius:12px;font-weight:700}.avatar{border-radius:var(--xc-radius-avatar);background:var(--xc-raised);flex:none;place-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:grid}.conversation{flex-direction:column;flex:1;min-height:0;display:flex}.conv-header{align-items:center;gap:var(--xc-space-3);min-height:56px;padding:var(--xc-space-2) var(--xc-space-4);border-bottom:1px solid var(--xc-raised);background:var(--xc-canvas);display:flex}.conv-header-text{min-width:0}.conv-header-title{font-size:1.0625rem;line-height:var(--xc-line-body);overflow-wrap:anywhere}.conv-header-sub{color:var(--xc-muted);font-size:var(--xc-text-secondary)}.timeline{flex:1;min-height:0;position:relative}.timeline-scroller{height:100%}.timeline-loading{flex:1}.timeline-edge{min-height:var(--xc-space-5);padding:var(--xc-space-3) var(--xc-space-4);color:var(--xc-muted);font-size:var(--xc-text-secondary);text-align:center}.msg{padding:var(--xc-space-1) var(--xc-space-4)}.msg:not(.msg-compact){padding-top:var(--xc-space-3)}.msg:hover{background:color-mix(in srgb, var(--xc-raised) 40%, transparent)}.msg-head{gap:var(--xc-space-2);align-items:baseline;display:flex}.msg-author{font-weight:600}.msg-head time{color:var(--xc-muted);font-size:.75rem}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere}.msg-edited{color:var(--xc-muted);font-size:.75rem}.msg-deleted .msg-body{color:var(--xc-muted)}.msg-status{align-items:center;gap:var(--xc-space-1);color:var(--xc-muted);margin-top:2px;font-size:.8125rem;display:inline-flex}.msg-status-ok{color:var(--xc-success)}.msg-status-error{color:var(--xc-danger)}.msg[data-state=queued] .msg-body,.msg[data-state=sending] .msg-body,.msg[data-state=unknown] .msg-body{opacity:.8}.divider{align-items:center;gap:var(--xc-space-2);margin:var(--xc-space-2) var(--xc-space-4);color:var(--xc-danger);font-size:.75rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid;flex:1}.jump-latest{right:var(--xc-space-4);bottom:var(--xc-space-3);z-index:var(--xc-layer-sticky);align-items:center;gap:var(--xc-space-2);min-height:40px;padding:0 var(--xc-space-4);background:var(--xc-accent);color:var(--xc-accent-text);cursor:pointer;border:0;border-radius:20px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 4px 16px #00000040}.composer{padding:var(--xc-space-2) var(--xc-space-4) var(--xc-space-3)}.composer-row{align-items:flex-end;gap:var(--xc-space-2);display:flex}.composer-input{resize:none;field-sizing:content;min-height:44px;max-height:40vh;padding:10px var(--xc-space-3);border-radius:var(--xc-radius-control);border:1px solid var(--xc-raised);background:var(--xc-panel);flex:1}.composer-send{place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.composer-hint{margin-top:var(--xc-space-1);color:var(--xc-muted);font-size:.75rem}.composer-note{margin-bottom:var(--xc-space-2);color:var(--xc-muted)}.banner-slot{z-index:var(--xc-layer-sticky);position:relative}.banner{align-items:center;gap:var(--xc-space-2);padding:var(--xc-space-2) var(--xc-space-4);background:var(--xc-raised);font-size:var(--xc-text-secondary);display:flex}.banner-warn{border-left:4px solid var(--xc-danger)}.banner-error{border-left:4px solid var(--xc-danger);color:var(--xc-danger)}.banner-ok{border-left:4px solid var(--xc-success)}.notices{display:grid}.notices .banner{justify-content:space-between}.you{gap:var(--xc-space-4);padding:var(--xc-space-5);align-content:start;display:grid;overflow-y:auto}.account-section{gap:var(--xc-space-3);max-width:680px;padding:var(--xc-space-4);border:1px solid var(--xc-raised);border-radius:var(--xc-radius-control);display:grid}.account-section>.btn,.logout-btn{justify-self:start}.section-heading{justify-content:space-between;align-items:center;gap:var(--xc-space-2);flex-wrap:wrap;display:flex}.session-list{margin:0;padding:0;list-style:none}.session-item{justify-content:space-between;align-items:center;gap:var(--xc-space-3);padding:var(--xc-space-3) 0;border-bottom:1px solid var(--xc-raised);flex-wrap:wrap;display:flex}.session-info{min-width:0}.session-title{overflow-wrap:anywhere;font-weight:600}.revoke-all{padding:var(--xc-space-3);background:var(--xc-panel);border-radius:var(--xc-radius-control)}.you-card{gap:var(--xc-space-3);align-items:center;display:flex}.you-name{font-weight:600}.facts{gap:var(--xc-space-2) var(--xc-space-4);grid-template-columns:max-content 1fr;margin:0;display:grid}.facts dt{color:var(--xc-muted)}.facts dd{overflow-wrap:anywhere;margin:0}.screen-title{font-size:var(--xc-text-heading);line-height:var(--xc-line-heading)}.mock-panel{right:var(--xc-space-4);bottom:var(--xc-space-4);z-index:var(--xc-layer-popover);gap:var(--xc-space-2);width:min(360px,100vw - 32px);padding:var(--xc-space-4);border:1px dashed var(--xc-muted);border-radius:var(--xc-radius-overlay);background:var(--xc-panel);display:grid;position:fixed;box-shadow:0 8px 32px #0000004d}.mock-inline{width:auto;box-shadow:none;position:static}.mock-head{justify-content:space-between;align-items:center;display:flex}.mock-head h2{font-size:1rem}.mock-actions{gap:var(--xc-space-2);flex-wrap:wrap;display:flex}.mobile{height:100%;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.mobile .conversation{padding-bottom:env(safe-area-inset-bottom)}.mobile-content{flex:1;min-height:0;overflow-y:auto}.mobile-content>section{gap:var(--xc-space-3);padding:var(--xc-space-4);display:grid}.mobile .conv-list{padding:0}.mobile .new-conversation{margin:0}.mobile .facts{gap:var(--xc-space-1);grid-template-columns:1fr}.mobile .facts dd{margin-bottom:var(--xc-space-2)}.mobile .conv-item,.mobile .btn,.mobile .icon-btn{min-height:var(--xc-layout-mobile-touch-target-dp)}.placeholder p{color:var(--xc-muted)}.tabbar{padding-bottom:env(safe-area-inset-bottom);background:var(--xc-panel);border-top:1px solid var(--xc-raised);grid-template-columns:repeat(4,1fr);display:grid}.tab{min-height:56px;color:var(--xc-muted);cursor:pointer;background:0 0;border:0;align-content:center;justify-items:center;gap:2px;font-size:.75rem;display:grid}.tab[aria-current=page]{color:var(--xc-accent);font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}