/* Matan Ops — NULLSTACK OS design system (ported from neon-hacker-view template) */
@font-face{
  font-family:"JetBrains Mono";
  font-style:normal;font-weight:400;font-display:swap;
  src:url("/fonts/jetbrains-mono-400.ttf") format("truetype");
}
@font-face{
  font-family:"JetBrains Mono";
  font-style:normal;font-weight:700;font-display:swap;
  src:url("/fonts/jetbrains-mono-700.ttf") format("truetype");
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--void);color:var(--bone)}
:root{
  --void:#050506;
  --void-2:#0a0a0c;
  --panel:#0e0e11;
  --line:#1e1e24;
  --line-hot:#2c2c36;
  --ash:#6a6a76;
  --bone:#d6d6dc;
  --white-hot:#f4f4f6;
  --acid:#c8ff00;
  --toxic:#00ffc2;
  --blood:#ff2d3a;
  --amber:#ff9d00;
  --rail:74px;
  --gutter:clamp(10px, 1.1vw, 20px);
  --pad:clamp(12px, 1.4vw, 22px);
  --hair:1px solid var(--line);
  --grid:1px solid var(--line);
  --mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;
  --tight:-.06em;
  --glow:0;
  --sweep:0deg;
  --noise-url:none;
}
@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}
@property --glow{syntax:"<number>";inherits:false;initial-value:0}
@keyframes scan-drift{to{background-position:0 300px}}
@keyframes sweep{0%{opacity:0;transform:translateY(-60vh)}10%,85%{opacity:1}to{opacity:0;transform:translateY(120vh)}}
@keyframes noise-shift{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(0)}}
@keyframes crt-flicker{0%,92%,to{opacity:.5}93%{opacity:.85}95%{opacity:.25}97%{opacity:.9}}
@keyframes glitch-a{0%,88%,to{clip-path:inset(0 0 100%);transform:none}89%{clip-path:inset(12% 0 62%);transform:translate(-6px)}91%{clip-path:inset(48% 0 28%);transform:translate(5px)}93%{clip-path:inset(70% 0 8%);transform:translate(-3px)}}
@keyframes glitch-b{0%,80%,to{clip-path:inset(0 0 100%);transform:none}81%{clip-path:inset(30% 0 44%);transform:translate(7px)}84%{clip-path:inset(60% 0 18%);transform:translate(-8px)}}
@keyframes ticker{to{transform:translate(-50%)}}
@keyframes pulse{50%{opacity:.5}}
@keyframes log-in{0%{opacity:0;filter:blur(2px);transform:translate(-10px)}}
@keyframes holo-spin{to{--sweep:360deg}}
@keyframes rgb-a{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.85;transform:translate(-3px,1px)}94%{opacity:.6;transform:translate(2px,-2px)}}
@keyframes rgb-b{0%,86%,to{opacity:0;transform:translate(0)}87%{opacity:.8;transform:translate(3px,-1px)}90%{opacity:.5;transform:translate(-2px,2px)}}
@keyframes term-in{0%{opacity:0;filter:blur(2px);transform:translate(-8px)}}
@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}
@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
.os{background:radial-gradient(120% 70% at 82% -8%, #14141b 0%, transparent 55%), radial-gradient(90% 60% at 0% 100%, #0d1412 0%, transparent 60%), var(--void);min-height:100vh;color:var(--bone);font-family:var(--mono);grid-template-columns:var(--rail) minmax(0, 1fr);isolation:isolate;font-size:12px;display:grid;position:relative}
.rail{grid-area:1/1}
.rail{z-index:40;border-right:var(--hair);background:var(--void);height:100vh;width:var(--rail);position:sticky;top:0;align-self:start}
.rail{background:color-mix(in srgb, var(--void) 82%, transparent)}
.rail{-webkit-backdrop-filter:blur(9px)saturate(.7);backdrop-filter:blur(9px)saturate(.7);flex-direction:column;align-items:center;gap:2px;padding:10px 0;display:flex}
.rail__mark{width:34px;height:34px;color:var(--void);background:var(--acid);letter-spacing:-.08em;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);place-items:center;margin-bottom:14px;font-size:15px;font-weight:700;text-decoration:none;display:grid;flex:0 0 auto}
.rail__scroll{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:2px;width:100%;display:flex;overflow-x:hidden;overflow-y:auto}
.rail__scroll::-webkit-scrollbar{display:none}
.railbtn{width:46px;height:42px;color:var(--ash);border:1px solid #0000;place-items:center;text-decoration:none;transition:color .15s steps(2,end),background .15s steps(2,end);display:grid;position:relative}
.railbtn__svg{width:18px;height:18px;display:block;pointer-events:none}
.railbtn:hover{color:var(--white-hot);background:#141419}
.railbtn[data-active=true]{color:var(--acid);border-color:var(--acid);background:#12160a}
.railbtn[data-active=true]{border-color:color-mix(in srgb, var(--acid) 35%, transparent)}
.railbtn[data-active=true]:before{content:"";background:var(--acid);width:2px;box-shadow:0 0 10px var(--acid);position:absolute;top:6px;bottom:6px;left:-1px}
.railbtn__tip{background:var(--void-2);border:var(--hair);color:var(--white-hot);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;padding:5px 9px;font-size:9px;transition:all .16s steps(2,end);position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(-4px)}
.os__main{grid-area:1/2}
.os__main{flex-direction:column;min-width:0;display:flex}
.topbar{z-index:30;padding:0 var(--gutter);border-bottom:var(--hair);background:var(--void);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;height:46px;display:grid;position:sticky;top:0}
.topbar{background:color-mix(in srgb, var(--void) 78%, transparent)}
.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.topbar__right{letter-spacing:.2em;color:var(--ash);text-transform:uppercase;align-items:center;gap:14px;font-size:10px;display:flex}
.topbar__clock{color:var(--acid);letter-spacing:.05em;font-size:12px}
.crumbs{letter-spacing:.28em;text-transform:uppercase;color:var(--ash);align-items:center;gap:9px;font-size:10px;display:flex;overflow:hidden}
.pill{border:var(--hair);color:var(--bone);letter-spacing:.18em;padding:3px 8px}
.pill--live{color:var(--toxic);border-color:var(--toxic)}
.pill--live{border-color:color-mix(in srgb, var(--toxic) 40%, transparent)}
.pill--live:before{content:"";vertical-align:1px;background:currentColor;width:5px;height:5px;margin-right:6px;animation:1.3s steps(2,end) infinite pulse;display:inline-block}
.page{padding:12px var(--gutter) 70px;z-index:3;position:relative;container-type:inline-size}
.phead{border-bottom:var(--hair);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:12px;padding:28px 0 18px;display:grid}
.phead__k{letter-spacing:.34em;text-transform:uppercase;color:var(--acid);margin-bottom:12px;font-size:10px;display:block}
.phead__note{max-width:40ch;color:var(--ash);text-align:right;padding-bottom:6px;font-size:11px;line-height:1.65}
.box{background:var(--panel);padding:var(--pad,16px);min-width:0;position:relative}
.box--dim{background:var(--void-2)}
.box--flush{padding:0}
.box--flush > .box__head{padding:14px var(--pad,16px) 0;margin-bottom:10px}
.page > .box,.page > .grid,.page > .strip,.page > .marq,.page > .spark-strip{margin-top:1px}
.spark-strip{margin:1px 0;border-top:var(--hair);border-bottom:var(--hair)}
.spark-strip__el{min-height:50px}
.box--tall{min-height:260px}
.box__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}
.stat{letter-spacing:-.06em;color:var(--white-hot);transform-origin:0 100%;font-size:clamp(34px,4.6vw,76px);font-weight:700;line-height:.8;display:block;transform:scaleY(1.1)}
.stat--sm{font-size:clamp(22px,2.8vw,40px);letter-spacing:-.04em;transform:scaleY(1.05)}
.stat--sm small{font-size:10px;margin-left:6px}
.ov-kazna .stat{font-size:clamp(17px,2.3vw,38px);letter-spacing:-.04em;transform:scaleY(1.05)}
.ov-kazna .stat small{font-size:9px;margin-left:4px}
.stat--acid{color:var(--acid)}
.stat--toxic{color:var(--toxic)}
.stat--amber{color:var(--amber)}
.stat--blood{color:var(--blood)}
.delta{letter-spacing:.18em;color:var(--toxic);margin-top:12px;font-size:10px;display:inline-block}
.delta--down{color:var(--blood)}
.tag{letter-spacing:.2em;text-transform:uppercase;color:var(--ash);white-space:nowrap;border:1px solid;padding:3px 7px;font-size:9px;display:inline-block}
.tag--ok{color:var(--acid)}
.tag--run{color:var(--toxic)}
.tag--warn{color:var(--amber)}
.tag--err{color:var(--blood)}
.tag--idle{color:var(--line-hot)}
.gauge{--v:60;aspect-ratio:1;background:conic-gradient(var(--acid) calc(var(--v) * 1%), #16161c 0);border-radius:50%;place-items:center;width:100%;max-width:168px;margin:4px auto 0;display:grid;-webkit-mask:radial-gradient(circle,#0000 58%,#000 59%);mask:radial-gradient(circle,#0000 58%,#000 59%)}
.gaugewrap{place-items:center;display:grid;position:relative}
.gaugewrap__v{letter-spacing:-.05em;color:var(--white-hot);font-size:26px;position:absolute}
.tbl{background:var(--line);border-top:var(--hair);flex-direction:column;gap:1px;display:flex}
.tbl__h{background:var(--void-2);letter-spacing:.26em;text-transform:uppercase;color:var(--line-hot);font-size:9px}
.tbl__r{padding:9px var(--gutter);background:var(--panel);align-items:center;gap:12px;min-width:0;display:grid}
.tbl__r{color:var(--ash);font-size:11px;transition:background .12s steps(2,end),transform .12s steps(2,end)}
.tbl__r:hover{background:#15151b;transform:translate(3px)}
.term{border-top:var(--hair);height:var(--h,300px);background:#06060a;padding:10px 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(#0000,#000 7% 93%,#0000)}
.term--scroll{overflow-x:hidden;overflow-y:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin;scrollbar-color:var(--line-hot) transparent}
.term--scroll::-webkit-scrollbar{width:8px}
.term--scroll::-webkit-scrollbar-thumb{background:var(--line-hot)}
.termline{padding:2px var(--gutter);color:var(--ash);grid-template-columns:78px 58px minmax(0,1fr);gap:12px;font-size:11px;line-height:1.5;animation:.25s steps(3,end) term-in;display:grid}
.termline--src{grid-template-columns:78px minmax(72px,132px) 58px minmax(0,1fr)}
.termline__src{color:var(--toxic);letter-spacing:.08em;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.termline:hover{background:#101017}
.ticker{border-top:var(--grid);border-bottom:var(--grid);white-space:nowrap;letter-spacing:.3em;text-transform:uppercase;color:var(--ash);margin-top:18px;padding:7px 0;font-size:10px;overflow:hidden}
.ticker__track{animation:34s linear infinite ticker;display:inline-block}
.marq{border-top:var(--hair);border-bottom:var(--hair);white-space:nowrap;letter-spacing:.3em;text-transform:uppercase;color:var(--ash);background:#08080b;padding:6px 0;font-size:10px;overflow:hidden}
.marq__t{animation:38s linear infinite ticker;display:inline-block}
.meter{background:var(--line);height:4px;margin-top:10px;position:relative;overflow:hidden}
.rowmeter{background:var(--line);height:3px;position:relative}
.heat{grid-template-columns:repeat(auto-fill,minmax(11px,1fr));gap:3px;margin-top:6px;display:grid}
.flow{background:var(--line);border-top:var(--hair);grid-auto-flow:column;gap:1px;display:grid;overflow-x:auto}
.flow__n{background:var(--panel);padding:16px var(--gutter);min-width:150px;position:relative}
.flow__n:after{content:"";background:var(--acid);opacity:.5;width:7px;height:7px;position:absolute;top:50%;right:-1px;transform:translate(50%,-50%)rotate(45deg)}
.flow__n:last-child:after{display:none}
.spark{width:100%;height:120px;margin-top:8px;display:block}
.spark--tall{height:220px}
.btn{appearance:none;border:1px solid var(--line-hot);color:var(--bone);font:inherit;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:0 0;padding:9px 14px;font-size:10px;transition:color .15s,border-color .15s;position:relative;overflow:hidden}
.btn:before{content:"";background:var(--acid);transition:transform .22s cubic-bezier(.6,0,.2,1);position:absolute;inset:0;transform:translateY(101%)}
.btn:hover{color:var(--void);border-color:var(--acid)}
.btn:hover:before{transform:translateY(0)}
.btn--primary{border-color:var(--acid);color:var(--acid)}
.btn--danger{border-color:var(--blood)}
.btn--danger{border-color:color-mix(in srgb, var(--blood) 60%, transparent)}
.btn--danger{color:var(--blood)}
.btn--danger:before{background:var(--blood)}
.btn--danger:hover{color:var(--white-hot);border-color:var(--blood)}
.btnrow{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}
.field{margin-top:14px;display:block}
.grid{display:grid}
.grid{background:var(--line);border:var(--hair);gap:1px;margin-top:1px;display:grid}
.g-2{grid-template-columns:1fr 1fr}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.g-a{grid-template-columns:1.4fr .8fr 1fr}
.g-b{grid-template-columns:.66fr 1.34fr}
.g-c{grid-template-columns:1.25fr .75fr}
.g-c{grid-template-columns:1fr 1fr}
.g-c{grid-template-columns:1fr}
.k{letter-spacing:.3em;text-transform:uppercase;color:var(--ash);font-size:10px}
.k{margin-bottom:6px;display:block}
.ix{letter-spacing:.2em;color:var(--line-hot);font-size:10px}
.note{color:var(--ash);margin:14px 0 0;font-size:11px;line-height:1.6}
.num{text-align:right;color:var(--white-hot);font-variant-numeric:tabular-nums}
.holo{position:relative;overflow:hidden}
.holo:after{content:"";pointer-events:none;background:conic-gradient(from var(--sweep), transparent 0deg, var(--toxic) 30deg, transparent 70deg, var(--acid) 190deg, transparent 240deg);position:absolute;inset:0}
.holo:after{background:conic-gradient(from var(--sweep), transparent 0deg, color-mix(in srgb, var(--toxic) 18%, transparent) 30deg, transparent 70deg, color-mix(in srgb, var(--acid) 14%, transparent) 190deg, transparent 240deg)}
.holo:after{mix-blend-mode:screen;opacity:.5;animation:14s linear infinite holo-spin}
.rgb{display:inline-block;position:relative}
.rgb:after{content:attr(data-text);pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}
.rgb:before{color:#ff2d3a;animation:5.5s steps(3,end) infinite rgb-a}
.rgb:after{color:#00ffc2;animation:6.7s steps(3,end) infinite rgb-b}
.cell{background:var(--panel);padding:var(--pad);min-width:0;position:relative}
.cell--dim{background:var(--void-2)}
.cell__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}
.cell__index{color:var(--line-hot);letter-spacing:.2em;font-size:10px}
.cell__label{letter-spacing:.32em;text-transform:uppercase;color:var(--ash);font-size:10px}
.metric{background:var(--panel);padding:14px var(--pad) 16px}
.metric__val{letter-spacing:var(--tight);color:var(--white-hot);font-size:clamp(28px,3.4vw,50px);line-height:.85}
.foot-os{padding:18px var(--gutter);border:var(--hair);background:var(--void-2);color:var(--line-hot);letter-spacing:.28em;text-transform:uppercase;border-top:none;flex-wrap:wrap;justify-content:space-between;gap:14px;font-size:9px;display:flex}
.strip{background:var(--line);border:var(--hair);border-top:none;gap:1px;display:flex;overflow:hidden}
.fx-layer{pointer-events:none;z-index:900;position:fixed;inset:0}
.fx-scan{mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff0b 0 1px,#0000 1px 3px);animation:8s linear infinite scan-drift}
.fx-crt{background:repeating-linear-gradient(90deg,#ff2d3a09 0,#00ffc209 1px,#0000 2px 4px);animation:4.2s steps(24,end) infinite crt-flicker}
.fx-noise{opacity:.28;background-image:var(--noise-url);background-size:180px 180px;animation:.6s steps(4,end) infinite noise-shift}
.fx-sweep{background:linear-gradient(#0000 0%,#c8ff000d 45%,#c8ff001c 50%,#c8ff000d 55%,#0000 100%);height:40vh;animation:6.5s cubic-bezier(.5,0,.5,1) infinite sweep;inset:auto 0}
.fx-vignette{background:radial-gradient(80% 70%,#0000 40%,#000000d9 100%)}
.cursorglow{z-index:890;pointer-events:none;background:radial-gradient(circle, var(--acid) 0%, transparent 62%);width:520px;height:520px;margin:-260px 0 0 -260px;position:fixed;top:0;left:0}
.cursorglow{background:radial-gradient(circle, color-mix(in srgb, var(--acid) 12%, transparent) 0%, transparent 62%)}
.cursorglow{mix-blend-mode:screen;transform:translate3d(var(--mx,50vw), var(--my,50vh), 0);transition:opacity .4s}
.particles{z-index:0;opacity:.55;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}
.dot{background:var(--acid);width:8px;height:8px;color:var(--acid);box-shadow:0 0 12px}
.dot--warn{background:var(--amber);color:var(--amber);animation:1.4s steps(2,end) infinite pulse}
.dot--down{background:var(--blood);color:var(--blood);animation:.6s steps(2,end) infinite pulse}
.lv-ok{color:var(--acid)}
.lv-info{color:var(--toxic)}
.lv-warn{color:var(--amber)}
.lv-err{color:var(--blood)}
.termline > span:nth-child(2){min-width:5.5em;letter-spacing:.12em;font-size:10px}
.glitch{position:relative}
.glitch:after{content:attr(data-text);pointer-events:none;background:var(--void);clip-path:inset(0 0 100%);position:absolute;inset:0}
.glitch:before{color:var(--blood);animation:5s steps(2,end) infinite glitch-a}
.glitch:after{color:var(--toxic);animation:7s steps(2,end) infinite glitch-b}
.crt-bend{z-index:2;position:relative}
.field textarea{border:var(--hair);width:100%;color:var(--white-hot);font:inherit;background:#08080c;outline:none;padding:10px 11px;font-size:12px}
.field textarea{resize:vertical;min-height:92px;line-height:1.6}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 1px color-mix(in srgb, var(--acid) 35%, transparent)}
.meter i{background:var(--acid);transition:width .5s steps(8,end);position:absolute;inset:0 auto 0 0}
.meter i.warm{background:var(--amber)}
.meter i.hot{background:var(--blood)}
.meter i.cool{background:var(--toxic)}
.rowmeter i{background:currentColor;position:absolute;inset:0 auto 0 0}
.heat i{aspect-ratio:1;background:var(--acid)}
.heat i{background:color-mix(in srgb, var(--acid) calc(var(--l) * 1%), #101015)}
.stat small{letter-spacing:.18em;color:var(--ash);margin-left:6px;font-size:.26em;display:inline-block;transform:none}
.phead h1{letter-spacing:-.06em;text-transform:uppercase;color:var(--white-hot);transform-origin:0 100%;word-break:break-word;margin:0;font-size:clamp(38px,7.4vw,108px);font-weight:700;line-height:.76;transform:scaleY(1.14)}
.phead h1 em{color:#0000;-webkit-text-stroke:1px var(--line-hot);font-style:normal}
@media (width<=780px){
  .os{grid-template-columns:1fr}
  .rail{border-right:none;border-top:var(--hair);flex-direction:row;width:100%;height:auto;padding:0;position:fixed;top:auto;bottom:0;left:0;right:0;z-index:50}
  .rail__mark{display:none}
  .rail__scroll{flex-direction:row;overflow-x:auto;overflow-y:hidden}
  .railbtn__tip{display:none}
  .os__main{grid-area:auto}
  .phead{grid-template-columns:1fr}
  .phead__note{text-align:left}
  .page{padding-bottom:90px}
}
@media (prefers-reduced-motion:reduce){.os *,.os :before,.os :after{animation:none!important}}
@container (width<=1020px){.g-3,.g-4,.g-a,.g-b,.g-c{grid-template-columns:1fr 1fr}}
@container (width<=620px){.g-2,.g-3,.g-4,.g-a,.g-b,.g-c{grid-template-columns:1fr}}
/* supplements */
.railbtn:hover .railbtn__tip,.railbtn:focus-visible .railbtn__tip{opacity:1;transform:translateY(-50%) translate(0)}
.field span{letter-spacing:.24em;text-transform:uppercase;color:var(--ash);margin-bottom:6px;font-size:9px;display:block}
.field input,.field select{border:var(--hair);width:100%;color:var(--white-hot);font:inherit;background:#08080c;outline:none;padding:10px 11px;font-size:12px}
.lp-section{border-top:var(--hair);margin-top:16px;padding-top:12px}
.lp-section__title{letter-spacing:.22em;text-transform:uppercase;color:var(--white-hot);margin-bottom:6px;font-size:10px}
.lp-project-group{border:var(--hair);background:var(--void-2);margin-top:8px}
.lp-project{display:grid;grid-template-columns:auto minmax(0,1fr) 110px 64px;align-items:center;gap:9px;border-bottom:var(--hair);padding:9px 10px}
.lp-project:last-child{border-bottom:0}
.lp-project span{min-width:0}.lp-project small{display:block;color:var(--ash);margin-top:3px;font-size:10px}
.lp-project input[type=number]{width:100%;box-sizing:border-box;border:var(--hair);background:#08080c;color:var(--white-hot);padding:8px;font:inherit}
.lp-project input[type=checkbox]{accent-color:var(--acid);width:15px;height:15px}
.lp-pick{border:var(--hair);background:var(--void-2);margin-top:10px}
.lp-pick__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:var(--hair);letter-spacing:.18em;text-transform:uppercase;font-size:9px;color:var(--ash)}
.lp-pick__head input[type=search]{border:var(--hair);background:#08080c;color:var(--white-hot);padding:6px 9px;font:inherit;font-size:11px;width:min(260px,50%)}
.lp-pick__list{max-height:238px;overflow-y:auto;scrollbar-width:thin}
.lp-guide{display:grid;gap:1px;background:var(--line);border:var(--hair)}
.lp-guide__step{background:var(--panel);padding:9px 12px;font-size:11px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;align-items:baseline}
.lp-guide__step b{color:var(--acid);letter-spacing:.06em}
.lp-guide__step span{color:var(--ash);line-height:1.55}
.lp-gen{border:var(--hair);background:var(--void-2);margin-top:8px;padding:9px 10px}
.lp-gen__head{margin-bottom:6px;font-size:11px}
.lp-gen textarea{width:100%;box-sizing:border-box;border:var(--hair);background:#08080c;color:var(--white-hot);padding:8px 10px;font:inherit;font-size:11px;resize:vertical}
@media (width<=780px){.lp-guide__step{grid-template-columns:1fr}}
.lp-raw{border-top:var(--hair);margin-top:14px;padding-top:10px;color:var(--ash)}
.lp-raw summary{cursor:pointer;letter-spacing:.18em;text-transform:uppercase;font-size:9px}
@media (width<=620px){.lp-project{grid-template-columns:auto minmax(0,1fr)}.lp-project select,.lp-project input[type=number]{grid-column:2}}
.phead h1{letter-spacing:var(--tight);color:var(--white-hot);margin:0;font-size:clamp(42px,7vw,92px);font-weight:700;line-height:.76;transform:scaleY(1.14)}
.phead h1 em{color:transparent;-webkit-text-stroke:1px var(--line-hot);font-style:normal}
.stat small{letter-spacing:.18em;color:var(--ash);margin-left:8px;font-size:11px;font-weight:400}
.os :focus-visible{outline:2px solid var(--toxic);outline-offset:2px}
.page a{color:var(--toxic);text-decoration:none}
.page a:hover{color:var(--acid)}
.rail a{text-decoration:none}
.hidden{display:none!important}
.outlet{min-height:40vh}
.group-label{letter-spacing:.28em;text-transform:uppercase;color:var(--line-hot);margin:12px 0 4px;font-size:8px;opacity:.85}
.demo-banner{border:1px solid var(--amber);color:var(--amber);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;padding:8px 12px;font-size:10px}
.empty-os{color:var(--ash);letter-spacing:.18em;text-transform:uppercase;padding:40px 12px;font-size:11px;text-align:center}
.filters-os{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px var(--gutter);border-bottom:var(--hair);background:var(--void-2)}
.filters-os select,.filters-os input{border:var(--hair);background:#08080c;color:var(--white-hot);padding:8px 10px;font:inherit;font-size:11px}
/* modal / overlay */
.modal-root{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}
.modal-root[hidden]{display:none!important}
.modal-backdrop{position:absolute;inset:0;background:color-mix(in srgb, #050508 78%, transparent);backdrop-filter:blur(2px)}
.modal-panel{position:relative;z-index:1;width:min(560px,100%);max-height:min(86vh,900px);overflow:auto;background:var(--panel);border:var(--hair);box-shadow:0 0 0 1px color-mix(in srgb, var(--acid) 20%, transparent)}
.modal-panel .box{border:0;margin:0}
.modal-panel .box__head{padding:14px 16px 0}
.modal-panel .modal-body{padding:4px 16px 16px}
.modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
/* slide-out drawer (right) */
.drawer-root{position:fixed;inset:0;z-index:85;pointer-events:none}
.drawer-backdrop{position:absolute;inset:0;background:color-mix(in srgb, #050508 72%, transparent);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s ease;pointer-events:auto}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;z-index:1;width:min(420px,94vw);background:var(--panel);border-left:var(--hair);box-shadow:-12px 0 40px color-mix(in srgb, #000 55%, transparent);transform:translateX(104%);transition:transform .24s cubic-bezier(.2,.8,.2,1);overflow:auto;pointer-events:auto}
.drawer-root--open .drawer-backdrop{opacity:1}
.drawer-root--open .drawer-panel{transform:translateX(0)}
.drawer-panel .box{border:0;margin:0;min-height:100%}
.drawer-panel .box__head{padding:16px 18px 0;position:sticky;top:0;background:var(--panel);z-index:1}
.drawer-body{padding:4px 18px 24px}
.drawer-body .field{margin-top:12px}
.drawer-body .field input,.drawer-body .field select,.drawer-body .field textarea{width:100%;box-sizing:border-box;border:var(--hair);background:#08080c;color:var(--white-hot);padding:10px 12px;font:inherit;font-size:12px}
.gate-body,.gate{min-height:100vh}
.gate{display:grid;place-items:center;padding:28px var(--gutter)}
.gate__frame{width:min(440px,100%);background:var(--panel);border:var(--hair);padding:28px 26px 24px;position:relative;z-index:4;box-shadow:0 0 0 1px color-mix(in srgb, var(--acid) 18%, transparent)}
.gate__frame:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--acid)}
.gate__meta{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.gate__mark{margin:0;flex:0 0 auto}
.gate__title{margin:0;letter-spacing:-.08em;font-size:28px;color:var(--white-hot);line-height:1}
.gate__note{color:var(--ash);font-size:11px;line-height:1.6;margin:0 0 18px}
.gate__form .field{margin-top:12px}
.gate__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.gate__host{color:var(--ash);letter-spacing:.18em;text-transform:uppercase;font-size:9px}
.gate__err{margin-top:14px;color:var(--blood);letter-spacing:.14em;text-transform:uppercase;font-size:10px}
.topbar__out{color:var(--ash);letter-spacing:.18em;text-transform:uppercase;font-size:10px;text-decoration:none;border:var(--hair);padding:3px 8px}
.topbar__out:hover{color:var(--acid);border-color:var(--acid)}