:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1018;--panel:#141c28;--side:#101722;--line:#2b3646;--field-bg:#0e1622;--field-line:#344257;--field-text:#fff;--modal:#182232;--overlay:#0009;--toast:#263d54;--text:#eaf0f8;--muted:#95a4b8;--label:#c7d2e2;--code:#bad1ed;--aside-note:#a3b1c2;--accent:#6c9cff;--accent-ink:#091321;--btn:#233149;--btn-active:#243146;--tab-sel:#26344a;--pill-bg:#22354a;--pill-text:#b7d4ff;--ok:#75d8ad;--warn:#ffbb70;--danger:#ff8a8a;--danger-bg:#3a2431;--dot:#6bddaa;--dot-off:#47566b;--dot-mock:#ffbb70;--focus:#9dbcff;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--fs-h1:25px;--fs-h2:17px;--fs-body:14px;--fs-small:13px;--fs-tiny:12px;--fs-metric:25px;--fw-strong:700;--fw-brand:750;--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:20px;--sp-5:24px;--sp-6:36px;--r-nav:10px;--r-btn:9px;--r-card:14px;--r-modal:16px;--r-field:8px;--r-pill:50px;--side-w:218px;--main-max:1250px}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-field)}.skip-link{opacity:0;pointer-events:none;z-index:100;background:var(--btn);color:var(--text);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-btn);border:1px solid var(--line);position:absolute;top:8px;left:0;transform:translateY(-200%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:none}.shell{min-height:100vh}.side{width:var(--side-w);background:var(--side);border-right:1px solid var(--line);flex-direction:column;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{font-size:19px;font-weight:var(--fw-brand);color:var(--text);padding:0 12px 24px;text-decoration:none;display:block}.brand span{color:var(--accent)}.nav{flex-direction:column;display:flex}.nav a{align-items:center;gap:var(--sp-3);color:var(--muted);padding:var(--sp-3) 14px;border-radius:var(--r-nav);min-height:44px;margin:4px 0;text-decoration:none;display:flex}.nav a:hover,.nav a[aria-current=page]{background:var(--btn-active);color:var(--text)}.nav .glyph{text-align:center;width:16px;color:var(--accent);font-size:var(--fs-small)}.side-foot{color:var(--aside-note);font-size:var(--fs-tiny);margin-top:auto;padding:20px 12px 0;line-height:1.7}.main{margin-left:var(--side-w);max-width:var(--main-max);padding:28px 36px 60px}.top{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}h1{font-size:var(--fs-h1);font-weight:var(--fw-brand);margin:0 0 6px}h2{font-size:var(--fs-h2);font-weight:var(--fw-strong);margin:0 0 16px}h3{font-size:var(--fs-small);font-weight:var(--fw-strong);color:var(--label);margin:0 0 8px}p,.sub,small{color:var(--muted)}.sub{font-size:var(--fs-small)}small{font-size:var(--fs-tiny)}.btn{border:1px solid var(--line);background:var(--btn);color:var(--text);border-radius:var(--r-btn);padding:var(--sp-2) 16px;justify-content:center;align-items:center;gap:var(--sp-1);min-height:38px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-active)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:var(--fw-strong)}.btn.primary:hover:not(:disabled){background:#84adff}.btn.danger{color:var(--danger);border-color:#58344a}.btn.danger:hover:not(:disabled){background:var(--danger-bg)}.btn.small{min-height:32px;font-size:var(--fs-small);padding:4px 12px}.btn.quiet{background:0 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-4);margin-bottom:16px}.grid-3{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.metric{font-size:var(--fs-metric);font-weight:var(--fw-brand);margin-top:10px}.metric.metric-sm{font-size:var(--fs-h2)}.pill{border-radius:var(--r-pill);background:var(--pill-bg);color:var(--pill-text);font-size:var(--fs-tiny);white-space:nowrap;align-items:center;gap:var(--sp-1);border:1px solid #0000;padding:4px 8px;display:inline-flex}.pill.p0{color:#ffc8d2;background:#4a2330}.pill.p1{color:#ffd8a6;background:#40331f}.pill.p2{background:var(--pill-bg);color:var(--pill-text)}.pill.p3{color:#a8b6c9;background:#222a36}.pill.ev-server{color:#b6c6da;background:#232c3a}.pill.ev-provider{color:#8fe0bb;background:#1d3a30}.pill.ev-client{color:#c3bdf5;background:#2a2a44}.pill.ev-none{color:#ffcf96;background:#3a2f22}.badge{border-radius:var(--r-pill);font-size:var(--fs-tiny);border:1px solid var(--line);background:var(--field-bg);color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.badge .dot{background:var(--dot-off);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.badge.is-live .dot{background:var(--dot)}.badge.is-mock{color:#ffdba6;background:#2b2314;border-color:#6a5424}.badge.is-mock .dot{background:var(--dot-mock)}.badge.is-warn{color:var(--warn);border-color:#6a5424}.badge.is-warn .dot{background:var(--warn)}.ok{color:var(--ok)}.warn{color:var(--warn)}.muted{color:var(--muted)}.danger-text{color:var(--danger)}.list{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 0;display:flex}.item:last-child{border-bottom:0}.item-top{align-items:flex-start}.item strong{font-weight:var(--fw-strong);margin-bottom:5px;display:block}.item .grow{flex:1;min-width:0}.item .meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-tiny);color:var(--muted);flex-wrap:wrap;display:flex}.item-button{border:0;border-bottom:1px solid var(--line);color:inherit;text-align:left;border-radius:var(--r-nav);background:0 0;align-items:center;gap:12px;width:100%;min-height:44px;padding:16px 12px;display:flex}.item-button:hover{background:#1b2533}.item-button.is-active{background:var(--btn-active)}.item-button .grow{flex-direction:column;gap:3px;display:flex}.item-button .grow strong{margin-bottom:0;display:block}.item-button .meta-group{flex:none;align-items:center;gap:8px;display:inline-flex}.item-button.is-unread strong:before{content:"";background:var(--accent);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.empty{color:var(--muted);font-size:var(--fs-small);padding:18px 0}input,select,textarea{background:var(--field-bg);border:1px solid var(--field-line);border-radius:var(--r-field);color:var(--field-text);width:100%;min-height:40px;padding:10px}input[type=checkbox],input[type=radio]{width:auto;min-height:0;accent-color:var(--accent)}label.inline{min-height:24px}label.inline>input[type=checkbox]{width:24px;height:24px;margin:0}input[type=checkbox].toggle{flex:none;width:24px;height:24px}label{color:var(--label);font-size:var(--fs-small);margin:13px 0 7px;display:block}label.inline{color:var(--text);cursor:pointer;align-items:center;gap:7px;min-height:28px;margin:0;display:inline-flex}.field-hint{font-size:var(--fs-tiny);color:var(--muted);margin:6px 0 0}.formgrid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.tabs{gap:var(--sp-2);flex-wrap:wrap;margin-bottom:15px;display:flex}.tabs button{border:1px solid var(--line);border-radius:var(--r-field);color:var(--muted);background:0 0;min-height:38px;padding:8px 12px}.tabs button[aria-pressed=true]{color:var(--text);background:var(--tab-sel)}.pre{white-space:pre-wrap;word-break:break-all;color:var(--code);font-family:var(--font-mono);font-size:var(--fs-tiny);background:var(--field-bg);border:1px solid var(--field-line);border-radius:var(--r-field);padding:var(--sp-2) var(--sp-3);margin:0}.key-reveal{border-radius:var(--r-field);padding:var(--sp-3);background:#2b2314;border:1px solid #6a5424}.key-reveal code{font-family:var(--font-mono);font-size:var(--fs-small);color:#ffdba6;word-break:break-all}.overlay{background:var(--overlay);padding:var(--sp-4);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--modal);border:1px solid var(--line);border-radius:var(--r-modal);width:min(560px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto}.drawer-overlay{justify-content:flex-end;padding:0}.drawer{background:var(--modal);border-left:1px solid var(--line);width:min(560px,100%);height:100%;padding:24px;overflow-y:auto}.toast-region{gap:var(--sp-2);z-index:60;pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--toast);color:var(--text);padding:12px var(--sp-3);border-radius:var(--r-btn);border:1px solid var(--line);max-width:min(420px,100vw - 40px);font-size:var(--fs-small);pointer-events:auto;position:relative}.banner{color:#ffdba6;border-radius:var(--r-field);padding:10px var(--sp-3);font-size:var(--fs-small);margin-bottom:var(--sp-3);background:#241d12;border:1px solid #6a5424;flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.banner .grow{flex:1;min-width:180px}.banner-info{border-color:var(--line);background:var(--field-bg);color:var(--muted)}.banner-error{color:#ffc3c3;background:#251820;border-color:#58344a}details.disclosure{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}details.disclosure>summary{cursor:pointer;color:var(--muted);font-size:var(--fs-small);align-items:center;min-height:32px;display:flex}details.disclosure>summary:hover{color:var(--text)}.log-line{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--muted);gap:var(--sp-2);border-bottom:1px dashed #243141;flex-wrap:wrap;padding:5px 0;display:flex}.log-line:last-child{border-bottom:0}.log-line time{color:var(--aside-note);white-space:nowrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none!important}.mobile-nav-toggle{display:none}@media (max-width:760px){.side{border-right:0;border-bottom:1px solid var(--line);flex-direction:column;width:auto;padding:12px;position:static}.brand{padding:4px 4px 12px}.nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.nav a{white-space:nowrap;width:auto;min-height:44px;font-size:var(--fs-tiny);text-align:center;flex-direction:column;justify-content:center;gap:2px;margin:0;padding:6px 4px}.nav a .glyph{display:block}.nav a .pill{padding:1px 6px;margin-left:0!important}.side-foot{padding:12px 4px 0}.main{min-width:0;margin:0;padding:20px}.row,.item{flex-wrap:wrap}.item-button{grid-template-columns:auto 1fr;grid-template-areas:"pill title""meta meta";align-items:center;gap:6px 12px;padding:16px 12px;display:grid}.item-button>.pill{grid-area:pill}.item-button>.grow{grid-area:title;min-width:0}.item-button>.meta-group{align-items:center;gap:var(--sp-2);grid-area:meta;justify-content:flex-end;display:flex}.card{min-width:0}.top h1{font-size:var(--fs-h1)}.grid-3,.formgrid{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start;gap:12px}.top>.row{justify-content:flex-start;width:100%}.drawer{border-left:0;width:100%}.tabs{flex-wrap:wrap;overflow:visible}.tabs>button{flex:none}.card>.row{flex-wrap:wrap;row-gap:8px}.card>.row>.row{flex-wrap:wrap;justify-content:flex-start}.pre,.log-line,.key-reveal code{overflow-wrap:anywhere}.toast-region{bottom:16px;left:20px;right:20px}.toast{max-width:none}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.item .delivery-note,.item .delivery-detail{margin-top:4px;line-height:1.5;display:block}.item .delivery-note{color:var(--muted)}.item .delivery-detail{color:var(--aside-note);font-family:var(--font-mono);font-size:var(--fs-tiny);overflow-wrap:anywhere}.app-row .grow small{overflow-wrap:anywhere;line-height:1.5;display:block}.app-actions{align-items:center;gap:var(--sp-2);flex:none;display:flex}@media (max-width:760px){.app-row{grid-template-columns:auto 1fr;grid-template-areas:"icon info""status status""actions actions";align-items:start;row-gap:10px;display:grid}.app-row>.glyph{grid-area:icon;margin-top:2px}.app-row>.grow{grid-area:info;min-width:0}.app-row>.pill{grid-area:status;justify-self:start}.app-actions{flex-wrap:wrap;grid-area:actions}}.detail-title{font-size:var(--fs-h2);font-weight:var(--fw-strong);color:var(--text);margin:0 0 8px}.audio-controls{align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:8px;display:flex}.audio-controls small{max-width:100%}
