html{height:100%;background:#000;color-scheme:dark;overscroll-behavior:none}html[data-appearance=torm3nt]{background:#000}html[data-appearance=rememb3r]{background:#100918}*{box-sizing:border-box}body{margin:0;position:fixed;inset:0;overflow:hidden;touch-action:manipulation;background:#000;color:#eef6ff;font:18px system-ui;display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{transition:color .4s ease}html{transition:background-color .4s ease}body::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,#29123e,#100918 65%,#100918);opacity:1;transition:opacity .4s ease;pointer-events:none}body[data-appearance=torm3nt]::before{opacity:0}body[data-appearance=rememb3r]{color:#e6bcfa}#skin{position:relative;width:140px;height:140px}#skin img{position:absolute;inset:0;transition:opacity .4s ease}#logo{opacity:0}.logo-rememb3r{opacity:1}body[data-appearance=torm3nt] #logo{opacity:1}body[data-appearance=torm3nt] .logo-rememb3r{opacity:0}main{position:relative;z-index:1;text-align:center;padding:24px}#skin{background:none;border:0;padding:0;cursor:pointer;border-radius:28px;touch-action:manipulation}#skin:focus-visible{outline:2px solid #73e3ee;outline-offset:8px}img{width:140px;height:140px;border-radius:28px}h1{letter-spacing:.18em}a{display:inline-block;background:#5865f2;color:white;text-decoration:none;padding:16px 25px;border-radius:14px;font-weight:600;touch-action:manipulation}p{color:#9ca9bc;font-size:14px}#sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .4s ease}body[data-appearance=torm3nt] #sky{opacity:1}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 5px #ffffff70;animation:twinkle 5s ease-in-out infinite}.shooting{position:absolute;width:110px;height:1px;background:linear-gradient(90deg,transparent,#fff);opacity:0;animation:shoot 9s linear infinite}@keyframes twinkle{0%,100%{opacity:.12}50%{opacity:.85}}@keyframes shoot{0%,78%{opacity:0;transform:translate(-140px,-80px) rotate(30deg)}80%{opacity:.8}94%,100%{opacity:0;transform:translate(420px,240px) rotate(30deg)}}@media(prefers-reduced-motion:reduce){html,body,body::before,#sky,#skin img{transition:none}.star{animation:none;opacity:.45}.shooting{display:none}}