:root{--sig-h:217;--sig:#0866ff;--sig-2:#1877f2;--sig-soft:#0866ff29;--sig-glow:#0866ff52;--amber:#f7b928;--red:#fa383e;--blue:#62aaff;--violet:#b197fc;--green:#31a24c;--bg:#08090a;--bg-2:#0f1113;--surface:#16181c;--surface-2:#1c1f24;--surface-3:#242830;--line:#ffffff14;--line-2:#ffffff26;--ink:#e4e6eb;--ink-2:#b0b3b8;--ink-3:#8a8d91;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 24px -8px #0009;--shadow-3:0 24px 60px -20px #000000bf;--display:"Bricolage Grotesque", "Segoe UI", sans-serif;--sans:"Schibsted Grotesk", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--fs-xs:11px;--fs-sm:12.5px;--fs-md:13.5px;--r-sm:8px;--r:12px;--r-full:999px;--nav-w:244px;--rail-w:68px;--topbar-h:56px;--ring:0 0 0 3px var(--sig-glow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f0f2f5;--bg-2:#e9ebef;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#eceff3;--line:#17191c1a;--line-2:#17191c2e;--ink:#050505;--ink-2:#4b4f56;--ink-3:#65676b;--sig:#0866ff;--sig-2:#1877f2;--sig-soft:#0866ff1a;--sig-glow:#0866ff38;--red:#d13a3f;--amber:#a8730a;--blue:#1877f2;--green:#218c3a;--shadow-1:0 1px 2px #29303d14;--shadow-2:0 10px 24px -12px #29303d33;--shadow-3:0 24px 50px -24px #29303d42;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;line-height:1.55}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(940px 500px at 88% -8%, var(--sig-soft), transparent 62%), radial-gradient(760px 440px at -8% 108%, #1877f214, transparent 62%);position:fixed;inset:0}a{color:var(--sig);text-underline-offset:3px}::selection{background:var(--sig);color:#fff}:focus-visible{box-shadow:var(--ring);border-radius:var(--r-sm);outline:none}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:clamp(22px,2.4vw,30px);font-weight:800}h2{font-size:19px;font-weight:700}h3{font-size:15px;font-weight:600}code,pre,.mono{font-family:var(--mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.3}}@keyframes scan{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes shimmer{to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:none}}@keyframes flash{0%{box-shadow:0 0 0 1px var(--sig), 0 0 30px var(--sig-glow)}to{box-shadow:none}}.shell{z-index:1;grid-template-columns:var(--nav-w) minmax(0, 1fr);height:100%;display:grid;position:relative}.shell.rail{--nav-w:var(--rail-w)}.side{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:10px;min-height:0;padding:14px 10px;display:flex}.brand{border-bottom:1px dashed var(--line-2);align-items:center;gap:10px;padding:6px 8px 12px;display:flex}.brand .logo{filter:drop-shadow(0 0 10px var(--sig-glow));flex:none}.brand b{font-family:var(--display);letter-spacing:-.02em;font-size:16px;font-weight:800;line-height:1.1;display:block}.brand small{color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.rail .brand{justify-content:center;padding:6px 0 12px}.rail .brand-text,.rail .nav-label,.rail .foot-detail{display:none}.nav{scrollbar-width:thin;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.nav-item{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--fs-sm);align-items:center;gap:11px;padding:9px 10px;transition:background .16s,color .16s;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item[aria-current=page]{background:var(--surface-2);color:var(--ink);font-weight:600}.nav-item[aria-current=page]:before{content:"";background:var(--sig);width:3px;box-shadow:0 0 14px var(--sig);border-radius:0 3px 3px 0;position:absolute;top:9px;bottom:9px;left:-10px}.nav-item svg{color:var(--ink-3);flex:none}.nav-item[aria-current=page] svg{color:var(--sig)}.nav-item .count{margin-left:auto}.rail .nav-item{justify-content:center;padding:11px 0}.side-foot{border-top:1px dashed var(--line-2);color:var(--ink-3);font-size:var(--fs-xs);flex-direction:column;gap:8px;padding-top:10px;display:flex}.side-foot .who{align-items:center;gap:8px;display:flex}.rail .side-foot{align-items:center}.topbar{z-index:30;height:var(--topbar-h);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 12px;display:none;position:sticky;top:0}.topbar h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.scrim{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;border:0;position:fixed;inset:0}.main{min-width:0;height:100%;overflow-y:auto}.page{max-width:1460px;padding:26px 30px 72px;animation:.3s both rise}.page-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head .eyebrow{color:var(--sig);letter-spacing:.24em;text-transform:uppercase;font-size:10px;font-family:var(--mono);margin-bottom:6px}.page-head p{color:var(--ink-3);max-width:74ch;font-size:var(--fs-sm);margin:8px 0 0}.page-head .actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.card{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 88%, var(--bg)));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-1);padding:18px;position:relative}.card>h3{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card>h3 .sub{font-family:var(--mono);font-weight:400;font-size:var(--fs-xs);color:var(--ink-3);align-items:center;gap:6px;margin-left:auto;display:flex}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.split-nav{grid-template-columns:240px minmax(0,1fr)}.split-side{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.split-main{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--ink-3)}.hr{background:var(--line);border:0;height:1px;margin:14px 0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stat .v{font-family:var(--display);word-break:break-word;margin-top:6px;font-size:clamp(22px,2.6vw,28px);font-weight:800;line-height:1.1}.stat .l{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-family:var(--mono)}.card.stat{transition:border-color .15s,transform .15s}.card.stat[role=button]{cursor:pointer}.card.stat[role=button]:hover{border-color:var(--line-2);transform:translateY(-1px)}.card.stat[aria-pressed=true]{border-color:var(--sig-2);box-shadow:var(--ring)}.kv{font-size:var(--fs-sm);grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:7px 14px;margin:0;display:grid}.kv dt{color:var(--ink-3)}.kv dd{word-break:break-word;margin:0}label.f{font-size:var(--fs-xs);color:var(--ink-2);flex-direction:column;gap:6px;min-width:0;display:flex}label.f>span{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-size:10px;font-family:var(--mono)}input,select,textarea{font:inherit;font-size:var(--fs-sm);color:var(--ink);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-sm);outline:none;width:100%;min-height:40px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s}textarea{resize:vertical;min-height:84px;line-height:1.5;font-family:var(--mono)}input:hover,select:hover,textarea:hover{border-color:var(--line-2)}input:focus,select:focus,textarea:focus{border-color:var(--sig-2);box-shadow:var(--ring);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--ink-3)}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--sig);flex:none}input[type=file]{padding:8px}input[type=number]{font-family:var(--mono)}select{appearance:none;background-repeat:no-repeat;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:right 14px center,right 9px center;background-size:5px 5px;padding-right:30px}.btn{font:inherit;font-size:var(--fs-sm);cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface-2);min-height:40px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-weight:500;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--ink-3);background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.pri{background:var(--sig);color:#fff;border-color:var(--sig);font-weight:700}.btn.pri:hover{background:var(--sig-2);border-color:var(--sig-2);box-shadow:0 6px 18px -6px var(--sig-glow)}.btn.danger{color:var(--red);border-color:color-mix(in srgb, var(--red) 40%, transparent);background:color-mix(in srgb, var(--red) 8%, transparent)}.btn.danger:hover{background:color-mix(in srgb, var(--red) 14%, transparent);border-color:var(--red)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{min-height:32px;font-size:var(--fs-xs);padding:5px 10px}.btn.icon{width:40px;min-height:40px;padding:0}.btn.icon.sm{width:32px;min-height:32px}.tag{letter-spacing:.05em;border-radius:var(--r-full);border:1px solid var(--line-2);color:var(--ink-2);background:var(--surface-2);font-size:10.5px;font-family:var(--mono);text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;line-height:1.5;display:inline-flex}.tag.ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, transparent);background:color-mix(in srgb, var(--green) 12%, transparent)}.tag.warn{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 35%, transparent);background:color-mix(in srgb, var(--amber) 9%, transparent)}.tag.err{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, transparent);background:color-mix(in srgb, var(--red) 9%, transparent)}.tag.info{color:var(--blue);border-color:color-mix(in srgb, var(--blue) 35%, transparent);background:color-mix(in srgb, var(--blue) 9%, transparent)}.tag.pick{cursor:pointer;text-transform:none;font-family:var(--sans);font-size:var(--fs-xs);-webkit-user-select:none;user-select:none}.tag.pick:hover{border-color:var(--ink-3)}.led{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px}.led.live{animation:1.5s infinite blink}.count{background:var(--sig);color:#fff;border-radius:var(--r-full);font-size:10px;font-weight:700;line-height:18px;font-family:var(--mono);padding:0 7px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{all:unset;cursor:pointer;color:var(--ink-3);font-size:var(--fs-sm);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 13px;transition:color .15s}.tabs button:hover{color:var(--ink-2)}.tabs button.on{color:var(--ink);border-color:var(--sig);font-weight:600}.json{background:color-mix(in srgb, var(--bg) 70%, #000);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--fs-xs);white-space:pre-wrap;word-break:break-word;color:#cfd6e4;max-height:440px;margin:0;padding:12px;line-height:1.55;overflow:auto}:root[data-theme=light] .json{background:var(--surface-3);color:#1c2b4a}.json .k{color:var(--blue)}.json .s{color:#8ecb9b}.json .n{color:var(--amber)}.json .b{color:var(--violet)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:500;font-family:var(--mono);border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px}.table tbody tr{transition:background .12s}.table tbody tr:hover td{background:var(--surface-2)}.table tr.sel td{background:var(--sig-soft);box-shadow:inset 2px 0 0 var(--sig)}.empty{color:var(--ink-3);text-align:center;border:1px dashed var(--line-2);border-radius:var(--r);font-size:var(--fs-sm);flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.empty svg{opacity:.55}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);border-radius:var(--r-sm);background-size:200% 100%;height:14px;animation:1.4s linear infinite shimmer}.err-box{border:1px solid color-mix(in srgb, var(--red) 35%, transparent);background:color-mix(in srgb, var(--red) 8%, transparent);color:color-mix(in srgb, var(--red) 70%, var(--ink));border-radius:var(--r-sm);font-size:var(--fs-sm);padding:11px 13px}.err-box b{color:var(--red)}.note{border-left:3px solid var(--amber);background:color-mix(in srgb, var(--amber) 8%, transparent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:color-mix(in srgb, var(--amber) 60%, var(--ink));font-size:var(--fs-sm);padding:10px 13px}.note.ok{border-color:var(--sig);background:var(--sig-soft);color:var(--ink)}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface-2);border:1px solid var(--line-2);border-left:3px solid var(--sig);border-radius:var(--r-sm);box-shadow:var(--shadow-2);font-size:var(--fs-sm);align-items:flex-start;gap:9px;padding:11px 14px;animation:.2s both rise;display:flex}.toast.err{border-left-color:var(--red)}.toast svg{flex:none;margin-top:1px}.login{z-index:1;grid-template-columns:1.05fr .95fr;min-height:100%;display:grid;position:relative}.login-art{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,60px);display:flex;position:relative;overflow:hidden}.login-art h1{font-size:clamp(40px,6.5vw,86px);font-weight:800;line-height:.92}.login-art h1 em{color:var(--sig);text-shadow:0 0 40px var(--sig-glow);font-style:normal}.login-art .feats{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.wave{opacity:.55;pointer-events:none;height:160px;position:absolute;bottom:34%;left:0;right:0}.login-form{justify-content:center;align-items:center;padding:clamp(20px,4vw,44px);display:flex}.login-form form{width:100%;max-width:380px}.login-form .card{padding:26px;overflow:hidden}.scanline{height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.scanline:after{content:"";background:linear-gradient(90deg, transparent, var(--sig), transparent);width:38%;height:100%;animation:2.6s linear infinite scan;display:block}.inbox{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);height:calc(100dvh - 176px);min-height:440px;box-shadow:var(--shadow-1);grid-template-columns:minmax(260px,320px) minmax(0,1fr);display:grid;overflow:hidden}.threads{border-right:1px solid var(--line);overscroll-behavior:contain;background:var(--surface);min-height:0;overflow-y:auto}.threads-head{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);padding:10px;position:sticky;top:0}.thread{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:10px;padding:11px 13px;transition:background .12s;display:flex}.thread:hover{background:var(--surface-2)}.thread.on{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--sig)}.thread .name{font-weight:600;font-size:var(--fs-md)}.avatar{border-radius:var(--r-full);width:34px;height:34px;font-family:var(--display);background:var(--surface-3);color:var(--ink-2);border:1px solid var(--line-2);flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.avatar.sig{background:var(--sig-soft);color:var(--sig);border-color:color-mix(in srgb, var(--sig) 35%, transparent)}.convo{flex-direction:column;min-width:0;min-height:0;display:flex}.convo-head{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.msgs{overscroll-behavior:contain;scrollbar-gutter:stable;background:repeating-linear-gradient(135deg, #ffffff04 0 2px, transparent 2px 12px), var(--bg-2);flex-direction:column;flex:auto;gap:9px;min-height:0;padding:18px;display:flex;overflow-y:auto}.day-sep{font-size:10px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);align-self:center;margin:6px 0;padding:3px 11px}.bubble{border:1px solid var(--line-2);background:var(--surface);max-width:min(620px,82%);box-shadow:var(--shadow-1);border-radius:14px 14px 14px 4px;padding:9px 12px 7px;animation:.18s both rise;position:relative}.bubble.out{background:color-mix(in srgb, var(--sig) 14%, var(--surface));border-color:color-mix(in srgb, var(--sig) 30%, transparent);border-radius:14px 14px 4px;align-self:flex-end}.bubble .meta{color:var(--ink-3);font-size:10.5px;font-family:var(--mono);justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.bubble .txt{white-space:pre-wrap;word-break:break-word;font-size:var(--fs-md)}.bubble img,.bubble video{border-radius:var(--r-sm);max-width:100%;max-height:280px;margin-bottom:5px;display:block}.bubble .acts{z-index:2;gap:4px;display:none;position:absolute;top:-14px;right:8px}.bubble:hover .acts,.bubble:focus-within .acts{display:flex}.bubble .ctx{border-left:2px solid var(--sig-2);color:var(--ink-3);font-size:var(--fs-xs);margin-bottom:5px;padding-left:8px}.bubble .reacts{gap:2px;display:flex;position:absolute;bottom:-12px;left:10px}.bubble.out .reacts{left:auto;right:10px}.react{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-full);box-shadow:var(--shadow-1);padding:0 6px;font-size:12px;line-height:19px}.tpl-btn{text-align:center;color:var(--blue);border-top:1px solid var(--line-2);font-size:var(--fs-sm);margin-top:6px;padding:7px 0 3px;display:block}.ticks{letter-spacing:-2px;font-size:11px;font-family:var(--mono)}.ticks.read{color:var(--blue)}.ticks.failed{color:var(--red);letter-spacing:0}.composer{border-top:1px solid var(--line);background:var(--surface);flex:none;align-items:flex-end;gap:8px;padding:10px;display:flex}.composer textarea{min-height:42px;max-height:168px;font-family:var(--sans);font-size:var(--fs-md)}.window{font-size:var(--fs-xs)}.filterbar{z-index:5;gap:10px;margin-bottom:14px;padding:12px;position:sticky;top:0}.chips{gap:6px}.chips .tag.pick b{color:var(--ink);margin-left:4px}.chips .tag.pick .count{margin-left:4px}.chip-sep{background:var(--line-2);width:1px;height:20px;margin:0 4px}.records-list{align-content:start}.rec-card{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-1);align-items:flex-start;gap:11px;padding:12px;transition:border-color .14s,transform .14s,background .14s;display:flex}.rec-card:hover{border-color:var(--line-2);background:var(--surface-2);transform:translateY(-1px)}.rec-card.on{border-color:var(--sig-2);box-shadow:0 0 0 1px var(--sig-2), var(--shadow-1)}.records-detail{align-self:start;position:sticky;top:74px}.timeline{border-left:1px dashed var(--line-2);flex-direction:column;gap:10px;padding-left:6px;display:flex}.tl-item{align-items:flex-start;gap:10px;padding-left:10px;display:flex;position:relative}.tl-dot{background:var(--sig-2);width:7px;height:7px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:6px;left:-10px}.ev{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);margin-bottom:8px;overflow:hidden}.ev summary{cursor:pointer;font-size:var(--fs-sm);align-items:center;gap:10px;padding:10px 12px;list-style:none;display:flex}.ev summary::-webkit-details-marker{display:none}.ev summary:before{content:"▸";color:var(--ink-3);transition:transform .15s}.ev[open] summary:before{transform:rotate(90deg)}.ev[open] summary{border-bottom:1px solid var(--line);background:var(--surface-2)}.ev .json{border:0;border-radius:0;max-height:380px}.ev.fresh{animation:1.4s flash}.preview-phone{background:linear-gradient(180deg, color-mix(in srgb, var(--sig) 6%, var(--bg-2)), var(--bg-2));border:1px solid var(--line-2);border-radius:20px;padding:16px}.preview-phone .bubble{max-width:100%}.copy{cursor:pointer;border-bottom:1px dotted var(--ink-3);word-break:break-all}.copy:hover{color:var(--sig)}@media (width<=1240px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1080px){.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.split-nav{grid-template-columns:200px minmax(0,1fr)}.split-side,.split-main{grid-template-columns:minmax(0,1fr)}.page{padding:22px 20px 64px}.inbox{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}}@media (width<=860px){.shell{grid-template-columns:minmax(0,1fr)}.topbar{display:flex}.side{z-index:50;background:var(--surface);width:min(292px,86vw);box-shadow:var(--shadow-3);padding-bottom:calc(14px + env(safe-area-inset-bottom));animation:.22s both slideIn;position:fixed;inset:0 auto 0 0}.shell:not(.nav-open) .side{display:none}.rail .brand-text,.rail .nav-label,.rail .foot-detail{display:revert}.rail .nav-item{justify-content:flex-start;padding:11px 10px}.rail .brand{justify-content:flex-start;padding:6px 8px 12px}.page{padding:16px 14px calc(56px + env(safe-area-inset-bottom))}.page-head{margin-bottom:16px}.page-head .actions{width:100%;margin-left:0}.page-head .actions .btn{flex:auto}.g2,.g3,.g4,.split-nav,.split-side,.split-main{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}.card{padding:14px}.kv{grid-template-columns:minmax(0,1fr);gap:2px}.kv dt{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-family:var(--mono);margin-top:8px}.kv dd{border-bottom:1px solid var(--line);padding-bottom:6px}.table--stack thead{display:none}.table--stack tbody tr{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);margin-bottom:10px;padding:10px;display:block}.table--stack tbody tr:hover td{background:0 0}.table--stack tbody tr.sel{box-shadow:0 0 0 1px var(--sig)}.table--stack td{border:0;align-items:flex-start;gap:10px;padding:5px 0;display:flex}.table--stack td:before{content:attr(data-label);min-width:96px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-family:var(--mono);flex:none;padding-top:3px}.table--stack td:empty{display:none}.inbox{height:calc(100dvh - var(--topbar-h) - 150px);grid-template-columns:minmax(0,1fr)}.inbox[data-view=list] .convo,.inbox[data-view=convo] .threads,.records[data-view=detail] .records-list,.records[data-view=list] .records-detail{display:none}.records-detail,.filterbar{position:static}.bubble{max-width:92%}.login{grid-template-columns:minmax(0,1fr)}.login-art{display:none}.toasts{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:none}}@media (width<=420px){.page{padding:14px 11px 48px}.tabs button{padding:9px 10px}}@media (width>=861px){.only-mobile{display:none!important}}