:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#160b0a;--panel:#24100e;--panel-strong:#35120f;--paper:#fff5df;--muted:#d9bea0;--gold:#d5a641;--gold-soft:#f0d686;--red:#b92f25;--red-deep:#641a16;--line:#f0d68638}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(135deg, #b92f2538, transparent 32%), radial-gradient(circle at 50% 0%, #d5a64129, transparent 34%), var(--ink);color:var(--paper);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{flex-direction:column;width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:18px;display:flex}.topbar{color:var(--gold-soft);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:16px;padding:10px 0 18px;font-size:.78rem;font-weight:800;display:flex}.hero-screen,.panel-screen,.result-screen{flex-direction:column;flex:1;justify-content:center;gap:24px;display:flex}.result-screen{padding-bottom:104px}.hero-copy{gap:18px;padding:12vh 0 2vh;display:grid}.hero-screen{background-image:linear-gradient(180deg, #160b0a1a 0%, #160b0a80 48%, var(--ink) 86%), url(/images/hero.png);background-position:50% 18%,50% 18%;background-repeat:no-repeat;background-size:cover,cover;border-radius:16px;justify-content:flex-end;position:relative;overflow:hidden}.hero-screen .hero-copy{text-shadow:0 2px 18px #000c;padding:0 16px 6px}.type-emblem{object-fit:cover;border:1px solid var(--line);border-radius:50%;width:92px;height:92px;box-shadow:0 0 28px #d5a64159}.date-trio{grid-template-columns:1fr 1fr 1.3fr;gap:10px;display:grid}.date-input:focus-visible,.select-input:focus-visible{border-color:var(--gold-soft);outline:none;box-shadow:0 0 0 2px #f0d68640}.date-input option,.select-input option{color:var(--paper);background-color:#1d100e}.eyebrow{color:var(--gold-soft);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}h1,h2,p{margin:0}h1{max-width:10ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,13vw,6.8rem);line-height:.9}h2{color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:1.75rem;line-height:1.05}.hero-copy p:not(.eyebrow),.muted-copy{color:var(--muted);font-size:1.1rem;line-height:1.65}.primary-action{background:linear-gradient(135deg, var(--gold), var(--gold-soft));color:#241004;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:56px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 18px 45px #00000047}.step-header{color:var(--gold-soft);align-items:center;gap:12px;font-weight:800;display:flex}.step-header span{border:1px solid var(--line);background:#fff5df0f;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.step-header p{color:var(--muted)}.field-label{color:var(--muted);gap:10px;font-size:.9rem;font-weight:800;display:grid}.date-input,.select-input{border:1px solid var(--line);width:100%;min-height:56px;color:var(--paper);background:#fff5df14;border-radius:8px;padding:0 16px}.toggle-row{color:var(--paper);align-items:center;gap:10px;font-weight:700;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--gold)}.option-grid,.answer-stack{gap:12px;display:grid}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice,.answer-button,.share-row button{border:1px solid var(--line);min-height:58px;color:var(--paper);background:#fff5df12;border-radius:8px;font-weight:800}.choice.active,.choice:focus-visible,.answer-button:focus-visible,.share-row button:focus-visible{border-color:var(--gold-soft);outline-offset:2px;outline:2px solid #f0d68647}.progress-bar{background:#fff5df1a;border-radius:999px;height:8px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--gold));height:100%;display:block}.score-band{border-bottom:1px solid var(--line);color:var(--gold-soft);text-transform:uppercase;justify-content:space-between;gap:16px;padding:14px 0;font-weight:900;display:flex}.result-hero{text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 0,#d5a64133,#0000 62%),linear-gradient(135deg,#b92f2533,#24100e73);border-radius:16px;justify-items:center;gap:16px;padding:32px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.result-hero:before{content:attr(data-symbol);color:var(--gold);opacity:.06;pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:17rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-hero>*{z-index:1;position:relative}.result-hero h1{max-width:14ch;font-size:clamp(3rem,11vw,5.8rem)}.result-hero p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.6}.result-section{border:1px solid var(--line);background:linear-gradient(#fff5df0d,#fff5df04);border-radius:14px;gap:12px;padding:22px;display:grid}.result-section p{color:var(--muted);font-size:1.1rem;line-height:1.65}.momentum-heading{text-transform:capitalize}.accent-section{border:1px solid var(--line);background:linear-gradient(135deg,#b92f253d,#d5a6411a);border-radius:8px;margin:4px 0;padding:20px}.share-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.text-link{color:var(--gold-soft);text-align:center;font-weight:900;text-decoration:none}.score-ring{border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative;box-shadow:0 0 34px #d5a6414d}.score-ring-inner{background:var(--ink);border-radius:50%;place-items:center;width:104px;height:104px;line-height:1;display:grid}.score-num{color:var(--paper);font-family:Georgia,Times New Roman,serif;font-size:2.7rem}.score-max{color:var(--muted);font-size:.78rem}.band-pill{border:1px solid var(--gold);color:var(--gold-soft);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 16px;font-size:.78rem;font-weight:900}.score-split{color:var(--muted);letter-spacing:.02em;font-size:.9rem;font-weight:700}.pill-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.standing-pill{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;border-radius:999px;padding:6px 16px;font-size:.78rem;font-weight:800}.redo-link{background:0 0;border:0}.animal-section{grid-template-columns:auto 1fr;align-items:center;gap:16px}.animal-emblem-img{object-fit:contain;flex:none;width:104px;height:104px}.animal-text{gap:10px;display:grid}.flourish{color:var(--gold-soft);align-items:center;gap:14px;font-size:.7rem;display:flex}.flourish:before,.flourish:after{content:"";background:linear-gradient(90deg,#0000,#f0d68680,#0000);flex:1;height:1px}.event-cta{background:linear-gradient(135deg, var(--gold), var(--gold-soft));color:#241004;border:0;border-radius:10px;justify-items:center;gap:4px;width:100%;min-height:62px;padding:12px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 18px 45px #d5a64152}.event-cta .detail{color:#241004c7;text-transform:none;letter-spacing:0;font-size:.76rem;font-weight:800}.secondary-action{border:1px solid var(--gold);width:100%;min-height:56px;color:var(--gold-soft);background:0 0;border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.cta-bar{z-index:50;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #160b0a00 0%, #160b0ae6 36%, var(--ink) 100%);pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.cta-bar-button{pointer-events:auto;background:linear-gradient(135deg, var(--gold), var(--gold-soft));color:#241004;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:min(100%,640px);min-height:56px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 -4px 26px #00000073,0 0 30px #d5a64140}.cta-bar-detail{color:#241004bf;font-size:.78rem;font-weight:800}.email-form{gap:16px;display:grid}.value-add-form{border:1px solid var(--line);background:#fff5df0d;border-radius:8px;padding:20px}.full-action-set{gap:18px}.area-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.area-action{border:1px solid var(--line);background:#fff5df0d;border-radius:12px;gap:8px;padding:16px 18px;transition:border-color .15s,transform .15s;display:grid}.area-action:hover{border-color:#d5a64166;transform:translateY(-1px)}.area-action p{color:var(--muted);font-size:1rem;line-height:1.55}.selected-area{background:linear-gradient(135deg,#b92f2547,#d5a6411f);border-color:#d5a64180}.area-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.area-heading h3{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.74rem;font-weight:800}.area-heading span{background:linear-gradient(135deg, var(--gold), var(--gold-soft));color:#241004;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:4px 10px;font-size:.6rem;font-weight:900}.error-copy{color:#ffafa8;line-height:1.5}.success-copy{color:var(--gold-soft);line-height:1.5}@media (min-width:720px){.app-shell{padding:28px}.panel-screen,.result-screen{width:min(100%,640px);margin:0 auto}.hero-copy{padding-top:8vh}}