:root{--bg-0:#0a0518;--bg-1:#130a2b;--bg-2:#1f1240;--violet:#c4b5fd;--violet-soft:#a78bfa;--violet-deep:#7c3aed;--gold:var(--violet);--gold-soft:var(--violet-soft);--ink:#f4f1ff;--ink-dim:#c3bce6;--pink:#ef476f;--green:#06d6a0;--glass:#ffffff0f;--glass-line:#ffffff1f;--radius:20px;--maxw:520px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg-1);color:var(--ink);overscroll-behavior-y:none}button{cursor:pointer;font-family:inherit}img,video{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app{min-height:100dvh;position:relative;overflow-x:hidden}.night{background:radial-gradient(1200px 600px at 50% -10%, #2c1a5e 0%, transparent 60%), linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 45%, var(--bg-2) 100%)}.app__inner{z-index:2;max-width:var(--maxw);padding:max(env(safe-area-inset-top), 18px) 18px max(env(safe-area-inset-bottom), 24px);margin:0 auto;position:relative}.stars{z-index:1;pointer-events:none;opacity:.5;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,#0000),radial-gradient(1.5px 1.5px at 70% 20%,#fff,#0000),radial-gradient(2px 2px at 40% 70%,#fff,#0000),radial-gradient(1.5px 1.5px at 85% 60%,#fff,#0000),radial-gradient(1px 1px at 55% 45%,#fff,#0000),radial-gradient(1.5px 1.5px at 10% 80%,#fff,#0000),radial-gradient(1px 1px at 90% 85%,#fff,#0000);animation:4s ease-in-out infinite alternate twinkle;position:fixed;inset:0}@keyframes twinkle{0%{opacity:.3}to{opacity:.7}}.screen{animation:.45s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn{border:none;border-radius:999px;padding:15px 26px;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .2s}.btn:active{transform:scale(.96)}.btn--primary{background:linear-gradient(135deg, var(--violet-soft), var(--violet-deep));color:#fff;box-shadow:0 10px 30px #7c3aed73}.back{background:var(--glass);border:1px solid var(--glass-line);color:var(--ink-dim);border-radius:999px;margin-bottom:16px;padding:8px 16px;font-size:14px}.home__header{text-align:center;margin:10px 0 18px}.home__eyebrow{color:var(--gold);letter-spacing:1px;margin:0 0 8px;font-size:13px}.home__title{background:linear-gradient(135deg, #fff, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:800;line-height:1.15}.status{text-align:center;background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:22px;padding:22px 18px}.status__label{color:var(--ink-dim);margin:0 0 6px;font-size:14px}.status__time{letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 0 24px #a78bfa59;margin:0;font-size:44px;font-weight:800}.status__hint{color:var(--ink-dim);margin:6px 0 0;font-size:13px}.status__progress{color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px;margin:14px 0 0;font-size:12px}.timeline{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tl__btn{text-align:left;background:var(--glass);border:1px solid var(--glass-line);width:100%;color:var(--ink);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:transform .15s,border-color .2s,background .2s;display:flex}.tl__btn:active{transform:scale(.98)}.tl__hour{font-variant-numeric:tabular-nums;color:var(--gold);min-width:48px;font-size:15px;font-weight:800}.tl__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tl__title{font-size:16px;font-weight:700}.tl__sub{color:var(--ink-dim);font-size:12px}.tl__icon{opacity:.9;font-size:18px}.tl--locked .tl__btn{opacity:.55;cursor:not-allowed}.tl--locked .tl__hour{color:var(--ink-dim)}.tl--ready .tl__btn{background:#a78bfa12;border-color:#a78bfa66}.tl--done .tl__btn{border-color:#06d6a059}.tl--done .tl__icon{color:var(--green)}.tl--final .tl__btn{background:linear-gradient(135deg,#ef476f26,#a78bfa1f);border-color:#ef476f80}.tl--final.tl--ready .tl__btn{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ef476f66}50%{box-shadow:0 0 0 10px #ef476f00}}.home__footer{text-align:center;color:var(--ink-dim);margin-top:26px;font-size:13px}.chapter__title{margin:4px 0 6px;font-size:24px;font-weight:800}.chapter__intro{color:var(--ink-dim);margin:0 0 16px;font-size:15px}.media{border-radius:var(--radius);border:1px solid var(--glass-line);background:#000;margin:0 0 20px;overflow:hidden}.media__item{margin:0}.media__frame{position:relative;overflow:hidden}.media__el{object-fit:cover;width:100%;max-height:60vh;transition:filter .9s,transform .9s;display:block}.media__el.is-blurred{filter:blur(22px);transform:scale(1.08)}.media__lock{text-align:center;color:#fff;text-shadow:0 2px 10px #0009;background:#070a1a59;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.media__lock span:first-child{font-size:34px}.media__caption{color:var(--ink-dim);background:var(--glass);padding:10px 14px;font-size:13px}.media--gallery{background:0 0;border:none}.media__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:var(--radius);display:flex;overflow-x:auto}.media__track::-webkit-scrollbar{display:none}.media__slide{scroll-snap-align:center;border:1px solid var(--glass-line);border-radius:var(--radius);background:#000;flex:0 0 100%;overflow:hidden}.media__dots{justify-content:center;gap:7px;margin-top:10px;display:flex}.media__dot{background:var(--glass-line);border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.media__dot.is-active{background:var(--gold);transform:scale(1.3)}.quiz__step{letter-spacing:1px;text-transform:uppercase;color:var(--gold);background:#a78bfa1a;border:1px solid #a78bfa4d;border-radius:999px;margin:0 0 14px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.quiz__prompt{margin:0 0 16px;font-size:19px;font-weight:700;line-height:1.3}.quiz__choices{flex-direction:column;gap:10px;display:flex}.choice{text-align:left;background:var(--glass);border:1px solid var(--glass-line);color:var(--ink);border-radius:14px;padding:16px;font-size:16px;transition:transform .12s,background .2s,border-color .2s}.choice:active{transform:scale(.98)}.choice--correct{border-color:var(--green);background:#06d6a02e;animation:.4s pop}.choice--wrong{border-color:var(--pink);background:#ef476f2e;animation:.4s shake}@keyframes pop{50%{transform:scale(1.04)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.quiz__input{flex-direction:column;gap:10px;display:flex}.quiz__input input{background:var(--glass);border:1px solid var(--glass-line);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:16px;font-size:16px;transition:border-color .2s}.quiz__input input:focus{border-color:#a78bfa80}.quiz__input input::placeholder{color:var(--ink-dim)}.link-btn{color:var(--ink-dim);background:0 0;border:none;margin:14px auto 0;font-size:14px;text-decoration:underline;display:inline-block}.quiz__reveal{color:var(--ink);margin:0 0 6px;font-size:16px;font-weight:600}.quiz__hint{color:var(--gold-soft);margin:14px 2px 0;font-size:14px}.quiz__success{color:var(--green);margin:16px 2px 0;font-size:15px;font-weight:600}.choice--enter{animation:.3s both choiceIn}@keyframes choiceIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz__done{text-align:center;padding:18px 0 6px;animation:.5s both fadeUp}.quiz__success--big{color:var(--gold);margin:0 0 20px;font-size:24px;font-weight:800}.reveal{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8vh 6px 4vh;animation:.6s both fadeUp;display:flex}.reveal__emoji{font-size:76px;animation:3s ease-in-out infinite floaty}@keyframes floaty{50%{transform:translateY(-10px)}}.reveal__title{margin:0;font-size:34px;font-weight:800;line-height:1.1}.reveal__text{color:var(--ink-dim);max-width:30ch;margin:0 0 8px;font-size:16px;line-height:1.55}.reveal--voyage .reveal__title{color:var(--gold)}.reveal--dates .reveal__title{color:var(--violet)}.reveal--depart .reveal__title{color:var(--gold-soft)}.globe-stage{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:4vh 6px;animation:.6s both fadeUp;display:flex}.globe-eyebrow{color:var(--gold);letter-spacing:1px;margin:0;font-size:13px}.globe-count{color:#fff;margin:2px 0 10px;font-size:28px;font-weight:800;line-height:1}.globe-count span{letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-top:4px;font-size:11px;font-weight:600;display:block}.globe-wrap{aspect-ratio:1;width:min(72vw,300px);margin:6px auto;position:relative}.globe{background:radial-gradient(circle at 32% 28%,#2f57a6 0%,#163a7a 45%,#0a1a40 82%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset -22px -28px 60px #0009,inset 12px 14px 34px #82b4ff40,0 20px 50px #0a1a40b3}.globe__map{background-image:repeating-linear-gradient(90deg,#ffffff17 0 1px,#0000 1px 8.33%),repeating-linear-gradient(0deg,#ffffff12 0 1px,#0000 1px 12.5%),radial-gradient(70px 50px at 12% 40%,#56c8a08c,#0000 70%),radial-gradient(90px 60px at 30% 62%,#56c8a073,#0000 70%),radial-gradient(60px 70px at 44% 30%,#78c89673,#0000 70%),radial-gradient(70px 50px at 62% 40%,#56c8a08c,#0000 70%),radial-gradient(90px 60px at 80% 62%,#56c8a073,#0000 70%),radial-gradient(60px 70px at 94% 30%,#78c89673,#0000 70%);width:200%;animation:20s linear infinite globeSpin;position:absolute;inset:0}@keyframes globeSpin{0%{transform:translate(0)}to{transform:translate(-50%)}}.globe__gloss{filter:blur(4px);pointer-events:none;background:radial-gradient(#fff6,#0000 70%);width:46%;height:30%;position:absolute;top:6%;left:12%}.globe__shade{pointer-events:none;background:radial-gradient(circle at 72% 78%,#0000008c,#0000 55%);border-radius:50%;position:absolute;inset:0}.globe__atmo{filter:blur(2px);pointer-events:none;background:radial-gradient(circle,#0000 60%,#82b4ff4d 71%,#0000 79%);border-radius:50%;position:absolute;inset:-7%}.pin{background:var(--gold);opacity:0;z-index:3;border-radius:50%;width:12px;height:12px;transition:opacity .4s,transform .4s cubic-bezier(.2,1.4,.4,1);position:absolute;transform:translate(-50%,-50%)scale(.2)}.pin.is-on{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 12px 2px #a78bfacc}.pin__ping{border:2px solid var(--gold);opacity:0;border-radius:50%;position:absolute;inset:-4px}.pin.is-on .pin__ping{animation:1.8s ease-out infinite ping}@keyframes ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}.globe-chips{flex-wrap:wrap;justify-content:center;gap:6px;max-width:330px;margin:12px auto 0;display:flex}.chip{background:var(--glass);border:1px solid var(--glass-line);color:var(--ink-dim);opacity:0;border-radius:999px;padding:5px 11px;font-size:12px;transition:opacity .35s,transform .35s,background .35s,border-color .35s;transform:translateY(6px)scale(.92)}.chip.is-on{opacity:1;color:var(--ink);background:#a78bfa1a;border-color:#a78bfa66;transform:none}.globe-foot{opacity:0;pointer-events:none;margin-top:18px;transition:opacity .7s,transform .7s;transform:translateY(12px)}.globe-foot.is-in{opacity:1;pointer-events:auto;transform:none}.globe__emoji{font-size:54px;animation:3s ease-in-out infinite floaty}.reveal__title--voyage{color:var(--gold);margin:6px 0 10px}.dates-stage{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:5vh 6px 4vh;animation:.6s both fadeUp;display:flex}.dates-eyebrow{color:var(--violet);letter-spacing:1px;margin:0 0 6px;font-size:13px}.cal{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;width:min(86vw,360px);padding:18px 16px;box-shadow:0 18px 40px #00000059}.cal__month{color:#fff;margin-bottom:14px;font-size:19px;font-weight:800}.cal__grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal__head{margin-bottom:6px}.cal__wd{color:var(--ink-dim);padding:4px 0;font-size:11px;font-weight:700}.cal__day{aspect-ratio:1;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;font-size:14px;transition:transform .25s cubic-bezier(.2,1.4,.4,1),background .25s,color .25s,box-shadow .25s;display:flex}.cal__day.is-empty{visibility:hidden}.cal__day.is-on{background:linear-gradient(135deg, var(--violet-soft), var(--violet-deep));color:#fff;font-weight:800;transform:scale(1.08);box-shadow:0 0 14px #7c3aed99}.cal__day.is-start{border-top-left-radius:14px;border-bottom-left-radius:14px}.cal__day.is-end{border-top-right-radius:14px;border-bottom-right-radius:14px}.dates-count{color:#fff;margin:14px 0 0;font-size:26px;font-weight:800;line-height:1}.dates-count span{letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-top:4px;font-size:11px;font-weight:600;display:block}.dates-foot{opacity:0;pointer-events:none;margin-top:16px;transition:opacity .7s,transform .7s;transform:translateY(12px)}.dates-foot.is-in{opacity:1;pointer-events:auto;transform:none}.dates-emoji{font-size:50px;animation:3s ease-in-out infinite floaty}.reveal__title--dates{color:var(--violet);margin:6px 0 10px}.astro-stage{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6vh 6px 4vh;animation:.6s both fadeUp;display:flex}.back--floating{align-self:flex-start;margin-bottom:8px}.astro-eyebrow{color:#c7b3ff;max-width:30ch;margin:0 0 6px;font-size:14px}.astro-sign{flex-direction:column;align-items:center;gap:2px;margin-bottom:8px;display:flex}.astro-sign__sym{color:var(--gold);text-shadow:0 0 26px #a78bfa99;font-size:64px;line-height:1;animation:3.5s ease-in-out infinite floaty}.astro-sign__name{color:#fff;font-size:26px;font-weight:800}.astro-sign__dates{letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.astro-cards{flex-direction:column;gap:12px;width:min(88vw,380px);margin-top:6px;display:flex}.astro-card{text-align:left;opacity:0;background:linear-gradient(160deg,#7c5cc829,#ffffff0a);border:1px solid #c7b3ff40;border-radius:16px;padding:14px 16px;transition:opacity .6s,transform .6s;transform:translateY(12px)}.astro-card.is-in{opacity:1;transform:none}.astro-card h3{color:var(--gold);margin:0 0 6px;font-size:16px}.astro-card p{color:var(--ink);margin:0;font-size:15px;line-height:1.55}.astro-cta{opacity:0;pointer-events:none;margin-top:20px;transition:opacity .6s,transform .6s;transform:translateY(10px)}.astro-cta.is-in{opacity:1;pointer-events:auto;transform:none}.endroit__count{text-align:center;letter-spacing:6px;color:var(--gold);margin:14px 0 0;font-size:22px}.endroit-reveal{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 6px;animation:.7s both fadeUp;display:flex}.endroit-reveal__text{color:#fff;text-shadow:0 0 24px #a78bfa59;max-width:22ch;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,6vw,30px);font-style:italic;line-height:1.4}.endroit-reveal__heart{font-size:40px;animation:3s ease-in-out infinite floaty}.endroit-reveal__cta{margin-top:14px}.final{min-height:100dvh;margin:calc(-1 * max(env(safe-area-inset-top), 18px)) -18px 0;background:linear-gradient(#1a1140 0%,#3a1d5a 55%,#ff7e5f 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.confetti-canvas{z-index:50;pointer-events:none;position:fixed;inset:0}.skyline{height:38%;position:absolute;bottom:0;left:0;right:0}.skyline__sun{filter:blur(2px);opacity:.9;background:radial-gradient(circle,#ffd166 0%,#ff8a5c 60%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.bldg{background:#0b0a1a;width:9%;position:absolute;bottom:0}.bldg--0{height:55%;left:2%}.bldg--1{height:75%;left:13%}.bldg--2{height:48%;left:24%}.bldg--3{height:90%;left:34%}.bldg--4{height:64%;left:45%}.bldg--5{height:100%;left:56%}.bldg--6{height:58%;left:67%}.bldg--7{height:80%;left:78%}.bldg--8{height:50%;left:89%}.final__content{z-index:10;text-align:center;opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);position:relative;transform:scale(.9)}.final__content.is-in{opacity:1;transform:scale(1)}.final__pre{color:#ffe9c7;letter-spacing:1px;margin:0 0 6px;font-size:15px}.final__city{letter-spacing:2px;color:#fff;text-shadow:0 4px 30px #0006,0 0 40px #a78bfa80;margin:0;font-size:clamp(46px,16vw,84px);font-weight:900}.final__statue{margin:6px 0;font-size:64px;animation:3s ease-in-out infinite floaty}.final__text{color:#fff;text-shadow:0 2px 12px #0006;max-width:32ch;margin:0 auto 20px;font-size:16px;line-height:1.6}.dev{z-index:100;max-width:var(--maxw);border:1px solid var(--glass-line);color:var(--ink-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a19eb;border-radius:14px;margin:0 auto;font-size:13px;position:fixed;bottom:10px;left:10px;right:10px}.dev>summary{cursor:pointer;padding:10px 14px;list-style:none}.dev__body{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}.dev__note{margin:0;font-size:12px}.dev__row{flex-wrap:wrap;gap:8px;display:flex}.dev__grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.dev button{background:var(--glass);border:1px solid var(--glass-line);color:var(--ink);border-radius:8px;padding:8px;font-size:12px}.dev__danger{color:var(--pink)!important;border-color:#ef476f66!important}