*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070312;--bg-2:#11051f;--panel:#0f0a22b8;--panel-strong:#080716eb;--border:#79f7ff3d;--border-hot:#ff46c859;--text:#ecfbff;--muted:#8bb4c6;--cyan:#67f7ff;--pink:#ff53c8;--lime:#b6ff52;--amber:#ffd36b;--danger:#ff7488;--success:#7bffbd;--shadow-cyan:0 0 24px #67f7ff38;--shadow-pink:0 0 28px #ff53c833}html{scroll-behavior:smooth;min-width:480px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -8%,#ff76bc61,#0000 24%),radial-gradient(circle at 0 0,#67f7ff1f,#0000 28%),radial-gradient(circle at 85% 15%,#ff53c838,#0000 22%),radial-gradient(circle at 50% 100%,#b6ff5214,#0000 20%),linear-gradient(#08020e 0%,#140521 34%,#05030e 100%);font-family:Space Mono,monospace;line-height:1.65;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(1px);opacity:.65;pointer-events:none;z-index:0;background:radial-gradient(circle,#ffd36b2e 0%,#ff53c824 24%,#67f7ff0d 46%,#0000 66%),repeating-linear-gradient(#ffd36b38 0 2px,#0000 2px 14px);border-radius:50%;width:min(78vw,920px);height:min(78vw,920px);animation:9s ease-in-out infinite sunPulse;position:fixed;bottom:-8rem;left:50%;transform:translate(-50%)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 18%,#ff53c814,#0000 30%),linear-gradient(#0000 0%,#0202091f 55%,#0202097a 100%);position:fixed;inset:0}.backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.backdrop-grid,.backdrop-scanlines,.backdrop-glow{position:absolute;inset:0}.backdrop-grid{transform-origin:bottom;opacity:.65;background-color:#0000;background-image:linear-gradient(#67f7ff14 1px,#0000 1px),linear-gradient(90deg,#67f7ff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transform:perspective(900px)rotateX(78deg)scale(1.9);-webkit-mask-image:linear-gradient(#0000 0%,#00000059 18%,#000 100%);mask-image:linear-gradient(#0000 0%,#00000059 18%,#000 100%)}.backdrop-scanlines{opacity:.16;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 4px);animation:12s linear infinite scanDrift}.backdrop-glow{filter:blur(90px)}.glow-cyan{background:radial-gradient(circle,#67f7ff38 0%,#0000 55%);animation:11s ease-in-out infinite glowFloatCyan;transform:translate(-18%,-14%)}.glow-pink{background:radial-gradient(circle,#ff53c838 0%,#0000 55%);animation:12s ease-in-out infinite glowFloatPink;transform:translate(46%,8%)}.page-header,main,footer{z-index:1;position:relative}.page-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;max-width:1180px;margin:0 auto;padding:2.2rem 1.5rem 1.2rem;animation:.9s ease-out both riseIn;display:flex}.brand-lockup{max-width:760px}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 12px #67f7ff73;font-family:Space Mono,monospace;font-size:.8rem}.page-header h1{text-transform:uppercase;letter-spacing:.09em;text-shadow:0 0 24px #67f7ff3d,0 0 42px #ff53c82e,0 0 72px #ffd36b1a;gap:.05em;margin-top:.45rem;font-family:Major Mono Display,monospace;font-size:clamp(2.2rem,5vw,4.9rem);line-height:1.02;display:grid}.page-header h1 span:last-child{color:var(--pink)}.intro{max-width:620px;color:var(--muted);margin-top:.9rem;font-size:1rem}.intro code{color:var(--cyan)}.header-status{justify-items:end;gap:.7rem;display:grid}.status-row{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.badge,.status-chip,.panel-kicker{border:1px solid var(--border);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:.28rem .78rem;font-family:Space Mono,monospace;font-size:.74rem}.badge{color:var(--cyan);box-shadow:inset 0 0 0 1px #67f7ff14, var(--shadow-cyan);background:#09101fb8;animation:4.2s ease-in-out infinite chipPulse}.status-chip{color:#ffe6a3;background:#281807b8;border-color:#ffd36b47;box-shadow:inset 0 0 0 1px #ffd36b14}.github-link{color:var(--cyan);letter-spacing:.06em;box-shadow:var(--shadow-cyan), inset 0 0 0 1px #67f7ff0f;background:#09101fb8;border:2px solid #67f7ff59;border-radius:10px;align-items:center;gap:.55rem;padding:.55rem 1.3rem;font-size:1.15rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,color .18s;display:inline-flex}.github-link:hover{color:#fff;border-color:#67f7ffb3;transform:translateY(-2px);box-shadow:0 0 36px #67f7ff61,inset 0 0 0 1px #67f7ff26}main{max-width:1180px;margin:0 auto;padding:1.4rem 1.5rem 6rem}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:1.5rem;margin-bottom:2rem;display:grid}.panel{border:1px solid var(--border);box-shadow:inset 0 0 0 1px #ffffff08, 0 22px 60px #0000007a, var(--shadow-cyan);background:linear-gradient(#ffffff08,#0000 24%),linear-gradient(#0f0a22e0,#060714eb);border-radius:24px;animation:.95s ease-out both riseIn;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#67f7ff0f,#0000 30%,#ff53c80d 75%,#0000 100%);position:absolute;inset:0}.panel:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:22px;position:absolute;inset:1px;box-shadow:inset 0 1px #ffffff0f,inset 0 0 32px #ff53c808}.tool-card,.signal-card,.writeup{padding:1.6rem}.panel-kicker{color:var(--cyan);background:#08121eb3;margin-bottom:.95rem;display:inline-flex;box-shadow:0 0 20px #67f7ff1f}.tool-card h2,.signal-card h2,.writeup>header h2{text-transform:uppercase;letter-spacing:.11em;font-family:Major Mono Display,monospace}.tool-card h2{color:var(--text);font-size:1.55rem}.tool-card .subtitle,.signal-note,.writeup>header p{color:var(--muted)}.tool-card .subtitle{max-width:48ch;margin-top:.35rem;margin-bottom:1.35rem;font-size:.98rem}label{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;margin-bottom:.45rem;font-family:Space Mono,monospace;font-size:.76rem;display:block}textarea{width:100%;min-height:150px;color:var(--text);resize:vertical;background:linear-gradient(#ffffff05,#0000 18%),linear-gradient(#060c18f5,#060812f5);border:1px solid #67f7ff47;border-radius:18px;outline:none;padding:1rem 1.1rem;font-family:Space Mono,monospace;font-size:.83rem;line-height:1.65;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 0 0 1px #67f7ff0d,inset 0 0 26px #67f7ff0a}textarea:focus{border-color:#ff53c894;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ff53c814,0 0 0 1px #ff53c824,0 0 32px #ff53c82e}textarea::placeholder{color:#8bb4c68f}button{color:#12071b;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#ff53c8eb,#67f7ffe6);border:1px solid #ff53c885;border-radius:16px;width:100%;margin-top:1rem;padding:.92rem 1.2rem;font-family:Space Mono,monospace;font-size:.92rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;box-shadow:0 0 18px #ff53c847,0 0 24px #67f7ff29}button:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff57 48%,#0000 60%);transition:transform .45s;position:absolute;inset:0;transform:translate(-130%)}button:hover{filter:saturate(1.12);transform:translateY(-2px);box-shadow:0 0 22px #ff53c85c,0 0 34px #67f7ff38}button:hover:before{transform:translate(130%)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;color:#ecfbffa6;box-shadow:none;background:linear-gradient(90deg,#3d4661c7,#2a344fe0);border-color:#8bb4c633}.hint{color:#8bb4c6b8;text-align:right;margin-top:.55rem;font-family:Space Mono,monospace;font-size:.72rem}.result-box{margin-top:1.3rem;display:none}.result-box.visible{display:block}.result-shell{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.7rem;display:grid}.result-content{word-break:break-word;background:linear-gradient(#0a1224f5,#040812eb),repeating-linear-gradient(#67f7ff08 0 1px,#0000 1px 20px);border:1px solid #67f7ff38;border-radius:18px;min-height:62px;padding:.95rem 1rem;font-family:Space Mono,monospace;font-size:.84rem;line-height:1.55;box-shadow:inset 0 0 18px #67f7ff0d}.result-content.success{color:var(--success);border-color:#7bffbd6b;box-shadow:inset 0 0 28px #7bffbd0a}.result-content.error{color:#ffd2db;border-color:#ff74886b;box-shadow:inset 0 0 28px #ff74880d}.result-content a{color:inherit;text-decoration:underline;text-decoration-thickness:1px}.icon-button{background:linear-gradient(#ff53c8f0,#67f7ffeb);border-radius:18px;align-self:stretch;place-items:center;width:3.25rem;min-width:3.25rem;margin-top:0;padding:0;display:grid;box-shadow:0 0 18px #ff53c84d,0 0 26px #67f7ff29}.icon-button svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.icon-button .icon-check{display:none}.icon-button[data-state=copied]{color:#041110;background:linear-gradient(#7bffbdf2,#67f7ffe6)}.icon-button[data-state=copied] .icon-copy{display:none}.icon-button[data-state=copied] .icon-check{display:block}.icon-button[data-state=error]{color:#1b0711;background:linear-gradient(#ff7488f0,#ffd36bdb)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.signal-card h2{font-size:1.3rem}.signal-list{gap:.8rem;margin-top:.35rem;list-style:none;display:grid}.signal-list li{border-bottom:1px solid #67f7ff24;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.72rem;transition:transform .18s,border-color .18s;display:flex}.signal-list li:hover{border-color:#ff53c838;transform:translate(3px)}.signal-list span{color:var(--cyan);letter-spacing:.12em;font-family:Space Mono,monospace;font-size:.72rem}.signal-list strong{text-align:right;color:var(--text);font-size:1rem;font-weight:700}.mini-pipeline{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:1.3rem;display:grid}.mini-pipeline span{min-height:68px;color:var(--pink);letter-spacing:.18em;text-align:center;background:linear-gradient(#220d2ed6,#0b0a1dd6);border:1px solid #ff53c83d;border-radius:16px;place-items:center;font-family:Space Mono,monospace;font-size:.72rem;animation:5.5s ease-in-out infinite tilePulse;display:grid;box-shadow:inset 0 0 18px #ff53c80f,0 0 20px #ff53c814}.mini-pipeline span:nth-child(2){animation-delay:-.8s}.mini-pipeline span:nth-child(3){animation-delay:-1.6s}.mini-pipeline span:nth-child(4){animation-delay:-2.4s}.mini-pipeline span:nth-child(5){animation-delay:-3.2s}.signal-note{margin-top:1.05rem;font-size:.92rem}.spinner{vertical-align:middle;border:2px solid #12071b40;border-top-color:#12071b;border-radius:50%;width:13px;height:13px;margin-right:6px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.writeup{counter-reset:chapter;padding-top:1.8rem}.writeup:after{content:"";pointer-events:none;background:radial-gradient(circle,#67f7ff1a 0%,#67f7ff05 35%,#0000 68%);border-radius:50%;width:140px;height:140px;position:absolute;top:1.25rem;right:1.25rem}.writeup>header{margin-bottom:1.8rem}.manual-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#09101fdb,#1c0923bd);border:1px solid #67f7ff2e;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.7rem .9rem;display:flex;box-shadow:inset 0 0 24px #67f7ff08}.manual-topbar p{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.76rem}.manual-lights{gap:.4rem;display:flex}.manual-lights span{border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px}.manual-lights span:first-child{color:var(--danger);background:currentColor}.manual-lights span:nth-child(2){color:var(--amber);background:currentColor}.manual-lights span:nth-child(3){color:var(--success);background:currentColor}.writeup>header h2{font-size:clamp(1.45rem,2.5vw,2.25rem)}.writeup>header p{max-width:60ch;margin-top:.55rem;font-size:.98rem}.writeup-meta{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.writeup-meta span{color:#ffdff3;letter-spacing:.08em;text-transform:uppercase;background:#1f0a29b8;border:1px solid #ff53c833;border-radius:999px;padding:.34rem .72rem;font-family:Space Mono,monospace;font-size:.72rem}.writeup h3{counter-increment:chapter;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #67f7ff3d;align-items:center;gap:.8rem;margin:2.1rem 0 .75rem;padding:.55rem 0;font-family:Space Mono,monospace;font-size:1.02rem;display:flex}.writeup h3:before{content:counter(chapter, decimal-leading-zero);min-width:2.45rem;height:2.45rem;color:var(--pink);background:linear-gradient(#250d2deb,#0b0b1ce6);border:1px solid #ff53c857;border-radius:14px;place-items:center;padding:0 .45rem;font-family:Space Mono,monospace;font-size:.78rem;animation:5s ease-in-out infinite chipPulse;display:inline-grid;box-shadow:0 0 18px #ff53c81a}.writeup h4{color:var(--pink);letter-spacing:.13em;text-transform:uppercase;margin:1.5rem 0 .4rem;font-family:Space Mono,monospace;font-size:.9rem}.writeup p,.writeup ul{color:#ecfbffe6;font-size:.97rem}.writeup ul{margin:.5rem 0 .5rem 1.35rem}.writeup li{margin:.26rem 0}.writeup a{color:var(--cyan);text-decoration:underline}.writeup a:hover{color:#c7fcff}.writeup code{color:#ffe6f7;background:#1b0c23db;border:1px solid #ff53c82e;border-radius:7px;padding:.12em .42em;font-family:Space Mono,monospace;font-size:.82em}.writeup pre,.pipeline{background:linear-gradient(#060a16f5,#0a0818fa),repeating-linear-gradient(#67f7ff08 0 1px,#0000 1px 24px);border:1px solid #67f7ff2e;border-radius:18px;margin:.85rem 0;padding:1rem 1.15rem;overflow-x:auto;box-shadow:inset 0 0 28px #67f7ff08,0 0 0 1px #ff53c814}.writeup pre code{color:inherit;background:0 0;border:0;padding:0}.pipeline{white-space:pre;color:#d6fcff;font-family:Space Mono,monospace;font-size:.79rem;line-height:1.8}.pipeline .label{color:var(--lime)}.pipeline .comment{color:var(--muted)}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:18px;margin:.85rem 0;overflow-x:auto;box-shadow:0 0 0 1px #ff53c814,inset 0 0 18px #67f7ff08}.layout-table{border-collapse:collapse;width:100%;font-size:.88rem;overflow:hidden}.layout-table th,.layout-table td{text-align:left;border:1px solid #67f7ff24;padding:.65rem .78rem}.layout-table th{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;background:#0d1829f0;font-family:Space Mono,monospace;font-size:.77rem}.layout-table td{background:#090b1abd}.layout-table td:first-child,.layout-table td:nth-child(2){color:#c5fbff;font-family:Space Mono,monospace;font-size:.8rem}.layout-table tr:hover td{background:#0f1126f0}@keyframes sunPulse{0%,to{opacity:.58;transform:translate(-50%)scale(.98)}50%{opacity:.8;transform:translate(-50%)scale(1.04)}}@keyframes glowFloatCyan{0%,to{transform:translate(-18%,-14%)scale(1)}50%{transform:translate(-14%,-10%)scale(1.08)}}@keyframes glowFloatPink{0%,to{transform:translate(46%,8%)scale(1)}50%{transform:translate(40%,12%)scale(1.1)}}@keyframes scanDrift{0%{transform:translateY(0)}to{transform:translateY(12px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes chipPulse{0%,to{box-shadow:0 0 0 #67f7ff00, var(--shadow-cyan)}50%{box-shadow:0 0 22px #ff53c81f,0 0 34px #67f7ff29}}@keyframes tilePulse{0%,to{transform:translateY(0);box-shadow:inset 0 0 18px #ff53c80f,0 0 20px #ff53c814}50%{transform:translateY(-2px);box-shadow:inset 0 0 22px #67f7ff14,0 0 26px #ff53c829}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}footer{flex-direction:column;align-items:center;gap:.5rem;max-width:1180px;margin:0 auto;padding:1.4rem 1.5rem 2.5rem;display:flex}footer p{color:#8bb4c694;letter-spacing:.08em;text-transform:uppercase;text-align:center;font-family:Space Mono,monospace;font-size:.72rem}@media (width<=940px){.page-header{grid-template-columns:1fr;display:grid}.header-status{justify-items:start}.status-row{justify-content:flex-start}.hero-grid{grid-template-columns:1fr}}@media (width<=720px){.page-header,main,footer{padding-left:1rem;padding-right:1rem}.tool-card,.signal-card,.writeup{padding:1.15rem}.page-header h1{font-size:clamp(2rem,13vw,3.35rem)}.tool-card h2{font-size:1.2rem}.tool-card .subtitle{font-size:.82rem}.signal-card h2{font-size:1.05rem}.signal-list strong,.signal-note,.writeup>header p,.writeup p,.writeup ul,.writeup li{font-size:.82rem}.intro{font-size:.84rem}.manual-topbar{flex-direction:column;align-items:flex-start}.writeup h3{flex-direction:column;align-items:flex-start;font-size:.88rem}.writeup h4{font-size:.82rem}.mini-pipeline{grid-template-columns:repeat(3,1fr)}.result-shell{grid-template-columns:minmax(0,1fr) 3rem}.layout-table th,.layout-table td{padding:.5rem .55rem;font-size:.76rem}}