@charset "UTF-8";:root{color-scheme:dark;--ink: #05060a;--ink-1: #0a0c12;--ink-2: #0e111a;--ink-3: #141926;--line: #1f2634;--line-soft: #161c27;--red: #ff2233;--red-deep: #c20d1b;--red-glow: rgba(255, 34, 51, .45);--steel: #e6e9f0;--text: #eef1f6;--muted: #8d95a7;--muted-dim: #616a7c;--ok: #2fd27f;--warn: #ffb020;--err: #ff4d5e;--radius: 2px;--cut: 10px;--font-display: "Archivo", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--shadow: 0 18px 50px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 88% -8%,rgba(255,34,51,.13),transparent 62%),radial-gradient(700px 420px at 4% 102%,rgba(120,132,158,.08),transparent 60%),var(--ink);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.35;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.022) 0 1px,transparent 1px 3px)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.05}a{color:inherit}::selection{background:var(--red);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--red-deep);background-clip:content-box}.eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin:0}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.panel{position:relative;background:linear-gradient(160deg,var(--ink-2),var(--ink-1) 65%);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));padding:22px}.panel--flat{clip-path:none}.panel__title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.panel__title h2{font-size:17px;text-transform:uppercase;letter-spacing:.04em}.panel__title p{margin:4px 0 0;font-size:12px;color:var(--muted);letter-spacing:0;text-transform:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line);background:var(--ink-3);color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn:hover:not(:disabled){border-color:var(--red);color:#fff;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--red);border-color:var(--red);color:#fff}.btn--primary:hover:not(:disabled){background:#ff3a49;box-shadow:0 10px 30px var(--red-glow)}.btn--ghost{background:transparent}.btn--danger{border-color:#ff4d5e80;color:var(--err)}.btn--danger:hover:not(:disabled){background:#ff4d5e1f;border-color:var(--err)}.btn--sm{padding:7px 12px;font-size:10px;letter-spacing:.1em}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.field small{font-size:11px;color:var(--muted-dim);line-height:1.4}input[type=text],input[type=number],input[type=password],input[type=search],select,textarea{width:100%;padding:10px 12px;background:#080a10;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:14px;transition:border-color .15s,box-shadow .15s}textarea{font-family:var(--font-mono);font-size:13px;line-height:1.6;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #ff223321}input[type=range]{width:100%;accent-color:var(--red)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--red);cursor:pointer}.switch{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--line);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.badge--ok{border-color:#2fd27f66;color:var(--ok)}.badge--warn{border-color:#ffb02066;color:var(--warn)}.badge--err{border-color:#ff4d5e66;color:var(--err)}.badge--red{border-color:#ff223380;color:var(--red)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted-dim);flex:none}.dot--on{background:var(--ok);box-shadow:0 0 12px var(--ok);animation:pulse 2.4s ease-in-out infinite}.dot--off{background:var(--err);box-shadow:0 0 12px var(--err)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;padding:10px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:9px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.data tbody tr:hover{background:#ffffff06}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.glitch:before{color:var(--red);transform:translate(-2px);clip-path:inset(12% 0 58% 0)}.glitch:after{color:#7ad7ff;transform:translate(2px);clip-path:inset(62% 0 14% 0)}.glitch:hover:before,.glitch:hover:after{opacity:.9;animation:slice .5s steps(2,end) infinite}@keyframes slice{0%{transform:translate(-3px)}25%{transform:translate(3px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(2px)}to{transform:translate(-3px)}}.slices{display:flex;flex-direction:column;gap:3px}.slices i{display:block;height:2px;background:var(--red);opacity:.8}.slices i:nth-child(1){width:46px}.slices i:nth-child(2){width:22px;background:var(--steel);opacity:.5}.slices i:nth-child(3){width:64px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}