:root{--sky-top:#8fd0ea;--sky-bottom:#ddf3f5;--rain-top:#8e959b;--rain-bottom:#c6cbce;--sea-back:#5fb2d9;--sea-mid:#2a7fba;--sea-front:#1c5f8f;--sun:#f7c548;--surface:#fcfefee6;--surface-solid:#fcfefe;--ink:#163a52;--muted:#4a687b;--line:#b9d6e2;--option-hover:#e4f4f8;--accent:#2a7fba;--accent-ink:#fff;--garden:#4e8a4b;--p:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky-top:#0e2740;--sky-bottom:#1e4d6c;--rain-top:#1e2226;--rain-bottom:#343a40;--sea-back:#1f6a96;--sea-mid:#145281;--sea-front:#0b3a5e;--sun:#f2e2a6;--surface:#0e2436e0;--surface-solid:#0e2436;--ink:#e5f3f8;--muted:#a2c0cf;--line:#2c5470;--option-hover:#173a55;--accent:#5fb2d9;--accent-ink:#08243a;--garden:#8cc287;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--sky-top:#0e2740;--sky-bottom:#1e4d6c;--rain-top:#1e2226;--rain-bottom:#343a40;--sea-back:#1f6a96;--sea-mid:#145281;--sea-front:#0b3a5e;--sun:#f2e2a6;--surface:#0e2436e0;--surface-solid:#0e2436;--ink:#e5f3f8;--muted:#a2c0cf;--line:#2c5470;--option-hover:#173a55;--accent:#5fb2d9;--accent-ink:#08243a;--garden:#8cc287;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body{min-height:100%;margin:0}body{background:var(--sky-bottom);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-size:1.0625rem;line-height:1.55}.scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky{background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom) 70%);position:absolute;inset:0}.gloom{background:linear-gradient(180deg, var(--rain-top), var(--rain-bottom) 75%);opacity:calc(1 - var(--p));transition:opacity 1.4s;position:absolute;inset:0}.sun{aspect-ratio:1;background:var(--sun);width:clamp(70px,16vw,130px);box-shadow:0 0 60px 20px color-mix(in srgb, var(--sun) 45%, transparent);opacity:var(--p);transform:translateY(calc((1 - var(--p)) * 120px));border-radius:50%;transition:opacity 1.4s,transform 1.4s;position:absolute;top:9%;right:12%}.rain{opacity:calc(1 - var(--p) * 1.3);transition:opacity 1.4s;position:absolute;inset:0}.drop{background:linear-gradient(#0000,#ffffffbf);width:1.5px;height:18px;animation:linear infinite fall;position:absolute;top:-10%}@keyframes fall{to{transform:translateY(115vh)}}.sea{height:36vh;min-height:190px;position:absolute;bottom:0;left:0;right:0}.wave-layer{transform-origin:bottom;transform:scaleY(calc(1.18 - var(--p) * .2));transition:transform 1.4s;position:absolute;inset:0}.wave-bob{animation:ease-in-out infinite alternate bob;position:absolute;inset:-12px 0 0}.wave-roll{width:calc(2*max(100vw,1100px));height:100%;animation:linear infinite roll;position:absolute;bottom:0;left:0}.wave-roll.reverse{animation-direction:reverse}@keyframes roll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(12px)}}.wave-body{transition:fill 1.4s}.wave-crest{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;opacity:.35}.wave-far .wave-body{fill:color-mix(in srgb, color-mix(in srgb, var(--sea-back) 60%, var(--sky-bottom)) calc(40% + var(--p) * 60%), var(--rain-bottom))}.wave-far .wave-crest{opacity:.25}.wave-back .wave-body{fill:color-mix(in srgb, var(--sea-back) calc(40% + var(--p) * 60%), var(--rain-bottom))}.wave-mid .wave-body{fill:color-mix(in srgb, var(--sea-mid) calc(40% + var(--p) * 60%), var(--rain-top))}.wave-front .wave-body{fill:color-mix(in srgb, var(--sea-front) calc(40% + var(--p) * 60%), var(--rain-top))}.wave-front .wave-crest{opacity:.45;stroke-width:3px}@media (prefers-reduced-motion:reduce){.drop,.wave-roll,.wave-bob{animation:none}.rain{display:none}.gloom,.sun,.wave-layer,.wave-body,.card{transition:none!important}}main{z-index:1;min-height:100%;padding:calc(clamp(1.25rem, 6vh, 4rem) + env(safe-area-inset-top,0px)) 1rem calc(clamp(1.25rem, 6vh, 4rem) + env(safe-area-inset-bottom,0px));justify-content:center;align-items:flex-start;display:flex;position:relative}.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);border-radius:28px 28px 28px 8px;width:100%;max-width:34rem;padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 18px 50px -20px #0a284673}.card.enter{animation:.45s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}h1,h2{letter-spacing:-.01em;margin:0 0 .75rem;font-family:Young Serif,Georgia,Times New Roman,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2rem,7.5vw,2.9rem)}h2{font-size:clamp(1.45rem,5.2vw,1.85rem)}p{max-width:62ch;margin:0 0 1rem}.lede{color:var(--muted);font-size:1.1rem}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem;font-size:.85rem;font-weight:700}.book{color:var(--garden);margin-bottom:1.25rem;font-family:Young Serif,Georgia,serif;font-size:1.1rem}.book cite{font-style:italic}.steps{color:var(--muted);margin:0 0 .5rem;padding-left:1.4rem}.steps li{margin-bottom:.45rem;padding-left:.2rem}.steps li::marker{color:var(--accent);font-weight:700}.steps strong{color:var(--ink)}.tide{color:var(--muted);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.92rem;font-weight:600;display:flex}.tide-track{background:var(--line);border-radius:99px;flex:1;height:6px;overflow:hidden}.tide-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .5s}.options{gap:.65rem;margin-top:1.25rem;display:grid}.option{font:inherit;color:inherit;text-align:left;border:2px solid var(--line);cursor:pointer;background:0 0;border-radius:16px;padding:.9rem 1.1rem;transition:background .15s,border-color .15s,transform .15s}.option:hover{background:var(--option-hover);border-color:var(--accent)}.option:active{transform:scale(.99)}.option.picked{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:99px;padding:.85rem 1.6rem;font-weight:700}.btn.ghost{color:var(--accent);background:0 0;padding-left:0;padding-right:0}.row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.back{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:1.25rem;padding:0;font-size:.92rem;text-decoration:underline}button:focus-visible{outline:3px solid var(--sun);outline-offset:3px}[tabindex="-1"]:focus{outline:none}.result-name{margin-bottom:.35rem;font-size:clamp(2.3rem,9vw,3.3rem)}.tagline{color:var(--garden);margin-bottom:1.25rem;font-family:Young Serif,Georgia,serif;font-size:1.15rem}.also{border-top:2px dashed var(--line);color:var(--muted);margin-top:1.5rem;padding-top:1rem;font-size:.98rem}.also strong{color:var(--ink)}.name-link{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.peek-label{color:var(--muted);margin-bottom:.5rem;font-size:.92rem}.countdown{grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1.5rem 0 1.25rem;display:grid}.unit{text-align:center;border:2px solid var(--line);border-radius:16px;padding:.8rem .25rem .6rem}.num{font-variant-numeric:tabular-nums;color:var(--accent);font-family:Young Serif,Georgia,serif;font-size:clamp(1.6rem,7vw,2.3rem);line-height:1.1;display:block}.lbl{color:var(--muted);font-size:.82rem;font-weight:600;display:block}.small{color:var(--muted);font-size:.9rem}