:root{--bg:#000000;--panel:rgba(4,4,7,0.68);--line:rgba(255,255,255,0.10);--line-soft:rgba(255,255,255,0.055);--ink:#e9e9ec;--dim:#74747c;--ghost:#3a3a40;--red:#e6374e;--red-deep:#d4101c;--red-glow:rgba(230,55,78,0.55);--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--red);color:#000}a{color:inherit;text-decoration:none}#field{width:100vw;height:100vh;z-index:0;display:block}#field,.scan{position:fixed;inset:0}.scan{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5}.top{position:fixed;top:0;left:0;right:0;z-index:5;justify-content:space-between;padding:18px 24px;font-size:11px;letter-spacing:.34em;text-transform:uppercase}.top,.top .mark{display:flex;align-items:center}.top .mark{gap:12px;font-weight:700}.top .mark .sq{width:9px;height:9px;background:var(--ink)}.top .mark .sq.r{background:var(--red);box-shadow:0 0 10px var(--red-glow)}.top .sig{display:flex;align-items:center;gap:9px;color:var(--dim)}.top .sig .dot{width:6px;height:6px;background:var(--red);animation:blink 2.4s steps(1) infinite}@keyframes blink{0%,70%{opacity:1}71%,to{opacity:.15}}.wrap{position:relative;z-index:2;height:100vh;overflow:hidden;justify-content:center;padding:64px 20px 20px}.stage,.wrap{display:flex;align-items:center}.stage{flex-direction:column;gap:16px;width:100%;max-width:620px}.above-panel{width:100%;text-align:center}.coords{font-size:10.5px;letter-spacing:.22em;color:var(--dim);margin-bottom:8px;min-height:14px}.coords b{color:var(--red);font-weight:400}.tagline{max-width:540px;font-size:clamp(12px,1.2vw,14px);line-height:1.7;letter-spacing:.04em;color:#9a9aa0;font-weight:300;margin:0 auto}.tagline .no{color:var(--ink);font-weight:500}.panel{width:100%;max-width:620px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);padding:38px 36px 40px;position:relative}.panel:after,.panel:before{content:"";position:absolute;width:14px;height:14px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:2px solid var(--red);border-left:2px solid var(--red)}.panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--red);border-right:2px solid var(--red)}.phead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:4px}.phead h2{margin:0;font-size:14px;font-weight:700;letter-spacing:.42em;text-transform:uppercase}.phead .meta{font-size:10px;letter-spacing:.2em;color:var(--dim)}.phead .meta b{color:var(--red);font-weight:400}.sig-row{display:flex;gap:6px;margin:16px 0 26px}.sig-row .cell{width:100%;height:5px;background:rgba(255,255,255,.07);transition:background .5s,box-shadow .5s}.sig-row .cell.on{background:var(--ink)}.sig-row .cell.red{background:var(--red);box-shadow:0 0 9px var(--red-glow)}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-gap:16px;gap:16px;padding:16px 0;border-top:1px solid var(--line-soft)}.step:last-child{border-bottom:1px solid var(--line-soft)}.step .idx{font-size:11px;color:var(--ghost);letter-spacing:.1em}.step.done .idx{color:var(--dim)}.step .body{display:flex;flex-direction:column;gap:3px;min-width:0}.step .label{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}.step .sub{font-size:10.5px;letter-spacing:.08em;color:var(--dim)}.step .sub a{color:var(--red)}.ctrl{display:flex;align-items:center;gap:14px}.act{font-family:var(--mono);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;color:var(--ink);border:1px solid var(--line);padding:9px 14px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;transition:border-color .25s,color .25s,background .25s;white-space:nowrap}.act:hover{border-color:var(--red);color:#fff}.act.scanning{color:var(--red);border-color:var(--red);animation:pulseb .6s steps(2) infinite}.act.done{opacity:.4;pointer-events:none}@keyframes pulseb{0%{opacity:1}50%{opacity:.35}}.winput{display:flex;align-items:center;border:1px solid var(--line);width:280px;max-width:42vw}.winput input{flex:1 1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:9px 12px}.winput input::placeholder{color:var(--ghost);letter-spacing:.02em}.winput .mini{border:none;border-left:1px solid var(--line);background:transparent;color:var(--dim);font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;padding:9px 11px;cursor:pointer;text-transform:uppercase;transition:color .2s,background .2s}.winput .mini:hover{color:var(--red)}.winput.ok{border-color:rgba(230,55,78,.4)}.cube{width:22px;height:22px;border:1px solid var(--line);position:relative;flex:none;transition:border-color .3s}.cube i{position:absolute;inset:3px;transform:scale(0);background:var(--ink);transition:transform .35s cubic-bezier(.2,1.4,.4,1),background .3s,box-shadow .3s}.step.done .cube{border-color:rgba(255,255,255,.3)}.step.done .cube i{transform:scale(1)}.step.lit .cube i{background:var(--red);box-shadow:0 0 12px var(--red-glow)}.step.scanning-row .cube{border-color:var(--red)}.foot{margin-top:30px}.submit{width:100%;font-family:var(--mono);cursor:not-allowed;background:transparent;color:var(--dim);border:1px solid var(--line);padding:18px;font-size:13px;letter-spacing:.4em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:14px;transition:all .3s}.submit .gl{width:11px;height:11px;border:1px solid}.submit.armed{cursor:pointer;color:#fff;border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset,0 0 30px rgba(230,55,78,.18);animation:arm 2.2s ease-in-out infinite}.submit.armed .gl{background:var(--red);border-color:var(--red);box-shadow:0 0 12px var(--red-glow)}.submit.armed:hover{background:rgba(230,55,78,.08)}.submit.sending{cursor:wait;animation:none;opacity:.7}@keyframes arm{0%,to{box-shadow:0 0 0 1px var(--red) inset,0 0 24px rgba(230,55,78,.12)}50%{box-shadow:0 0 0 1px var(--red) inset,0 0 46px rgba(230,55,78,.32)}}.err{margin-top:14px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}.done-state,.err{text-align:center}.done-state{padding:8px 0 4px;animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.done-state .grid{display:grid;grid-template-columns:repeat(9,1fr);grid-gap:5px;gap:5px;width:150px;margin:0 auto 22px}.done-state .grid span{aspect-ratio:1;background:var(--red);box-shadow:0 0 8px var(--red-glow);opacity:0;animation:pop .5s ease forwards}.done-state h3{margin:0 0 12px;font-size:15px;letter-spacing:.3em;text-transform:uppercase}.done-state .pos{font-size:11px;letter-spacing:.24em;color:var(--dim);margin-bottom:18px}.done-state .pos b{color:var(--red);font-weight:400}.done-state .tl{font-size:11px;line-height:1.7;color:#b6b6bb;max-width:360px;margin:0 auto;font-weight:300}@keyframes pop{to{opacity:1}}.botline{text-align:center;font-size:10px;letter-spacing:.3em;color:var(--ghost);padding-bottom:60px;text-transform:uppercase}.botline a{color:var(--dim)}.botline a:hover{color:var(--red)}@media (max-width:560px){.top{padding:14px 16px;font-size:9px;letter-spacing:.16em}.top .mark{gap:8px}.top .sig{gap:7px}.sig-label{display:none}.wrap{height:auto;min-height:100vh;min-height:100svh;overflow:visible;align-items:flex-start;padding:72px 14px 44px}.stage{gap:12px}.panel{padding:26px 16px 28px}.phead{flex-direction:column;align-items:flex-start;gap:8px}.step{grid-template-columns:22px 1fr;gap:6px 12px;padding:14px 0}.step .idx{grid-column:1;grid-row:1}.step .body{grid-column:2;grid-row:1}.step .ctrl{grid-column:1/-1;grid-row:2;gap:12px}.step .ctrl .act{flex:1 1}.step .ctrl .winput{flex:1 1;width:auto;max-width:none}.submit{padding:16px;font-size:11px;letter-spacing:.3em}}