@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Nunito:wght@400;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--sun-700:#d9791f;--sun-500:#f5a445;--sun-300:#ffce8c;--sun-100:#fff1dd;--sun-glow:#f5a44559;--moon-700:#4b4fa8;--moon-500:#7b80e0;--moon-300:#b3b7f2;--moon-100:#ecedfb;--moon-glow:#7b80e059;--ink:#2c2a3a;--ink-soft:#6b6878;--ink-faint:#9b98a8;--paper:#fffdfa;--card-bg:#ffffffb8;--card-border:#2c2a3a14;--bg-gradient:linear-gradient(150deg, #fff6ea 0%, #fbf1f0 32%, #f2eefb 68%, #e9e8f8 100%);--shadow-soft:0 12px 32px #2c2a3a1a;--shadow-sun:0 10px 28px var(--sun-glow);--shadow-moon:0 10px 28px var(--moon-glow);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--snake-bar-h:clamp(120px, 20vw, 230px);--font-heading:"Quicksand", system-ui, "Segoe UI", sans-serif;--font-body:"Nunito", system-ui, "Segoe UI", sans-serif;font:17px/1.55 var(--font-body);color:var(--ink);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#f1eefc;--ink-soft:#c3bfd6;--ink-faint:#8d89a3;--paper:#1a1826;--card-bg:#26233899;--card-border:#ffffff14;--bg-gradient:linear-gradient(150deg, #171522 0%, #1c1a2c 40%, #191b30 70%, #14131f 100%);--sun-100:#ffce8c24;--moon-100:#7b80e02e;--shadow-soft:0 12px 32px #00000073}}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-heading);color:var(--ink);margin:0;font-weight:600}p{margin:0}button{font-family:inherit}img,svg{max-width:100%;display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.question-page,.intro-page,.final-page,.gate-page{flex-direction:column;flex:1;min-height:100svh;animation:.5s both fadeSlideIn;display:flex}.question-page__top{justify-content:space-between;align-items:center;padding:20px clamp(16px,5vw,48px) 0;display:flex}.question-page__body{text-align:center;padding:24px clamp(16px, 6vw, 64px) calc(var(--snake-bar-h) + 80px);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:100%;max-width:720px;margin:0 auto;display:flex}.question-page__body h1{letter-spacing:-.02em;font-size:clamp(28px,4vw,40px)}.question-page__subtitle{color:var(--ink-soft);font-size:17px;font-weight:400;font-family:var(--font-body);max-width:46ch}.step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:700}.back-button{background:var(--card-bg);border:none;border:1px solid var(--card-border);color:var(--ink-soft);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;transition:transform .2s,box-shadow .2s,color .2s;display:inline-flex}.back-button:hover{color:var(--ink);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.primary-button{cursor:pointer;font-family:var(--font-heading);color:#fff;background:linear-gradient(120deg, var(--sun-500), var(--moon-500));border:none;border-radius:999px;padding:16px 40px;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 12px 28px #7b80e047}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 34px #7b80e05c}.primary-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.ghost-button{border:1px solid var(--card-border);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;padding:12px 28px;font-weight:700;transition:color .2s,border-color .2s}.ghost-button:hover{color:var(--ink);border-color:var(--ink-faint)}.choice-row{justify-content:center;gap:clamp(14px,3vw,28px);width:100%;transition:opacity .2s;display:flex}.choice-row.is-disabled{opacity:.45;pointer-events:none}.choice-card{border-radius:var(--radius-lg);border:1.5px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;max-width:240px;font-family:var(--font-heading);flex-direction:column;flex:1 1 0;align-items:center;gap:10px;padding:28px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.choice-card:hover{transform:translateY(-4px)}.choice-card--sun:hover,.choice-card--sun.is-selected{border-color:var(--sun-500);box-shadow:var(--shadow-sun)}.choice-card--moon:hover,.choice-card--moon.is-selected{border-color:var(--moon-500);box-shadow:var(--shadow-moon)}.choice-card--sun.is-selected{background:var(--sun-100)}.choice-card--moon.is-selected{background:var(--moon-100)}.choice-card__text{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.choice-card__label{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:19px;font-weight:700;overflow:hidden}.choice-card__hint{color:var(--ink-faint);font-size:13px;font-family:var(--font-body);margin-top:6px;line-height:1.4}.weather-icon,.dog-icon{display:inline-block}.intro-page{justify-content:center;align-items:center;padding:32px 20px}.intro-page__content{text-align:center;border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:560px;box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;gap:20px;padding:48px 36px;display:flex}.intro-page__lede{color:var(--ink-soft);font-size:17px;line-height:1.6}.gate-page{justify-content:center;align-items:center;padding:32px 20px;position:relative}.gate-page__content{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:420px;display:flex}.gate-page__lower{flex-direction:column;align-items:center;gap:24px;transition:margin-top .4s;display:flex}.gate-page__lower--tier-1{margin-top:36px}.gate-page__lower--tier-2{margin-top:72px}.gate-page__lower--tier-3{margin-top:108px}.gate-page__message{font-family:var(--font-heading);color:var(--ink);white-space:pre-line;max-width:480px;font-size:clamp(18px,3vw,24px);font-weight:700;animation:.4s cubic-bezier(.34,1.5,.4,1) both iconPop}.gate-page__icons{justify-content:center;align-items:flex-end;gap:20px;display:flex}.gate-page__icon{animation:.4s cubic-bezier(.34,1.5,.4,1) both iconPop;display:inline-block}@keyframes iconPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.gate-page__actions{align-items:center;gap:18px;transition:gap .4s;display:flex}.gate-page__actions.yes-tier-1{gap:64px}.gate-page__actions .primary-button{transition:transform .4s cubic-bezier(.34,1.4,.4,1),box-shadow .2s}.gate-page__actions .primary-button.yes-tier-1{transform:scale(1.6)}.gate-page__actions .primary-button.yes-tier-2{transform:scale(2.15)}.gate-page__no--corner{z-index:2;position:fixed;top:24px;right:24px}.gate-page__no--dodge{z-index:3;transition:transform .35s cubic-bezier(.34,1.4,.4,1);position:fixed;top:50%;left:50%}.primary-button.yes-tier-3{box-shadow:0 0 40px 10px var(--sun-glow), 0 0 70px 20px var(--moon-glow);padding:30px 64px;font-size:32px}.progress-snake{padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.progress-snake__caption{letter-spacing:.04em;color:var(--ink-faint);font-size:13px;font-weight:700}.snake-track{--bar-h:var(--snake-bar-h);--bar-w:calc(var(--bar-h) * 851 / 530);width:var(--bar-w);height:var(--bar-h);flex:none;position:relative}.snake-layer{position:absolute;inset:0}.snake-layer--base{filter:grayscale()opacity(.4)}.snake-fill{transition:clip-path .6s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.snake-glow{background:linear-gradient(90deg, var(--sun-500), var(--moon-500));filter:blur(28px);opacity:.45;z-index:0;border-radius:999px;transition:width .6s cubic-bezier(.65,0,.35,1);position:absolute;inset:-35% 0}.snake-track>.snake-layer,.snake-track>.snake-fill{z-index:1}.spark{z-index:2;background:radial-gradient(circle, #fff, var(--sun-500) 65%, transparent 80%);box-shadow:0 0 4px 1px var(--sun-glow);opacity:0;pointer-events:none;border-radius:50%;transition:left .6s cubic-bezier(.65,0,.35,1);animation:2.4s ease-in-out infinite sparkTwinkle;position:absolute;top:50%}@keyframes sparkTwinkle{0%,to{opacity:0}15%{opacity:1}35%{opacity:.15}55%{opacity:.9}80%{opacity:0}}.snake-rotated{width:var(--bar-h);height:var(--bar-w);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.snake-rotated svg{width:100%;height:100%;display:block}.snake-rotated svg path[fill=\#ffffff]{fill:none}.date-page .question-page__body{gap:22px}.date-time-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.date-field{align-items:center;gap:10px;display:flex}.date-field__label{color:var(--ink-soft);font-size:13px;font-weight:700}.date-field__input{font-family:var(--font-body);border-radius:var(--radius-sm);border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;font-size:16px}.date-field__input:focus{outline:2px solid var(--sun-500);outline-offset:1px}.time-pills{gap:8px;transition:opacity .2s;display:flex}.time-pills.is-disabled{opacity:.45;pointer-events:none}.time-pill{border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--ink);font-family:var(--font-heading);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.time-pill:hover{transform:translateY(-2px)}.time-pill.is-selected{border-color:var(--moon-500);background:linear-gradient(120deg, var(--sun-100), var(--moon-100));box-shadow:var(--shadow-soft)}.date-field__hint{color:var(--ink-faint);font-size:14px}.summary-list{flex-direction:column;gap:10px;width:100%;max-width:420px;margin:0;padding:0;list-style:none;display:flex}.summary-row{border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card-bg);text-align:left;align-items:center;gap:14px;padding:12px 18px;display:flex}.summary-row--sun{border-left:4px solid var(--sun-500)}.summary-row--moon{border-left:4px solid var(--moon-500)}.summary-row__label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;flex:none;width:90px;font-size:13px;font-weight:700}.summary-row__value{color:var(--ink);font-weight:700}.final-page__error{color:#c94b4b;font-weight:600}.final-page--sent{text-align:center;justify-content:center;align-items:center;gap:16px;padding:32px 20px}.final-page__icons{gap:10px;display:flex}.final-page__summary-text{font-family:var(--font-body);white-space:pre-wrap;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:left;color:var(--ink-soft);max-width:420px;padding:18px 22px}@media (width<=560px){.choice-row{flex-direction:column;align-items:center}.choice-card{text-align:left;flex-direction:row;justify-content:flex-start;width:100%;max-width:100%;padding:16px 20px}.choice-card__text{align-items:flex-start}.date-field{max-width:100%}}