:root{--gutter:clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html,body{height:100%}html{background:var(--ink)}body{background:var(--ink);color:var(--paper);font:400 16px/1.55 var(--font-text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}#disguise{z-index:40;color:#000;transform-origin:50%;cursor:default;background:#fff;position:fixed;inset:0;overflow:hidden}#disguise .band{background:#fff;position:absolute;inset:0}#disguise .nginx{padding:8px;font-family:Times New Roman,Times,serif;font-size:16px;line-height:normal}#disguise h1{text-align:center;margin:.67em 0;font-size:2em;font-weight:700}#disguise hr{border:0;border-top:1px solid #a0a0a0;border-bottom:1px solid #fff;margin:.5em 0;box-shadow:0 1px #e0e0e0}#disguise .srv{text-align:center}#disguise .band:first-child{clip-path:inset(0 0 calc(100% - 44px))}#disguise .band:nth-child(2){clip-path:inset(44px 0 calc(100% - 62px))}#disguise .band:nth-child(3){clip-path:inset(62px 0 calc(100% - 96px))}#disguise .band:nth-child(4){clip-path:inset(96px 0 0)}#disguise.f1 .band:first-child{transform:translate(-9px)}#disguise.f1 .band:nth-child(2){transform:translate(14px)}#disguise.f1 .band:nth-child(3){transform:translate(-4px)}#disguise.f1 h1{text-shadow:-3px 0 0 var(--signal), 3px 0 0 var(--graphite)}#disguise.f2{filter:invert()}#disguise.f2 .band:nth-child(2){transform:translate(-22px)}#disguise.f2 .band:nth-child(4){transform:translate(6px)}#disguise.f3 .band:first-child{transform:translate(26px)}#disguise.f3 .band:nth-child(2){transform:translate(-38px)}#disguise.f3 .band:nth-child(3){transform:translate(18px)}#disguise.f3 .band:nth-child(4){transform:translate(-7px)}#disguise.f3 h1{text-shadow:-6px 0 0 var(--signal), 5px 1px 0 var(--graphite)}#disguise .tears{pointer-events:none;display:none;position:absolute;inset:0}#disguise.f3 .tears,#disguise.f1 .tears{display:block}#disguise .tears i{background:#000;height:2px;position:absolute;left:0}#disguise.melting{background:0 0}#disguise.melting .band,#disguise.melting .tears{display:none}#disguise .melt{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.s-melt .frow{animation:.11s step-end infinite rgb-jitter}@keyframes rgb-jitter{0%{text-shadow:-4px 0 0 var(--signal), 4px 0 0 #00e5ff;transform:translate(3px)}33%{text-shadow:5px 0 0 var(--signal), -3px 1px 0 #00e5ff;transform:translate(-5px,1px)}66%{text-shadow:-2px 0 #00ff90,2px 0 #f0f;transform:translate(1px,-1px)}}#stage{min-height:100%;padding-inline:var(--gutter);isolation:isolate;grid-template-rows:auto 1fr auto;padding-block:20px;display:grid;position:relative}.bg{z-index:-1;background:var(--ink);opacity:0;transition:opacity .6s linear;position:fixed;inset:0;overflow:hidden}.bg-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.bg:before{content:"";z-index:1;background-image:radial-gradient(circle,#9a9a9a33 1px,#0000 1.3px);background-size:24px 24px;position:absolute;inset:0}.bg:after{content:"";z-index:2;background:radial-gradient(#0000 30%,#0a0a0ad9 100%);position:absolute;inset:0}.grain{z-index:30;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.frow{font:400 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--paper);opacity:0;align-items:center;display:flex}.frow .rule{background:var(--graphite);transform-origin:0;height:1px;transition:transform .42s var(--ease-out);flex:1;margin-inline:14px;transform:scaleX(0)}.frow .gap{flex:1}.frow .hl{background:var(--signal);color:var(--ink);padding:3px 5px}.frow .mark{width:14px;height:20px;color:var(--fog);margin-right:12px;display:block}.frow button{appearance:none;color:var(--ash);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.frow button:hover{color:var(--paper)}@media (max-width:700px){.frow .m{display:none}}.s-frame .bg{opacity:1}.s-frame .frow{opacity:1;transition:opacity 0s linear .2s}.s-frame .frow .rule{transform:scaleX(1)}.center{place-items:center;padding-block:32px;display:grid}.panel{width:min(460px,100%);box-shadow:inset 0 0 0 1px var(--carbon), 0 0 0 1px #5a5a5a40;clip-path:inset(0 0 100%);background:#0a0a0ae0;flex-direction:column;gap:24px;padding:24px;display:flex}.s-panel .panel{clip-path:inset(0);transition:clip-path .28s steps(5,end)}.p-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.p-top .mark{width:17px;height:24px;color:var(--fog)}.tag{background:var(--fog);color:var(--ink);font:500 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;padding:6px 9px 5px;display:inline-flex}.blink{background:currentColor;width:6px;height:6px;animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}.wm-wrap{width:100%;container-type:inline-size}.wm{color:var(--paper);align-items:flex-start;display:inline-flex}.wm-word{font:800 14.5cqi/.8 var(--font-display);letter-spacing:-.025em;padding:0 .03em 0 0}.wm-sup{writing-mode:vertical-rl;font:800 3.6cqi/1 var(--font-display);color:var(--ash);letter-spacing:.02em;padding:.4em 0 0}.lede{color:var(--ash);max-width:40ch;margin:0}.label{font:400 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.micro{font:400 10px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ash)}.dot{font-family:var(--font-dot);font-variant-numeric:tabular-nums;font-weight:900}form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ash)}input{border:0;border-bottom:1px solid var(--graphite);width:100%;color:var(--paper);font:400 15px/1.2 var(--font-mono);transition:border-color .12s var(--ease-out);background:0 0;border-radius:0;outline:none;padding:12px 0}input::placeholder{color:var(--graphite)}input:focus{border-bottom-color:var(--paper)}.btn{appearance:none;border:1px solid var(--signal);background:var(--signal);color:var(--ink);font:500 13px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;width:100%;transition:background .12s var(--ease-out), color .12s var(--ease-out);border-radius:0;justify-content:space-between;padding:16px 20px 15px;display:flex}.btn:hover{color:var(--signal);background:0 0}.btn:active{box-shadow:-2px -2px 0 0 var(--graphite);transform:translate(1px,1px)}button:focus-visible{outline-offset:5px;outline:1px dashed}.examples{flex-wrap:wrap;gap:6px 18px;display:flex}.link{appearance:none;color:var(--ash);cursor:pointer;font:400 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;transition:background-size .4s var(--ease-out), color .12s linear;background:linear-gradient(currentColor,currentColor) 0 100%/0% 1px no-repeat;border:0;padding:4px 0}.link:hover{color:var(--paper);background-size:100% 1px}.result{border-top:1px solid var(--graphite);flex-direction:column;gap:12px;padding-top:16px;display:flex}.result[hidden]{display:none}.result p{margin:0}.kv{justify-content:space-between;gap:12px;display:flex}.kv+.kv{border-top:1px solid var(--carbon);padding-top:8px}.kv .dot{font-size:18px;line-height:1}.err{color:var(--paper)}input[aria-invalid=true]{border-bottom-color:var(--paper)}.p-foot{justify-content:space-between;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}