:root{color-scheme:light dark;--sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--canvas:#EDF0F4;--panel:#fff;--panel2:#F5F7FA;--line:#DAE1E8;--text:#16212C;--mute:#657585;--acc:#00806B;--acc-ink:#fff;--soft:#DDF1EB;--out:#D2EEE5;--err:#C0392B;--warn:#8F5600;--warnbg:#FFF3DC;--rail:#0E1822;--sh:0 18px 40px -18px rgba(14,24,34,.35)}@media (prefers-color-scheme:dark){:root{--canvas:#0A1118;--panel:#111B25;--panel2:#162330;--line:#233444;--text:#E5ECF2;--mute:#8CA2B4;--acc:#2DD4A7;--acc-ink:#04271E;--soft:#10342B;--out:#124035;--err:#FF8F80;--warn:#FFC861;--warnbg:#2C2410;--rail:#0B131B}}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--text);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.mono{font-family:var(--mono)}.mute{color:var(--mute)}code{font:13px var(--mono);background:var(--panel2);padding:1px 6px;border-radius:5px}h1,h2{margin:0;letter-spacing:-.02em}:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.mark{width:30px;height:30px;flex:none}.mark rect{fill:var(--acc)}.splash{min-height:100vh;display:grid;place-items:center}.btn{background:var(--acc);color:var(--acc-ink);border:0;border-radius:9px;padding:9px 16px;font-weight:600;cursor:pointer;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.ghost:hover{background:var(--panel2);filter:none}.btn.danger{background:var(--err);color:#fff}.btn.sm{padding:5px 11px;font-size:13px;border-radius:8px}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}label.btn{display:inline-block}input,textarea{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 12px}input:focus,textarea:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px var(--soft)}input[type=checkbox]{width:auto;accent-color:var(--acc)}.login{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);min-height:100vh}.stage{background:var(--rail);color:#e9f0f5;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;overflow:hidden}.stage .brand{display:flex;gap:12px;align-items:center;font-size:17px}.stage .mark rect{fill:#2dd4a7}.stage .mark path{stroke:#04271e}.stage h1{font-size:clamp(34px,4.2vw,56px);line-height:1.04;letter-spacing:-.035em;font-weight:700;max-width:15ch}.stage p{color:#9fb2c2;max-width:42ch;font-size:17px;margin:18px 0 0}.stage small{color:#6f8498;font-family:var(--mono)}.lanes{display:grid;gap:18px;margin-top:44px}.lane{height:2px;background:#ffffff1a;position:relative;border-radius:2px}.lane i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#2dd4a7;opacity:0;animation:fly var(--d) linear var(--l) infinite}.lane.in i{background:#8fb4ff;animation-direction:reverse}@keyframes fly{0%{left:-1%;opacity:0}8%,92%{opacity:1}to{left:100%;opacity:0}}.signin{display:grid;place-items:center;padding:32px}.signin form{width:100%;max-width:370px;display:grid;gap:16px}.signin h2{font-size:30px;font-weight:700}.lead{color:var(--mute);margin:0}.signin label{display:grid;gap:6px;font-weight:500;font-size:14px}.pw{position:relative;display:block}.pw input{padding-right:64px}.lnk{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--acc);font-weight:600;cursor:pointer;font-size:13px}.formerr{background:color-mix(in srgb,var(--err) 12%,transparent);color:var(--err);border-radius:9px;padding:9px 12px;font-size:14px}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.rail{background:var(--rail);color:#9fb2c2;padding:22px 14px 16px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh}.rail .brand{display:flex;gap:11px;align-items:center;color:#fff;font-size:16px;padding:0 8px 22px}.rail .mark rect{fill:#2dd4a7}.rail .mark path{stroke:#04271e}.rail>button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:10px 12px;border-radius:9px;cursor:pointer;color:inherit;font-weight:500}.rail>button:hover{background:#ffffff0d;color:#fff}.rail>button.act{background:#2dd4a721;color:#fff;box-shadow:inset 3px 0 #2dd4a7}.grow{flex:1}.rchip{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;color:#c8d6e0;margin-bottom:10px;min-width:0}.rchip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rfoot{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.rfoot button{background:none;border:0;color:#9fb2c2;cursor:pointer;display:flex;gap:7px;align-items:center;font-size:13px}.rfoot button:hover{color:#fff}.rail .ver{font:600 12px var(--mono);background:#ffffff12;border-radius:99px;padding:3px 10px}.dot{width:9px;height:9px;border-radius:50%;background:#6f8498;flex:none}.dot.on{background:#2dd4a7;box-shadow:0 0 0 4px #2dd4a733}.dot.bad{background:var(--err)}.col{min-width:0}main{padding:30px 40px 56px;max-width:1140px}.ph{margin-bottom:24px}.ph h1{font-size:30px;font-weight:700}.ph p{margin:4px 0 0;color:var(--mute)}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.card.pad{padding:14px 16px}.sec{margin-bottom:14px}.sec h2{font-size:17px;margin-bottom:10px}.logbar{position:sticky;top:0;z-index:5;background:var(--panel);border-bottom:1px solid var(--line)}.lbar{display:flex;align-items:center;gap:14px;padding:0 40px;height:42px}.lbtn{flex:1;min-width:0;height:100%;display:flex;gap:10px;align-items:center;background:none;border:0;cursor:pointer;text-align:left;font-size:13px}.lbtn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lmeta{color:var(--mute);font-size:12px;white-space:nowrap}.logs{max-height:40vh;overflow:auto;padding:10px 40px;border-top:1px solid var(--line);background:var(--panel2);font:12.5px/1.7 var(--mono)}.ln{display:flex;gap:14px}.ln time{color:var(--mute);flex:none}.ln.warn{color:var(--warn)}.ln.error{color:var(--err)}.warnbar{background:var(--warnbg);color:var(--warn);padding:9px 40px;font-size:14px;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:34px;margin-bottom:14px}.hero-l{display:grid;gap:16px;justify-items:start}.hero h2{font-size:24px}.state{display:inline-flex;gap:9px;align-items:center;font-weight:600;font-size:13px;padding:5px 12px;border-radius:99px;background:var(--panel2);border:1px solid var(--line)}.state i{width:8px;height:8px;border-radius:50%;background:var(--mute)}.state.connected{background:var(--soft);border-color:transparent;color:var(--acc)}.state.connected i{background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 25%,transparent)}.state.qr i{background:var(--warn)}.bignum{font-size:clamp(30px,5vw,50px);font-weight:500;letter-spacing:-.04em;line-height:1}.steps{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--mute)}.steps b{color:var(--text)}.qr{position:relative;width:292px;height:292px;padding:16px;display:grid;place-items:center;background:#fff;border-radius:6px}.qr img{width:100%;height:100%}.qr.idle{background:var(--panel2);color:var(--mute);font-size:14px}.qr b{position:absolute;width:26px;height:26px;border:3px solid var(--acc)}.qr b:nth-of-type(1){top:-8px;left:-8px;border-right:0;border-bottom:0}.qr b:nth-of-type(2){top:-8px;right:-8px;border-left:0;border-bottom:0}.qr b:nth-of-type(3){bottom:-8px;left:-8px;border-right:0;border-top:0}.qr b:nth-of-type(4){bottom:-8px;right:-8px;border-left:0;border-top:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stat{background:var(--panel);padding:18px 20px;display:grid;gap:2px}.stat b{font-size:24px;font-weight:500;letter-spacing:-.03em}.stat span{color:var(--mute);font-size:13px}.chat{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100vh - 250px);min-height:440px;padding:0;overflow:hidden}.list{border-right:1px solid var(--line);overflow:auto}.lh{padding:14px;display:grid;gap:10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.row{display:flex;gap:12px;align-items:center;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--line)}.row:hover{background:var(--panel2)}.row.act{background:var(--soft)}.rt{min-width:0;display:grid}.rt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rt span{color:var(--mute);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}.thread{display:flex;flex-direction:column;min-width:0}.thead{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.thead .rt{flex:1}.newto{padding:14px 18px;border-bottom:1px solid var(--line)}.msgs{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:8px;background:var(--panel2)}.b{position:relative;max-width:68%;padding:8px 13px 5px;border-radius:14px 14px 14px 4px;background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word}.b.out{align-self:flex-end;background:var(--out);border-color:transparent;border-radius:14px 14px 4px}.b time{display:block;text-align:right;font-size:11px;color:var(--mute);margin-top:2px}.b .x{position:absolute;top:-8px;right:-6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--panel);cursor:pointer;line-height:1;padding:0;opacity:0}.b:hover .x,.b .x:focus-visible{opacity:1}@media (hover:none){.b .x{opacity:.7}}.compose{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}.compose textarea{resize:none;height:44px}.empty{color:var(--mute);padding:28px;text-align:center}.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.selbar{background:var(--soft);border-color:transparent}.tablewrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse}table.ct{table-layout:fixed}td,th{text-align:left;padding:10px 12px}td{border-top:1px solid var(--line)}th{position:relative;color:var(--mute);font-weight:600;font-size:12.5px;background:var(--panel2)}table.ct td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr:hover{background:var(--panel2)}tbody tr.sel{background:var(--soft)}td.num{color:var(--mute);font-size:13px}.cn{display:flex;gap:12px;align-items:center}.cn .av{width:30px;height:30px;font-size:11px}.rz{position:absolute;right:0;top:0;bottom:0;width:9px;cursor:col-resize;border-right:2px solid var(--line)}.rz:hover{border-right-color:var(--acc)}.keyrow{display:flex;gap:8px}.keyrow input{flex:1;letter-spacing:.04em}.code{position:relative}.code pre{margin:0;background:#0e1822;color:#d6e2ec;border-radius:10px;padding:18px;overflow:auto;font:13px/1.65 var(--mono)}.cp{position:absolute;top:10px;right:10px;background:#ffffff1a;color:#d6e2ec;border:0;border-radius:7px;padding:4px 10px;font-size:12px;cursor:pointer}.cp:hover{background:#ffffff2e}.tl{border-left:2px solid var(--line);margin-left:6px;display:grid;gap:26px;padding-left:26px}.rel{position:relative}.rel:before{content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--canvas)}.rh{display:flex;gap:14px;align-items:baseline}.rh b{font-size:17px}.rel ul{margin:8px 0 0;padding-left:18px;color:var(--text)}.rel li{margin:3px 0}.toast{position:fixed;bottom:22px;right:22px;background:var(--rail);color:#fff;padding:11px 18px;border-radius:10px;box-shadow:var(--sh);z-index:20}@media (prefers-reduced-motion:reduce){.lane i{animation:none;display:none}*{transition:none!important}}@media (max-width:860px){.login{grid-template-columns:1fr}.stage{padding:28px}.lanes{display:none}.stage h1{font-size:34px}.shell{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:10px;align-items:center}.rail .brand,.rchip,.grow{display:none}.rail>button span{font-size:13px;white-space:nowrap}.rail>button.act{box-shadow:none}.rfoot{margin-left:auto;gap:8px}.rfoot .out span{display:none}main{padding:20px 16px 40px}.lbar,.logs,.warnbar{padding-left:16px;padding-right:16px}.hero{grid-template-columns:1fr;padding:22px}.qr{width:min(292px,100%)}.chat{grid-template-columns:1fr;height:auto}.list{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}.thread{height:62vh}}