:root{color-scheme:dark;--gold:#edb765;--purple:#a58aff;--muted:#aaa5ba}*{box-sizing:border-box}body{margin:0;background:#030306;color:#f2effa;font:15px/1.6 system-ui,sans-serif;isolation:isolate}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#27113d55,transparent 65%),#030306}.code{position:absolute;inset:0;display:flex;justify-content:space-around;overflow:hidden;font:14px/22px ui-monospace,Consolas,monospace;opacity:.65}.code span{flex:0 0 14px;white-space:pre;text-align:center;color:#47dc8b;text-shadow:0 0 9px #25d87877;animation:fall var(--duration) linear var(--delay) infinite;transform:translateY(-100%);background:linear-gradient(to bottom,transparent,#36c579 65%,#acffcf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.code span:nth-child(3n){opacity:.45}.code span:nth-child(4n){font-size:11px}.scan{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0009,transparent 75%)}main{width:min(100%,600px);min-height:100svh;margin:0 auto;padding:64px 24px;display:flex;flex-direction:column;justify-content:center}.brand{font:11px monospace;letter-spacing:4px;color:var(--gold);text-align:center}.brand:before{content:'●';margin-right:12px;color:#b797ff;text-shadow:0 0 12px #b797ff}h1{font-size:clamp(27px,5vw,38px);font-weight:650;letter-spacing:-1.2px;line-height:1.2;text-align:center;margin:18px 0 12px}main>p{max-width:400px;text-align:center;margin:0 auto 28px;color:var(--muted)}.card{background:linear-gradient(145deg,#14111beF,#08080eeF);border:1px solid #9f77e43d;border-radius:20px;padding:30px;margin:0 0 20px;box-shadow:0 20px 80px #0008,0 0 45px #9253ff08;backdrop-filter:blur(16px)}label{display:block;font-weight:600;font-size:13px;margin-bottom:10px;letter-spacing:.2px}input{width:100%;padding:14px 16px;background:#06060b;border:1px solid #353040;color:#f2effa;border-radius:10px;font:inherit;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#777183}input:focus-visible{outline:0;border-color:#a58aff;box-shadow:0 0 0 3px #a58aff22}input[type=file]{padding:16px;border-style:dashed}input::file-selector-button{border:1px solid #655479;border-radius:6px;background:#251b33;color:#ddcaff;padding:8px 12px;margin-right:12px;cursor:pointer}small{display:block;color:var(--muted);font-size:12px;margin:9px 0 26px}button{width:100%;background:linear-gradient(110deg,#b392f4,#dbc1ff 55%,#edb765);color:#170f23;border:0;border-radius:10px;padding:15px;font:inherit;font-weight:750;cursor:pointer;box-shadow:0 0 30px #a58aff22;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 0 35px #a58aff44}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:#cbb2ff}.success,.errors{padding:16px;border:1px solid #74d9ad55;background:#0b221c;border-radius:12px;overflow-wrap:anywhere;margin-bottom:20px}.errors{border-color:#f18b8b55;background:#2d1119;color:#ffb6bb}.library{background:#0c0b12df;padding:20px 24px}.library summary{cursor:pointer;font-size:14px;font-weight:600;color:#c5bad7}.library p{color:var(--muted);font-size:13px}.row{padding:18px 0;border-top:1px solid #a58aff22;display:flex;gap:16px;align-items:center;justify-content:space-between}.row:first-of-type{margin-top:16px}.details{min-width:0}.details strong,.details a{display:block;overflow-wrap:anywhere}.details a{font:11px/1.7 monospace;margin-top:6px}.download{text-decoration:none;white-space:nowrap;font-size:12px;padding:8px 12px;border:1px solid #a58aff55;border-radius:7px}.muted{color:var(--muted);font-size:12px}nav{font-size:12px;margin-top:12px}.footer{text-align:center;font:10px monospace;letter-spacing:2px;color:#746b83;margin-top:10px}@keyframes fall{to{transform:translateY(100vh)}}@media(max-width:600px){main{padding:32px 16px}.card{padding:24px}.row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.code{display:none}}
.scene{background:#000}.logo{display:block;align-self:center;width:132px;height:132px;object-fit:contain;border-radius:18px;margin:0 0 18px;box-shadow:0 0 32px #a58aff25}main{padding-top:32px;padding-bottom:32px}.code span:nth-child(2n){animation-duration:var(--duration);animation-delay:var(--delay)}@media(max-width:600px){.logo{width:108px;height:108px}.code span:nth-child(2n){display:none}}@media(prefers-reduced-motion:reduce){.code{display:flex;opacity:.2}.code span{transform:translateY(-15%);animation:none!important}}
#code-rain{display:block;width:100%;height:100%;opacity:.85}.scan{background:radial-gradient(ellipse at center,#0008 0%,#0003 65%,transparent 100%)}

.scene{z-index:0}main{position:relative;z-index:1}#code-rain{opacity:1}.scan{background:radial-gradient(ellipse at center,#0006,transparent 75%)}.animation-toggle{align-self:center;width:auto;background:#10151be6;color:#93e6b4;border:1px solid #358459;padding:7px 14px;font-size:11px;margin:0 0 6px;box-shadow:none}.animation-toggle:hover{box-shadow:0 0 15px #28da7033;transform:none}