@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--hue:223;--bg:#04030c;--fg:#ecebfa;--muted:#8d8bab;--glass:#0c0b1e85;--glass-strong:#0a091ac7;--border:#ffffff17;--border-hi:#fff3;--accent:hsl(var(--hue) 100% 74%);--accent-2:hsl(calc(var(--hue) + 95) 100% 72%);--accent-3:hsl(calc(var(--hue) - 70) 100% 70%);--danger:#ff6b8a;--ok:#4ade80;--radius:18px;--mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:5rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100%;margin:0;line-height:1.55;overflow-x:hidden}::selection{background:hsl(var(--hue) 90% 60% / .4)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}#scene{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.vignette{pointer-events:none;z-index:1;background:radial-gradient(120% 80%,#0000 55%,#02010899 100%),linear-gradient(#02010859,#0000 18% 82%,#02010873);position:fixed;inset:0}.warp-flash{pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle at 50% 55%, hsl(var(--hue) 100% 92% / .9), hsl(var(--hue) 100% 60% / .35) 30%, transparent 70%);mix-blend-mode:screen;position:fixed;inset:0}body.warping .warp-flash{animation:1.4s ease-out flash}@keyframes flash{0%{opacity:0}22%{opacity:.85}to{opacity:0}}body.no-webgl{background:radial-gradient(ellipse at 70% 60%, hsl(var(--hue) 80% 30% / .55), transparent 55%), radial-gradient(ellipse at 25% 30%, hsl(calc(var(--hue) + 90) 80% 30% / .4), transparent 50%), radial-gradient(1px 1px at 20% 30%, #fff, transparent), radial-gradient(1px 1px at 80% 10%, #fff, transparent), radial-gradient(1px 1px at 60% 80%, #fff, transparent), radial-gradient(1px 1px at 35% 65%, #fff, transparent), var(--bg);background-attachment:fixed}body.no-webgl #scene{display:none}main,.footer,.nav{z-index:3;position:relative}.skip-link{z-index:50;background:var(--fg);color:var(--bg);border-radius:10px;padding:.5rem .9rem;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.glass{background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px)saturate(140%)}.card,.stat,.panel{isolation:isolate;position:relative}.card:before,.stat:before,.panel:before{content:"";border-radius:inherit;z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), hsl(var(--hue) 100% 70% / .12), transparent 60%);transition:opacity .3s;position:absolute;inset:0}.card:hover:before,.stat:hover:before,.panel:hover:before{opacity:1}.nav{z-index:20;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,3vw,2.25rem);transition:background .4s,border-color .4s,padding .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--border);-webkit-backdrop-filter:blur(16px);background:#05041099;padding-block:.6rem}.brand{letter-spacing:.02em;align-items:center;gap:.55rem;font-weight:600;text-decoration:none;display:flex}.brand-mark{color:var(--accent);text-shadow:0 0 14px var(--accent);animation:12s linear infinite spin;display:inline-block}.brand .dim{color:var(--muted);font-weight:400}@keyframes spin{to{transform:rotate(360deg)}}.nav-links{border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:.4rem .9rem;font-size:.88rem;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--fg);background:#ffffff12}.nav-tools{align-items:center;gap:.6rem;display:flex}.badge{font:500 .75rem/1 var(--mono);color:var(--muted);white-space:nowrap;background:var(--glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.badge .dot{background:#777;border-radius:50%;width:8px;height:8px}.badge[data-state=ok] .dot{background:var(--ok);box-shadow:0 0 10px var(--ok);animation:2.4s ease-in-out infinite blink}.badge[data-state=down] .dot{background:var(--danger);box-shadow:0 0 10px var(--danger)}@keyframes blink{50%{opacity:.45}}.sound{border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem .2rem .2rem;display:flex}.icon-btn{cursor:pointer;width:34px;height:34px;color:var(--fg);background:#ffffff0f;border:0;border-radius:50%;place-items:center;transition:background .2s,box-shadow .2s;display:grid}.icon-btn:hover{background:#ffffff1f}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-btn .spk{fill:currentColor;stroke:none}.icon-btn .wave{display:none}.sound.on .icon-btn{color:var(--accent);box-shadow:0 0 18px hsl(var(--hue) 100% 70% / .35)}.sound.on .icon-btn .wave{display:block}.sound.on .icon-btn .x{display:none}.sound.on .icon-btn .w2{animation:1.6s ease-in-out infinite pulse-wave}@keyframes pulse-wave{50%{opacity:.3}}#volume{width:84px}input[type=range]{appearance:none;cursor:pointer;--fill:50%;background:0 0;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-3), var(--accent) var(--fill), #ffffff1f var(--fill));border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:4px;height:4px}input[type=range]::-moz-range-progress{background:linear-gradient(90deg, var(--accent-3), var(--accent));border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;box-shadow:0 0 0 3px hsl(var(--hue) 100% 70% / .35), 0 0 14px var(--accent);background:#fff;border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-thumb{width:14px;height:14px;box-shadow:0 0 0 3px hsl(var(--hue) 100% 70% / .35), 0 0 14px var(--accent);background:#fff;border:0;border-radius:50%}#volume::-webkit-slider-runnable-track{background:#ffffff2e}.btn{--pad:.9rem 1.5rem;padding:var(--pad);border:1px solid var(--border-hi);cursor:pointer;font:inherit;color:var(--fg);letter-spacing:.01em;background:#ffffff0f;border-radius:999px;align-items:center;gap:.6rem;font-weight:600;transition:transform .2s,background .2s,box-shadow .3s,border-color .2s;display:inline-flex;position:relative}.btn:hover{background:#ffffff1f;transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.98)}.btn.small{--pad:.55rem 1rem;font-size:.85rem}.btn.ghost{background:0 0}.btn.primary{color:#fff;background:linear-gradient(135deg, hsl(var(--hue) 90% 55%), hsl(calc(var(--hue) + 60) 90% 55%)) padding-box, conic-gradient(from var(--angle), var(--accent), var(--accent-2), var(--accent-3), var(--accent)) border-box;box-shadow:0 0 30px hsl(var(--hue) 100% 60% / .45), inset 0 1px 0 #ffffff40;border-color:#0000;animation:4s linear infinite rotate-border}.btn.primary:hover{box-shadow:0 0 50px hsl(var(--hue) 100% 65% / .7), inset 0 1px 0 #ffffff4d}@keyframes rotate-border{to{--angle:360deg}}.btn-arrow{transition:transform .25s}.btn:hover .btn-arrow{transform:translate(4px)}.btn-row{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{opacity:.7;background:currentColor;border-radius:2px;width:3px;height:30%}#sound-cta.on{border-color:hsl(var(--hue) 100% 70% / .5);color:var(--accent)}#sound-cta.on .eq i{animation:.9s ease-in-out infinite eq}#sound-cta.on .eq i:nth-child(2){animation-delay:-.3s}#sound-cta.on .eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:25%}50%{height:100%}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:6rem 1.25rem 7rem;display:flex;position:relative}.eyebrow{font:500 .78rem/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);border:1px solid hsl(var(--hue) 100% 70% / .3);background:hsl(var(--hue) 100% 60% / .08);border-radius:999px;margin:0 0 1.2rem;padding:.55rem 1rem}.title{flex-direction:column;align-items:center;margin:0;line-height:.9;display:flex}.title-main{letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(100deg, #fff 0%, #fff 30%, hsl(var(--hue) 100% 82%) 45%, hsl(calc(var(--hue) + 80) 100% 80%) 55%, #fff 70%, #fff 100%);color:#0000;filter:drop-shadow(0 0 40px hsl(var(--hue) 100% 60% / .45));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.2rem,13vw,10.5rem);font-weight:800;animation:7s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:100% 0}50%{background-position:0 0}}.title-sub{font:300 clamp(1.1rem, 3vw, 1.9rem)/1 var(--mono);letter-spacing:.6em;text-transform:lowercase;color:#ffffffd1;margin-top:.6rem;padding-left:.6em}.dot-accent{color:var(--accent);text-shadow:0 0 12px var(--accent)}.lede{color:#ecebfad1;text-shadow:0 2px 20px #000000e6;max-width:40rem;margin:1.8rem auto 0;font-size:clamp(1rem,1.6vw,1.18rem)}.cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2.2rem;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:.6rem 2.5rem;margin:3rem 0 0;padding:0;list-style:none;display:flex}.hero-stats li{color:var(--muted);align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.hero-stats b{font:700 1.25rem/1 var(--mono);color:var(--fg)}.scroll-hint{color:var(--muted);font:.7rem/1 var(--mono);letter-spacing:.25em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;display:flex;position:absolute;bottom:1.8rem;left:50%;transform:translate(-50%)}.scroll-hint span{background:linear-gradient(var(--accent), transparent);transform-origin:top;width:1px;height:38px;animation:2s ease-in-out infinite drip}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:no-preference){.hero>*{animation:1.1s cubic-bezier(.2,.8,.2,1) both rise}.hero>.title{animation-delay:.12s}.hero>.lede{animation-delay:.3s}.hero>.cta-row{animation-delay:.45s}.hero>.hero-stats{animation-delay:.6s}.hero>.scroll-hint{animation:1s 1.2s both fade}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(30px)}}@keyframes fade{0%{opacity:0}}}.section{max-width:1200px;margin:0 auto;padding:clamp(5rem,12vh,9rem) clamp(1.1rem,4vw,2.5rem)}.section-head{max-width:40rem;margin-bottom:2.75rem}.section-head.center{text-align:center;margin-inline:auto}.kicker{font:500 .75rem/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 .8rem}.section-head h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:750;line-height:1.05}.section-head h2 em{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.section-lede{color:#ecebfab8;margin:1.1rem 0 0;font-size:1.05rem}[data-reveal]{transition:opacity .9s cubic-bezier(.2, .8, .2, 1) var(--delay,0s), transform .9s cubic-bezier(.2, .8, .2, 1) var(--delay,0s)}@media (prefers-reduced-motion:no-preference){[data-reveal]:not(.in){opacity:0;transform:translateY(28px)scale(.98)}}.cards{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem;display:grid}.card{border-radius:var(--radius);transition:opacity .9s cubic-bezier(.2, .8, .2, 1) var(--delay,0s), border-color .3s, transform .6s cubic-bezier(.2, .8, .2, 1), box-shadow .4s;padding:1.6rem 1.5rem 1.5rem;overflow:hidden}.card.in:hover{border-color:var(--border-hi);box-shadow:0 20px 60px -20px hsl(var(--hue) 100% 60% / .35);transform:translateY(-4px)}.card h3{letter-spacing:-.01em;margin:1rem 0 .4rem;font-size:1.12rem}.card p{color:#ecebfaad;margin:0;font-size:.95rem}.card-icon{fill:none;width:40px;height:40px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;background:hsl(var(--hue) 100% 60% / .1);border:1px solid hsl(var(--hue) 100% 70% / .25);filter:drop-shadow(0 0 8px hsl(var(--hue) 100% 60% / .6));border-radius:12px;padding:8px}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.stat{border-radius:var(--radius);flex-direction:column;gap:.35rem;min-width:0;padding:1.25rem 1.35rem;display:flex}.stat-label{font:500 .7rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.stat-value{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1.7rem;font-weight:700;overflow:hidden}.stat-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.endpoints{border-radius:var(--radius);margin-top:1rem;padding:1.2rem 1.35rem}.endpoints-head{font:500 .7rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.link{color:var(--accent);letter-spacing:.05em;text-transform:none;font-size:.85rem;text-decoration:none}.link:hover{text-decoration:underline}.endpoints ul{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.endpoints li{border-top:1px solid #ffffff0d;grid-template-columns:4.6rem minmax(0,15rem) 1fr;align-items:center;gap:.8rem;padding:.45rem 0;font-size:.88rem;display:grid}.endpoints li:first-child{border-top:0}.endpoints code{font-family:var(--mono);color:var(--fg);text-overflow:ellipsis;overflow:hidden}.m{font:700 .68rem/1 var(--mono);text-align:center;letter-spacing:.05em;border-radius:6px;padding:.32rem 0}.m.get{color:#7ee7b8;background:#7ee7b81a}.m.post{color:#8ab4ff;background:#8ab4ff1f}.m.patch{color:#f5c46b;background:#f5c46b1a}.m.del{color:var(--danger);background:#ff6b8a1a}.lab{max-width:1320px;padding-bottom:5rem}.console{grid-template-columns:minmax(280px,340px) 1fr minmax(280px,340px);align-items:start;gap:1rem;display:grid}.console-col{gap:1rem;display:grid}.console-gap{min-height:1px}.panel{border-radius:var(--radius);background:var(--glass-strong);padding:1.2rem 1.25rem 1.3rem}.panel h3{font:600 .72rem/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 .9rem}.slider{gap:.25rem;margin-bottom:.7rem;font-size:.88rem;display:grid}.slider>span{justify-content:space-between;display:flex}.slider output{font-family:var(--mono);color:var(--accent);font-size:.8rem}.slider input{width:100%}form{gap:.55rem;display:grid}form input,form textarea{width:100%;font:inherit;color:var(--fg);border:1px solid var(--border);resize:vertical;background:#00000059;border-radius:12px;padding:.65rem .8rem;font-size:.92rem;transition:border-color .2s,box-shadow .2s}form input:focus,form textarea:focus{border-color:hsl(var(--hue) 100% 70% / .6);box-shadow:0 0 0 3px hsl(var(--hue) 100% 60% / .2);outline:none}form .btn{justify-content:center}.list{scrollbar-width:thin;gap:.35rem;max-height:22rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.list li{align-items:stretch;gap:.3rem;display:flex}.list .empty{padding:.6rem .2rem;font-size:.88rem}.list .item{min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:12px;flex:1;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.9rem;transition:background .2s,border-color .2s;display:flex}.list .item:hover{border-color:var(--border);background:#ffffff17}.swatch{--h:220;background:radial-gradient(circle at 35% 35%, #fff, hsl(var(--h) 90% 60%) 45%, hsl(calc(var(--h) + 60) 90% 35%));width:14px;height:14px;box-shadow:0 0 10px hsl(var(--h) 90% 60%);border-radius:50%;flex:none}.list .title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.list .date{font-size:.75rem;font-family:var(--mono)}.list .delete{width:2.2rem;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;font-size:1.15rem;transition:color .2s,background .2s}.list .delete:hover{color:var(--danger);background:#ff6b8a1a}.switch{color:var(--fg);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;padding:0;font-size:.9rem;display:flex}.switch-track{background:#ffffff1f;border-radius:999px;flex:none;width:38px;height:22px;transition:background .25s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch-track{background:hsl(var(--hue) 90% 58%);box-shadow:0 0 14px hsl(var(--hue) 100% 60% / .5)}.switch[aria-checked=true] .switch-thumb{transform:translate(16px)}.switch:disabled{opacity:.4;cursor:not-allowed}.tiny{margin:.9rem 0 0;font-size:.78rem}kbd{font:600 .7rem/1 var(--mono);border:1px solid var(--border-hi);color:var(--fg);background:#ffffff0f;border-radius:5px;padding:.15rem .35rem}.muted{color:var(--muted)}.footer{text-align:center;border-top:1px solid var(--border);background:linear-gradient(#0000,#020108b3);padding:2.5rem 1.25rem 3rem;font-size:.85rem}.footer p{margin:.3rem 0}#toast{z-index:40;background:var(--glass-strong);border:1px solid var(--border-hi);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;border-radius:999px;padding:.65rem 1.1rem;font-size:.9rem;transition:opacity .3s,transform .3s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,20px);box-shadow:0 10px 40px #00000080}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{border-color:var(--danger);color:#ffd0da}@media (width<=1080px){.console{grid-template-columns:1fr 1fr}.console-gap{display:none}}@media (width<=820px){.nav-links,#volume{display:none}.sound{padding:.2rem}.console{grid-template-columns:1fr}.endpoints li{grid-template-columns:4.2rem 1fr}.endpoints li .muted{display:none}.hero-stats{gap:.5rem 1.4rem}}@media (width<=480px){.brand-name .dim,.badge .label{display:none}.badge{padding:.5rem}.title-sub{letter-spacing:.4em}.cta-row .btn{justify-content:center;width:100%}}@media (pointer:coarse){.glass{-webkit-backdrop-filter:none;background:#0a091ac7}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.warp-flash{display:none}}