:root{--ink:#eef0ff;--muted:#a9acd6;--neon:#7af7ff;--magenta:#ff5fd2;--lime:#b6ff6e;--gold:#ffe27a;--panel:#1610349e;--edge:#7af7ff47;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#07051a;background-image:radial-gradient(at 20% 0,#3b1468 0%,#0000 55%),radial-gradient(at 90% 100%,#0b3d5c 0%,#0000 50%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:system-ui,sans-serif;line-height:1.5}body{min-height:100vh;margin:0}.cosmos{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stars{animation:120s linear infinite drift;position:absolute;inset:-50% 0 0}.stars-far{opacity:.6;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 90px 140px,#cfd8ff,#0000),radial-gradient(1px 1px at 160px 60px,#fff,#0000),radial-gradient(1px 1px at 230px 190px,#ffd6f6,#0000);background-size:260px 220px}.stars-near{background-image:radial-gradient(2px 2px at 40px 80px,#fff,#0000),radial-gradient(2px 2px at 300px 20px,#7af7ff,#0000),radial-gradient(1.5px 1.5px at 180px 260px,#fff,#0000);background-size:420px 360px;animation-duration:70s}.shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#fff);width:140px;height:2px;animation:9s ease-in 3s infinite shoot;position:absolute;top:12%;left:-10%;transform:rotate(18deg)}.planet{opacity:.85;width:18rem;animation:14s ease-in-out infinite float;position:absolute;top:6%;right:-3rem}.abduction{width:15rem;position:absolute;bottom:2%;left:1rem}.ufo{animation:5s ease-in-out infinite hover}.beam{animation:2.5s ease-in-out infinite pulse}.ufo-light{fill:var(--lime);animation:1.2s steps(2,jump-none) infinite blink}.ufo-light-1{fill:var(--magenta);animation-delay:.4s}.ufo-light-2{fill:var(--gold);animation-delay:.8s}.tsuchinoko{transform-origin:118px 245px;animation:6s ease-in-out infinite abduct}.eye{filter:drop-shadow(0 0 18px #ffe27a73);width:11rem;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:4%;right:2rem}.eye-ray{stroke:var(--gold);stroke-width:2px;stroke-opacity:.35}.eye-iris{animation:7s ease-in-out infinite gaze}main{z-index:1;max-width:56rem;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}h1{letter-spacing:.04em;background:linear-gradient(90deg, var(--neon), var(--magenta), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.6rem,4vw,2.4rem)}h2{color:var(--neon);letter-spacing:.05em;margin-top:0}.tagline{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:.25rem 0 0;font-size:.9rem}.account{color:var(--muted);align-items:center;gap:.75rem;display:flex}.panel{border:1px solid var(--edge);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1rem;margin:0 0 1.25rem;padding:1.25rem 1.5rem;box-shadow:0 0 32px #7af7ff14,inset 0 0 24px #ff5fd20f}.hero{text-align:center;padding:2.5rem 1.5rem}.workspace{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}fieldset{border:0;margin:0 0 1.25rem;padding:0}legend{color:var(--gold);letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}fieldset label{cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.6rem;margin:0 0 .5rem;padding:.6rem .9rem;transition:border-color .2s,background .2s;display:flex}fieldset label:hover{border-color:var(--edge)}fieldset label:has(input:checked){border-color:var(--neon);background:#7af7ff1a;box-shadow:0 0 14px #7af7ff40}input[type=radio]{accent-color:var(--magenta)}input:not([type=radio]){border:1px solid var(--edge);color:var(--ink);font:inherit;background:#07051ab3;border-radius:.5rem;margin:0 .5rem;padding:.45rem .7rem}input:not([type=radio]):focus-visible{outline:2px solid var(--neon);outline-offset:2px}button{border:1px solid var(--edge);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1.1rem;transition:box-shadow .2s,transform .2s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 16px #7af7ff66}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}button.primary{background:linear-gradient(90deg, var(--magenta), #8a5cff);color:#fff;border-color:#0000;font-weight:600}[role=alert]{color:#ffb3c3;background:#ff4f7b1f;border:1px solid #ff6b8b;border-radius:.6rem;padding:.75rem 1rem}.status{color:var(--muted)}.valid{color:var(--lime)}.invalid{color:var(--gold)}.channels{border-collapse:collapse;width:100%;margin-bottom:1rem}.channels th,.channels td{border-bottom:1px solid var(--edge);text-align:left;padding:.5rem .6rem}.channels th{color:var(--gold);font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}code{color:var(--lime)}@keyframes drift{to{transform:translateY(50%)}}@keyframes float{50%{transform:translateY(-14px)rotate(-3deg)}}@keyframes hover{50%{transform:translate(6px,-8px)rotate(2deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes blink{50%{opacity:.2}}@keyframes abduct{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-28px)rotate(-8deg)}}@keyframes gaze{0%,to{transform:translate(0)}30%{transform:translate(-6px)}70%{transform:translate(6px)}}@keyframes shoot{0%{opacity:0;transform:translate(0)rotate(18deg)}5%{opacity:1}20%,to{opacity:0;transform:translate(130vw)rotate(18deg)}}@media (width<=720px){.planet{width:10rem}.abduction,.eye{opacity:.35}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
