:root{--bg: #12101f;--gold: #e8b64c;--gold-dim: #b98f36;--lilac: #a89ae0;--text: #efeaf8;--muted: #a49cc0;--line: #353055;--card: #1a1730;--card-2: #211d3b;--font-display: Georgia, "Times New Roman", serif;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--fs-display: 32px;--fs-h2: 22px;--fs-h3: 15px;--fs-body: 14px;--fs-caption: 12px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-pill: 999px;--border-hairline: 1px solid var(--line);--border-card: 1px solid var(--gold-dim);--dur-flip: .3s;--ease-flip: ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:1.6;min-height:100vh;padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom))}.display{font-family:var(--font-display);font-size:var(--fs-display);font-weight:600;letter-spacing:.5px;color:var(--gold)}h1{font-family:var(--font-display);font-size:var(--fs-display);font-weight:600;letter-spacing:.5px;color:var(--gold);margin-bottom:var(--sp-2)}h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:600;color:var(--gold);margin:var(--sp-8) 0 var(--sp-3);padding-bottom:var(--sp-2);border-bottom:var(--border-hairline)}h3{font-size:var(--fs-h3);font-weight:600;color:var(--lilac);margin:var(--sp-6) 0 var(--sp-2);letter-spacing:.3px}p{font-size:var(--fs-body);color:var(--muted);margin-bottom:var(--sp-3)}p strong,li strong{color:var(--text)}.lead{font-size:15px;color:var(--muted);max-width:70ch;margin-bottom:var(--sp-2)}.caption{font-size:var(--fs-caption);color:var(--muted);letter-spacing:.5px}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-size:var(--fs-body);color:var(--text);margin-bottom:var(--sp-2);font-weight:500}.form-input,.form-select{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);background:var(--card);border:var(--border-hairline);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);transition:border-color .15s ease-out,box-shadow .15s ease-out}.form-input:focus,.form-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e8b64c26}.form-input::placeholder{color:var(--muted);opacity:.7}.form-input.error,.form-select.error{border-color:#c08080;box-shadow:0 0 0 3px #c0808026}.form-error{display:block;margin-top:var(--sp-1);font-size:var(--fs-caption);color:#c08080}.form-error[hidden]{display:none}.form-hint{display:block;margin-top:var(--sp-1);font-size:var(--fs-caption);color:var(--muted)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;cursor:pointer}.checkbox-input{width:20px;height:20px;accent-color:var(--gold);flex-shrink:0}.checkbox-label{font-size:var(--fs-body);color:var(--text);cursor:pointer}.btn-primary{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-4);background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);color:#12101f;border:none;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e8b64c47}.btn-primary:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{min-height:44px;padding:var(--sp-2) var(--sp-4);background:transparent;color:var(--gold);border:1px solid var(--gold-dim);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.btn-secondary:hover{background:#e8b64c1a}.btn-secondary:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.btn-link{background:none;border:none;color:var(--gold);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:var(--sp-1) 0;min-height:44px}.btn-link:focus-visible{outline:2px solid var(--lilac);outline-offset:2px;border-radius:var(--radius-sm)}.card{background:var(--card);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--sp-6)}.card-elevated{background:var(--card);border:var(--border-card);border-radius:var(--radius-lg);box-shadow:0 18px 50px #0000008c}.flip-scene{perspective:1000px;width:100%;margin-top:var(--sp-4)}.flip-card{position:relative;width:100%;height:210px;transform-style:preserve-3d;transition:transform var(--dur-flip) var(--ease-flip);cursor:pointer;border-radius:var(--radius-lg)}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6);gap:var(--sp-2)}.flip-front{background:radial-gradient(120% 90% at 50% 0%,#e8b64c29,#e8b64c00 55%),linear-gradient(160deg,#241f42,#1a1730);border:1px solid var(--gold-dim)}.flip-back{background:radial-gradient(120% 90% at 50% 100%,#a89ae02e,#a89ae000 55%),linear-gradient(200deg,#262047,#1a1730);border:1px solid var(--lilac);transform:rotateY(180deg)}.card-glyph{font-size:44px;line-height:1}.card-title{font-family:var(--font-display);font-size:19px;color:var(--gold);font-weight:600;margin:0}.card-sub{font-size:var(--fs-caption);color:var(--muted);margin:0}.action-title{font-family:var(--font-display);font-size:17px;color:var(--lilac);font-weight:600;margin:0}.streak-badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:#e8b64c1a;border:1px solid rgba(232,182,76,.35);color:var(--gold);border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3);font-size:13px;font-weight:600}.flame{font-size:15px}.card-label{margin-top:var(--sp-6);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.energy-copy{font-family:var(--font-display);font-size:16px;color:var(--text);margin-top:var(--sp-2);line-height:1.5}.hint{margin-top:var(--sp-3);font-size:var(--fs-caption);color:var(--muted);text-align:center}.es-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin:var(--sp-6) 0}.es-card{background:var(--card);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--sp-6) var(--sp-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);animation:esFadeIn .5s ease-out both}.es-icon{width:64px;height:64px;border-radius:50%;border:var(--border-hairline);background:radial-gradient(circle at 50% 35%,#e8b64c24,#12101f00 70%);display:flex;align-items:center;justify-content:center;font-size:26px;animation:esGlow 2.8s ease-in-out infinite}.es-title{font-family:var(--font-display);font-size:16px;color:var(--text);margin:0}.es-desc{font-size:var(--fs-caption);color:var(--muted);max-width:24ch;margin:0}.es-btn{background:transparent;color:var(--gold);border:1px solid var(--gold-dim);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-4);font-size:13px;font-weight:600;cursor:pointer;min-height:44px;min-width:44px;transition:background-color .15s ease-out,color .15s ease-out}.es-btn.solid{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);color:#12101f;border:none}.es-btn:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}@keyframes esFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes esGlow{0%,to{box-shadow:0 0 #e8b64c00}50%{box-shadow:0 0 22px 4px #e8b64c47}}.es-card:nth-child(2) .es-icon{animation-delay:.7s}.es-card:nth-child(3) .es-icon{animation-delay:1.4s}.below-fold{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:var(--border-hairline)}.below-fold-section{margin-bottom:var(--sp-6)}.below-fold-title{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--lilac);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2)}.below-fold-content{background:var(--card-2);border:var(--border-hairline);border-radius:var(--radius-md);padding:var(--sp-4);font-size:var(--fs-body);color:var(--text);line-height:1.7}.moon-info{font-size:var(--fs-body);color:var(--muted);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:var(--border-hairline)}.moon-info strong{color:var(--lilac)}.disclaimer{margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:var(--border-hairline);font-size:var(--fs-caption);color:var(--muted);text-align:center}@media(prefers-reduced-motion:reduce){.flip-card{transition:none}.flip-card.flipped,.flip-check:checked+.flip-scene .flip-card{transform:none}.flip-back{transform:none}.flip-check:checked+.flip-scene .flip-front{display:none}.es-card,.es-card .es-icon{animation:none}.btn-primary,.btn-secondary,.es-btn{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:980px;margin:0 auto;padding:var(--sp-6) var(--sp-4)}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}:focus:not(:focus-visible){outline:none}.top-nav{padding:var(--sp-4) var(--sp-5)}.top-nav a{color:var(--gold);text-decoration:none;font-family:var(--font-ui);font-size:14px}.wrap{max-width:420px;margin:0 auto;padding:var(--sp-6) var(--sp-5) 64px}.display{font-family:var(--font-display);font-size:32px;color:var(--gold);text-align:center;margin-bottom:var(--sp-2)}.sub{color:var(--muted);text-align:center;font-style:italic;margin-bottom:var(--sp-6);font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--sp-6)}.form-group{margin-bottom:var(--sp-5)}.form-label{display:block;font-family:var(--font-ui);font-size:14px;color:var(--lilac);margin-bottom:var(--sp-2)}.req{color:var(--gold)}.form-input{width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:var(--font-ui);font-size:15px}.form-input:focus{outline:none;border-color:var(--gold-dim)}.checkbox-row{display:flex;align-items:center;gap:var(--sp-2);min-height:44px}.checkbox-row input{width:18px;height:18px;accent-color:var(--gold)}.checkbox-row label{font-family:var(--font-ui);font-size:14px;color:var(--text)}#jam-group{margin-top:var(--sp-3)}.hint{font-family:var(--font-ui);font-size:12.5px;color:var(--muted);margin-top:var(--sp-2)}.form-error{font-family:var(--font-ui);font-size:12.5px;color:var(--red, #eb8a8a);margin-top:var(--sp-1)}.btn-primary{width:100%;min-height:48px;margin-top:var(--sp-4);background:var(--gold);color:#1a1430;border:none;border-radius:999px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#f3c968}.footer-note{font-family:var(--font-ui);font-size:12px;color:var(--muted);text-align:center;margin-top:var(--sp-5);line-height:1.6}