:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#101315;--surface:#171b1e;--surface-raised:#1d2326;--line:#2d3539;--text:#f3f6f7;--muted:#a8b4b9;--accent:#35a879;--accent-hover:#47bd8b;--danger:#e88476;--verified:#8ee4bd;--field:#0d1012;--on-accent:#07120d;--radius:8px;--radius-control:6px;--control-min:36px;--chip-min:32px;--type-xs:.75rem;--type-sm:.8125rem;--type-body:.875rem;--type-title:1rem;--weight-medium:600;--weight-strong:650;--weight-alert:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100dvh;color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.relay-shell{min-height:100dvh}.topbar{min-height:64px;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.brand,.connection-state,.composer-footer,.approval-actions{align-items:center;gap:var(--space-2);display:flex}.brand h1,h2,p{margin:0}.brand h1{font-size:var(--type-title);font-weight:var(--weight-strong);letter-spacing:-.01em}.brand-marker{border:2px solid var(--accent);border-radius:2px;width:12px;height:12px}.connection-state{color:var(--muted);font-size:var(--type-body)}.connection-state:before{background:var(--accent);content:"";border-radius:50%;width:8px;height:8px}.connection-state[data-state=offline]:before{background:var(--danger)}.room-layout{gap:var(--space-4);max-width:1440px;padding:var(--space-4);grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);margin:0 auto;display:grid}.sidebar,.conversation,.approvals{min-width:0}.sidebar{align-content:start;gap:var(--space-4);display:grid}.panel,.timeline,.composer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel{padding:var(--space-4)}.panel h2{margin-bottom:var(--space-2);font-size:var(--type-body)}.panel p{color:var(--muted);font-size:var(--type-body)}.enrollment-form{gap:var(--space-2);margin-top:var(--space-3);display:grid}.status-list{gap:var(--space-2);display:grid}.status-item{gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--line);display:grid}.status-label{color:var(--muted);font-size:var(--type-xs)}.status-value{font-size:var(--type-body)}.field-label{gap:var(--space-1);color:var(--muted);font-size:var(--type-xs);display:grid}.device-list{gap:var(--space-2);display:grid}.device-row{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid var(--line);display:flex}.device-row>div{min-width:0;display:grid}.device-row strong{overflow-wrap:anywhere;font-size:var(--type-sm)}.device-meta{color:var(--muted);font-size:var(--type-xs)}.logout{width:100%;margin-top:var(--space-3)}.conversation{gap:var(--space-4);grid-template-rows:minmax(280px,1fr) auto;min-height:calc(100dvh - 96px);display:grid}.timeline{align-content:start;gap:var(--space-3);min-height:280px;max-height:calc(100dvh - 260px);padding:var(--space-4);margin:0;display:grid;overflow-y:auto}.timeline-empty{color:var(--muted);text-align:center;list-style:none}.timeline-entry{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-raised);list-style:none;display:grid}.timeline-meta{align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--type-xs);display:flex}.timeline-meta time{margin-left:auto}.verified-badge{color:var(--verified);font-weight:var(--weight-strong)}.timeline-body{overflow-wrap:anywhere;white-space:pre-wrap;word-break:keep-all;text-wrap:pretty}.composer{padding:var(--space-3)}textarea,input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--field);width:100%;color:var(--text);padding:var(--space-2) var(--space-3)}textarea{resize:vertical}.mention-chips{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.mention-chip{min-height:var(--chip-min);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);padding:var(--space-1) var(--space-2);background:0 0}.mention-chip[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--text)}.mention-chip:disabled{border-color:var(--line);background:var(--field);color:var(--muted)}.composer-footer{margin-top:var(--space-2);justify-content:space-between}.composer-footer p{color:var(--muted);font-size:var(--type-xs)}.button{min-height:var(--control-min);border:1px solid var(--line);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);color:var(--text);font-weight:var(--weight-medium)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-primary:disabled{border-color:var(--line);background:var(--field);color:var(--muted)}.button-secondary{background:0 0}.button-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.button-secondary-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.button:focus-visible,.mention-chip:focus,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.approval-actions{margin-top:var(--space-4);flex-wrap:wrap}.approval-body{gap:var(--space-3);display:grid}.approval-fields{gap:var(--space-1);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.approval-fields dt{color:var(--muted);font-size:var(--type-xs)}.approval-fields dd{margin:0 0 var(--space-2);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--type-xs)}.approval-body h3{font-size:var(--type-xs);margin:0}.exact-payload{max-height:180px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--field);color:var(--text);font:var(--type-xs)/1.5 ui-monospace, "SFMono-Regular", Consolas, monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.approval-warning{border-left:3px solid var(--danger);border-radius:var(--radius-control);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);font-weight:var(--weight-alert);padding:var(--space-2)}.language-toggle{margin-left:auto}[lang=ko] .panel p{word-break:keep-all;text-wrap:pretty}@media (width<=960px){.room-layout{grid-template-columns:minmax(0,1fr) minmax(220px,300px)}.sidebar{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.topbar{padding-inline:var(--space-4);flex-wrap:wrap}.connection-state{width:100%}.room-layout,.sidebar{grid-template-columns:minmax(0,1fr)}.conversation{min-height:480px}.timeline{max-height:none}.approvals{grid-row:3}.composer-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms}}