:root{color-scheme:dark;--bg:#211c35;--ink:#f7efdf;--gold:#e8c985;--lavender:#c9b7f0;--muted:#bbb0cb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 35%,#3b2c55 0,transparent 65%),var(--bg);font-family:Arial,Helvetica,sans-serif;min-height:100vh}header{margin:0 5%;padding:24px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff20;font-size:12px}header a{color:var(--ink);text-decoration:none}header a:hover{text-decoration:underline}header>span{font:9px monospace;letter-spacing:1.4px;color:var(--muted)}main{max-width:900px;margin:auto;padding:40px 24px 0;text-align:center}.eyebrow{font:9px monospace;letter-spacing:2px;color:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(36px,5.6vw,57px);line-height:1.13;font-weight:400;letter-spacing:-1.9px;margin:22px 0 16px}h1 em{color:var(--lavender)}.intro{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.orbit{position:relative;width:300px;height:130px;margin:8px auto 0}.orbit:before{content:'';position:absolute;inset:21px 54px 19px;border:1px solid #e8c98555;border-radius:50%;transform:rotate(-17deg)}.moon{font-family:Georgia,serif;font-size:82px;line-height:105px;color:var(--gold);transform:rotate(-18deg)}.star{position:absolute;color:var(--gold)}.s1{top:15px;left:66px;font-size:26px}.s2{top:61px;right:45px;font-size:19px}.s3{top:12px;right:74px;font-size:16px}.orbit-label{position:absolute;bottom:5px;left:0;right:0;font:7px monospace;letter-spacing:1.4px;color:var(--muted)}.card{max-width:550px;margin:15px auto 0;border:1px solid #c9b7f04d;border-radius:14px;background:#29223e;box-shadow:0 18px 55px #0b061c33;overflow:hidden}.card-header{display:flex;justify-content:space-between;gap:12px;padding:17px 25px;border-bottom:1px solid #c9b7f030;font:9px monospace;letter-spacing:1.3px;color:var(--lavender)}.screen{padding:29px 32px 30px;min-height:292px}.kicker{font:8px monospace;letter-spacing:1.9px;color:var(--gold)}h2{font:400 29px/1.25 Georgia,serif;letter-spacing:-.5px;margin:14px 0 12px}h2:focus{outline:none}.muted{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.date-fields{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;text-align:left;margin-top:25px}label{font:9px monospace;letter-spacing:1.4px;color:var(--lavender)}select{display:block;width:100%;margin-top:9px;background:#352c4b;color:var(--ink);border:1px solid #c9b7f04d;border-radius:6px;padding:13px 12px;font:14px Arial,sans-serif;cursor:pointer}select:disabled{opacity:.5;cursor:default}button{cursor:pointer;font:600 13px Arial,sans-serif;border-radius:6px;transition:background .15s,transform .15s}.primary{width:100%;padding:15px 20px;color:#2c233f;background:var(--lavender);border:1px solid var(--lavender);display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#ddcef8;transform:translateY(-1px)}.primary span{font-size:21px;line-height:15px}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#error{font-size:12px;color:#ffbdb5;min-height:0;margin:12px 0}#error:empty{margin:17px 0 0}#birthday-form>.primary{margin-top:17px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.answers button{background:#352c4b;color:var(--ink);border:1px solid #c9b7f05c;padding:17px;text-align:left;display:flex;justify-content:space-between}.answers button span{color:var(--gold)}.answers button:hover:not(:disabled),.answers button.selected{background:#57436f;border-color:var(--lavender)}.answers button:disabled{cursor:default}.reaction{height:20px;margin:20px 0 0;color:var(--gold);font:italic 17px Georgia,serif}.loading{padding-top:32px}.spinner{font-size:55px;color:var(--gold);margin:17px auto;animation:orbit 3s linear infinite;width:65px}.loading p{font-size:13px}.loading .muted{font-size:11px}.result #sign-symbol{font-size:35px;color:var(--gold);margin:17px 0 0}.result h2{font-size:36px;margin-top:7px}.fortune{font:21px/1.55 Georgia,serif;color:var(--ink);margin:19px auto 22px;max-width:410px}.cosmic-rule{color:var(--gold);display:flex;align-items:center;gap:16px;margin-bottom:25px}.cosmic-rule:before,.cosmic-rule:after{content:'';height:1px;background:#c9b7f030;flex:1}.privacy{font-size:10px;line-height:1.7;color:var(--muted);max-width:460px;margin:22px auto}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:32px;padding:21px 0 24px;gap:20px;font:8px/1.6 monospace;letter-spacing:.7px;color:#b1a4c3}[hidden]{display:none!important}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:540px){header{padding:20px 0}header>span{display:none}main{padding:31px 18px 0}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:38px}.intro{font-size:12px;max-width:285px;margin:auto}.orbit{height:120px}.screen{padding:27px 22px;min-height:292px}.card-header{padding:16px 20px;font-size:8px}h2{font-size:27px}.date-fields{gap:10px}footer{text-align:left;font-size:7px}footer>span{max-width:50%}.fortune{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}