:root{color-scheme:dark;--bg:#080a12;--ink:#f1edf9;--muted:#aaa6bd;--accent:#c5afff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100svh;overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#44306120,transparent 58%),radial-gradient(ellipse at 0 0,#24254425,transparent 45%);z-index:-1}header{max-width:1600px;margin:auto;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink);font-size:13px;letter-spacing:2.2px;font-weight:600}.brandmark{border:1px solid #9e91bb;border-radius:50%;font-family:Georgia,serif;font-size:24px;width:34px;height:34px;display:grid;place-items:center;letter-spacing:0;line-height:1}.edition{font-size:11px;letter-spacing:2px;color:#9390a4}main{text-align:center;padding:34px 20px 24px;max-width:1000px;margin:auto}.eyebrow{font-size:12px;letter-spacing:3.2px;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:20px}.eyebrow span{font-size:20px}h1{font:normal clamp(48px,6vw,76px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-2.5px;margin:12px 0 16px}h1 em{color:#c7b6f1;font-weight:normal}.intro{color:var(--muted);font-size:15px;line-height:1.8;margin:0}.stage{width:min(100%,680px);height:355px;margin:2px auto 4px;position:relative;display:grid;place-items:center}.ball{display:block;position:relative;background:transparent;border:0;padding:0;width:360px;height:360px;max-width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;isolation:isolate;animation:float 6s ease-in-out infinite}.ball img{width:100%;height:100%;object-fit:contain;display:block;mask-image:radial-gradient(circle,black 64%,transparent 72%)}.window{position:absolute;left:50%;top:48%;width:36%;height:36%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center}.eight{font:normal 77px/1 Georgia,serif;color:#e9e9fa;text-shadow:0 0 18px #9983e788;transition:opacity .3s,filter .3s}.answer{position:absolute;display:grid;place-items:center;padding:8px 13px;font-size:15px;line-height:1.3;font-weight:650;letter-spacing:1px;text-transform:uppercase;opacity:0;filter:blur(9px);transform:scale(.6) translateY(16px);transition:opacity 1.3s,filter 1.3s,transform 1.3s;color:#e5e8ff;text-shadow:0 0 10px #a2aaff}.revealed .answer{opacity:1;filter:blur(0);transform:scale(1) translateY(0)}.revealed .eight,.shaking .eight{opacity:0;filter:blur(7px)}.shaking{animation:shake .48s ease-in-out infinite}.shaking .answer{transition:opacity .2s,filter .2s;opacity:0;filter:blur(10px)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #a996d61c;border-radius:50%;pointer-events:none}.orbit-one{width:460px;height:270px;transform:translate(-50%,-50%) rotate(-23deg)}.orbit-two{width:470px;height:290px;transform:translate(-50%,-50%) rotate(23deg);border-style:dashed;border-color:#a996d611}.star{position:absolute;color:#aa94ce}.star-one{left:14%;top:28%;font-size:27px}.star-two{right:16%;bottom:24%;font-size:16px}.star-three{right:25%;top:10%;font-size:18px}.side-note{position:absolute;top:48%;font-size:10px;letter-spacing:2px;color:#837b99;writing-mode:vertical-rl}.left-note{left:7%;transform:rotate(180deg)}.right-note{right:7%}form{width:min(100%,440px);margin:auto;text-align:left}label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.8px;color:#c1b9d3;margin-bottom:10px}label span{font-size:10px;color:#91879f}.input-wrap{position:relative}input{width:100%;background:#ffffff03;color:var(--ink);border:1px solid #b8a4d832;border-radius:8px;padding:15px 42px 15px 16px;font:inherit;font-size:14px;outline:none}input::placeholder{color:#827b91}.input-wrap>span{position:absolute;right:16px;top:12px;color:#9384ae;font-size:22px}.shake-button{margin-top:13px;width:100%;border:1px solid #d4c1ff80;border-radius:8px;background:linear-gradient(110deg,#baa3ed,#ded1f9 48%,#bda4e9);color:#20132f;padding:14px 20px;font:600 15px/1.4 system-ui;letter-spacing:.3px;cursor:pointer;box-shadow:0 4px 24px #9970d31b;display:flex;align-items:center;justify-content:center;gap:12px;transition:filter .2s,transform .2s}.shake-button:hover{filter:brightness(1.1);transform:translateY(-1px)}button:disabled{cursor:wait}.shake-button:disabled{filter:saturate(.4);opacity:.7}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #dfceff;outline-offset:5px}.status{color:#9e94ad;font-size:13px;min-height:21px;margin:16px 0 0}footer{max-width:1480px;margin:0 auto;padding:22px 4%;display:flex;gap:18px;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0c;font-size:12px;color:#8c839c}footer>span:first-child,footer>span:last-child{font-size:10px;letter-spacing:1.7px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shake{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-12px,6px) rotate(-9deg)}40%{transform:translate(10px,-8px) rotate(8deg)}60%{transform:translate(-9px,-2px) rotate(-6deg)}80%{transform:translate(8px,6px) rotate(6deg)}}@media(min-height:920px){main{padding-top:48px;padding-bottom:40px}.stage{height:390px;margin:8px auto}.ball{width:400px;height:400px}}@media(max-width:600px){header{padding:20px}.edition{display:none}main{padding:25px 22px 26px}h1{margin-top:10px;letter-spacing:-1.5px}.intro{font-size:14px}.stage{height:310px}.ball{width:320px;height:320px}.orbit-one,.orbit-two{width:97%;height:210px}.side-note{display:none}.star-one{left:1%}.star-two{right:1%}.star-three{right:10%}.answer{font-size:13px}.eight{font-size:65px}footer{justify-content:center;text-align:center;padding:20px}footer>span:first-child,footer>span:last-child{display:none}input{font-size:16px}label{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.shaking{opacity:.65}}