@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=Dancing+Script:wght@600;700&family=Manrope:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Patrick+Hand&family=Playfair+Display:wght@500;600;700&display=swap";.city-sky{position:relative;isolation:isolate;overflow:hidden;height:clamp(300px,46vh,520px);border-radius:var(--olw-radius-lg, 24px);border:1px solid rgb(245 240 232 / .1);box-shadow:0 24px 60px #05081759;background:#18234a}.city-sky-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.city-silhouette{position:absolute;left:0;right:0;bottom:0;width:100%;height:62%}.city-silhouette .sil-far{fill:var(--sil-far)}.city-silhouette .sil-mid{fill:var(--sil-mid)}.city-silhouette .sil-near,.city-silhouette .sil-near path,.city-silhouette .sil-near circle{fill:var(--sil-near)}.city-silhouette .sil-front,.city-silhouette .sil-front path,.city-silhouette .sil-trunk{fill:var(--sil-front)}.city-silhouette .sil-snow{fill:#f4f1ea;opacity:.78}.city-silhouette .sil-jacaranda circle{fill:color-mix(in srgb,#a78bfa 45%,var(--sil-front))}.city-silhouette .sil-windows rect{fill:#ffd98f;opacity:calc(var(--sil-lights) * .95);transition:opacity 1.2s ease}.city-silhouette .sil-christ-glow{fill:#ffe7b0;filter:blur(14px)}.city-weather{position:absolute;z-index:2;top:22px;left:24px;display:grid;gap:2px;color:#fffaf3;text-shadow:0 2px 16px rgb(16 21 40 / .55)}.city-weather .city-name{font:700 12px var(--olw-font-body);letter-spacing:.16em;text-transform:uppercase;opacity:.85}.city-weather time{font:600 15px var(--olw-font-body);font-variant-numeric:tabular-nums;opacity:.85}.city-weather strong{font:800 44px/1 var(--olw-font-display);margin-top:2px}.city-weather .weather-description{font:600 14px var(--olw-font-body);opacity:.9}@media(max-width:759px){.city-sky{height:clamp(260px,40vh,380px)}.city-weather{top:18px;left:20px}.city-weather strong{font-size:38px}}.city-sky:after{content:"";position:absolute;z-index:1;inset:0 auto auto 0;width:min(320px,75%);height:190px;background:radial-gradient(closest-side at 30% 40%,rgb(12 17 36 / .42),transparent);pointer-events:none}.nube{position:relative;flex:none}.nube svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 28px rgba(167,139,250,.35))}.nube-body{animation:nube-float 4.2s ease-in-out infinite}.nube-shadow{fill:#05081473;transform-box:fill-box;transform-origin:center;animation:nube-shadow 4.2s ease-in-out infinite}.nube-eyes{transform-box:fill-box;transform-origin:center;animation:nube-blink 4s infinite}.nube-talk{fill:#2a2238;transform-box:fill-box;transform-origin:center;animation:nube-talk .28s ease-in-out infinite alternate}.nube-arrival{display:inline-flex}@keyframes nube-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes nube-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.6}}@keyframes nube-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes nube-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.nube-body,.nube-shadow,.nube-talk{animation:none}}:root[data-motion=reduced] .nube-body,:root[data-motion=reduced] .nube-shadow,:root[data-motion=reduced] .nube-talk{animation:none}.gift-scene{gap:18px}.gift-nube{display:flex;align-items:center;gap:14px;max-width:min(100%,460px)}.gift-nube .fv-bubble{font-size:16px}.gift-center{position:relative;display:grid;place-items:center;width:min(86vw,340px);aspect-ratio:1}.gift-rays{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffc66b33 0 8deg,transparent 8deg 22deg);mask:radial-gradient(circle,#000 0,transparent 68%);opacity:0;transform:scale(.4);transition:opacity .8s var(--olw-ease-out),transform .8s var(--olw-ease-out)}.gift-opened .gift-rays{opacity:1;transform:scale(1);animation:gift-rays 22s linear infinite}.gift-burst{position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;width:220%;height:180%;pointer-events:none;z-index:2}.gift-button{position:relative;width:78%;aspect-ratio:1;padding:0;border:0;background:transparent;cursor:pointer;transform-origin:50% 90%;animation:gift-shake 2.6s ease-in-out infinite}.gift-button:disabled{cursor:default;animation:none}.gift-box{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 30px #ff8b8b44)}.gift-inner-glow{opacity:0;transition:opacity .6s}.is-open .gift-inner-glow{opacity:1}.gift-reward{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:-36px;position:relative;z-index:3}.gift-coins{margin:0;display:flex;align-items:center;gap:10px;font:700 clamp(34px,9vw,48px) var(--olw-font-display);color:var(--olw-games);text-shadow:0 0 28px #ffc66b77;font-variant-numeric:tabular-nums}.gift-coin{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7b0,#ffb347);color:#8a5a12;font-size:20px;animation:gift-coin 2.4s ease-in-out infinite}.gift-unlock{display:flex;align-items:center;gap:16px;padding:14px 22px 14px 14px;border-radius:var(--olw-radius-lg);background:#ffffff0d;border:1px solid #ffc66b33}.gift-lamp{width:64px;height:90px;overflow:visible}.gift-unlock p{margin:0}.gift-unlock-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c9c3e6}.gift-unlock-name{font:600 20px var(--olw-font-display);color:var(--olw-cream)}.gift-unlock-note{font-size:13px;color:#aeb7cb}@keyframes gift-shake{0%,62%,to{transform:rotate(0)}68%{transform:rotate(-6deg) scale(1.02)}74%{transform:rotate(5deg) scale(1.02)}80%{transform:rotate(-4deg)}86%{transform:rotate(2deg)}}@keyframes gift-rays{to{transform:rotate(360deg)}}@keyframes gift-coin{50%{transform:scaleX(.2)}}@media(min-width:900px){.gift-center{width:360px}}@media(prefers-reduced-motion:reduce){.gift-button,.gift-opened .gift-rays,.gift-coin{animation:none}}:root[data-motion=reduced] .gift-button,:root[data-motion=reduced] .gift-opened .gift-rays,:root[data-motion=reduced] .gift-coin{animation:none}.olw-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;overflow:hidden;background:#04050c;color:#f5f0e8;font-family:Outfit,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.olw-intro__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.olw-intro__lines{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + clamp(56px,10vh,110px));display:grid;pointer-events:none}.olw-intro__line{grid-area:1 / 1;align-self:end;justify-self:center;width:min(100% - 40px,860px);margin:0;text-align:center;text-wrap:balance;font-size:clamp(26px,3.6vw,50px);font-weight:500;line-height:1.18;letter-spacing:-.015em;text-shadow:0 2px 30px rgba(4,5,12,.95),0 0 60px rgba(4,5,12,.8);opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.olw-intro__line.is-active{opacity:1;transform:translateY(0);transition:opacity 1.1s cubic-bezier(.2,.8,.2,1),transform 1.4s cubic-bezier(.2,.8,.2,1)}.olw-intro__skip{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:14px;padding:10px 16px;border:1px solid rgba(245,240,232,.16);border-radius:999px;background:#0a0c1a59;color:#f5f0e8b3;font:500 14px/1 Outfit,sans-serif;letter-spacing:.02em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .9s ease,color .18s ease}.olw-intro__skip.is-visible{opacity:1;pointer-events:auto}.olw-intro__skip:hover,.olw-intro__skip:focus-visible{color:#f5f0e8}.olw-intro__title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;cursor:pointer}.olw-intro__logo{position:relative;opacity:0;transform:scale(.94);animation:olw-intro-rise 2.2s cubic-bezier(.2,.8,.2,1) .5s forwards}.olw-intro__logo h1{margin:0;font-size:clamp(46px,9vw,112px);font-weight:800;line-height:.95;letter-spacing:-.035em;color:#fbf7f1;text-shadow:0 0 28px rgba(167,139,250,.55),0 0 80px rgba(255,139,139,.25)}.olw-intro__subtitle{margin:0;font-size:clamp(18px,2.1vw,24px);font-weight:400;color:#f5f0e8d1;opacity:0;transform:translateY(10px);animation:olw-intro-rise 1.6s cubic-bezier(.2,.8,.2,1) 1.3s forwards}.olw-intro__sparkle{position:absolute;color:#f5f0e8;opacity:0;filter:drop-shadow(0 0 6px rgba(196,181,253,.9));animation:olw-intro-twinkle 3.2s ease-in-out infinite}.olw-intro__enter{margin-top:22px;min-width:168px;min-height:52px;padding:0 32px;border:0;border-radius:999px;background:linear-gradient(135deg,#f5f0e8,#ffe6dc);color:#141a36;font:600 18px/1 Outfit,sans-serif;letter-spacing:.01em;box-shadow:0 0 0 1px #fff6,0 10px 40px #a78bfa73;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.olw-intro__enter.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.olw-intro__enter:active{transform:scale(.97)}@keyframes olw-intro-rise{to{opacity:1;transform:none}}@keyframes olw-intro-twinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.olw-intro.is-reduced .olw-intro__line,.olw-intro.is-reduced .olw-intro__enter,.olw-intro.is-reduced .olw-intro__logo,.olw-intro.is-reduced .olw-intro__subtitle{transform:none}.olw-intro.is-reduced .olw-intro__sparkle{animation:none;opacity:.8}.nube-scene-host{display:flex;flex-direction:column;align-items:center;gap:18px}.nube-hello-bubble{text-align:center;font-size:clamp(18px,4.6vw,22px)}.tour{width:min(100%,460px);display:flex;flex-direction:column;align-items:center;gap:22px}.tour-viewport{position:relative;width:100%;display:grid}.tour-card{grid-area:1 / 1;padding:22px 22px 26px;border-radius:var(--olw-radius-xl);background:linear-gradient(160deg,#262f55,#1b2542 60%,#1a1d38);border:1px solid #ffffff17;box-shadow:0 30px 60px #05081a88;touch-action:pan-y;cursor:grab}.tour-art-wrap{display:block;height:clamp(150px,36vw,200px);margin-bottom:14px;border-radius:var(--olw-radius-lg);background:radial-gradient(ellipse at 50% 60%,#ffffff10,transparent 70%)}.tour-art{display:block;width:100%;height:100%;overflow:visible}.tour-kicker{margin:0 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--olw-lavender)}.tour-text{margin:0;font:500 clamp(18px,4.4vw,21px) / 1.4 var(--olw-font-display)}.tour-card-heart .tour-kicker{color:var(--olw-coral)}.tour-card-games .tour-kicker{color:var(--olw-games)}.tour-card-world .tour-kicker{color:var(--olw-teal)}.tour-controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.tour-dots{display:flex;gap:8px;padding-left:6px}.tour-dots span{width:8px;height:8px;border-radius:50%;background:#fff3;transition:transform var(--olw-card) var(--olw-ease-out),opacity var(--olw-card)}.tour-dots span.on{background:var(--olw-lavender);transform:scale(1.35)}.tour-label{fill:#c9c3e6;font:500 12px var(--olw-font-body)}.tour-orbit-dot{transform-origin:0 0;animation:tour-spin 6s linear infinite}.tour-hand-slow,.tour-hand-fast{transform-origin:0 0}.tour-hand-slow{animation:tour-spin 30s linear infinite}.tour-hand-fast{animation:tour-spin 6s linear infinite}.tour-heart{transform-origin:60px 62px;animation:tour-beat 1.2s ease-in-out infinite}.tour-ripple{fill:none;stroke:#ff8b8b;stroke-width:2;transform-origin:60px 62px;animation:tour-ripple 2.4s ease-out infinite}.tour-ripple-late{animation-delay:1.2s}.tour-mini-heart{animation:tour-rise 2.4s ease-out infinite}.tour-card-letter{fill:#2a2238;font:700 13px var(--olw-font-display)}.tour-card-left{transform-origin:85px 104px;animation:tour-wobble-left 3.2s ease-in-out infinite}.tour-card-right{transform-origin:155px 104px;animation:tour-wobble-right 3.2s ease-in-out infinite}.tour-pad{animation:tour-bob 2.4s ease-in-out infinite}.star-lamp-glow{transform-box:fill-box;transform-origin:center;animation:lamp-glow 3s ease-in-out infinite}.star-lamp-twinkle{animation:lamp-twinkle 2.2s ease-in-out infinite}.star-lamp-twinkle.late{animation-delay:1.1s}@keyframes tour-spin{to{transform:rotate(360deg)}}@keyframes tour-beat{0%,to{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(.98)}45%{transform:scale(1.08)}}@keyframes tour-ripple{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.7);opacity:0}}@keyframes tour-rise{0%{transform:translateY(14px);opacity:0}30%{opacity:1}to{transform:translateY(-16px);opacity:0}}@keyframes tour-wobble-left{50%{transform:rotate(-12deg) translate(-6px)}}@keyframes tour-wobble-right{50%{transform:rotate(12deg) translate(6px)}}@keyframes tour-bob{50%{transform:translateY(-6px)}}@keyframes lamp-glow{50%{transform:scale(1.12);opacity:.7}}@keyframes lamp-twinkle{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.tour-art *,.star-lamp *{animation:none!important}}:root[data-motion=reduced] .tour-art *,:root[data-motion=reduced] .star-lamp *{animation:none!important}.sleep-arc{width:min(100%,320px);display:grid;gap:10px}.sleep-arc svg{width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.sleep-night,.sleep-day,.sleep-range{fill:none;stroke-width:26}.sleep-night{stroke:#1d2348}.sleep-day{stroke:#3a3150}.sleep-range{stroke:url(#sleep-range);stroke-linecap:round;filter:drop-shadow(0 0 10px #a78bfa77)}.sleep-tick{fill:#ffffff40}.sleep-hour{fill:#8f97b3;font:500 11px var(--olw-font-body);text-anchor:middle}.sleep-total{fill:var(--olw-cream);font:600 38px var(--olw-font-display);text-anchor:middle}.sleep-total-label{fill:#aeb7cb;font:500 13px var(--olw-font-body);text-anchor:middle}.sleep-handle{cursor:grab;outline:none}.sleep-handle-knob{fill:var(--olw-cream);filter:drop-shadow(0 4px 10px #05081a99)}.sleep-handle.is-dragging{cursor:grabbing}.sleep-handle:focus-visible .sleep-handle-knob{stroke:var(--olw-lavender);stroke-width:4}.sleep-times{display:flex;justify-content:center;gap:10px}.sleep-times span{padding:8px 14px;border-radius:999px;background:#ffffff0f;font:600 16px var(--olw-font-display);font-variant-numeric:tabular-nums}.sleep-times b{margin-right:6px;font:500 12px var(--olw-font-body);color:#aeb7cb}.onb-scene{justify-content:flex-start;gap:20px}.onb-progress{display:flex;gap:8px;width:min(100%,220px)}.onb-progress span{flex:1;height:4px;border-radius:4px;background:#ffffff1f;transform-origin:left}.onb-progress span.on{background:var(--olw-lavender)}.onb-step{width:min(100%,480px);flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.onb-head{width:100%;display:flex;align-items:center;gap:12px}.onb-head .fv-bubble{flex:1;font-size:clamp(16px,4.3vw,19px)}.onb-body{width:100%;flex:1;display:grid;place-items:center;min-height:220px}.onb-note{margin:-4px 0 0;max-width:340px;text-align:center;color:#c9c3e6;font-size:14px;line-height:1.5}.onb-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.notify-art{display:grid;place-items:center}.notify-phone,.install-phone{position:relative;width:200px;height:250px;border-radius:30px;border:6px solid #2c3460;background:linear-gradient(180deg,#1d2a52,#2a2140);overflow:hidden}.notify-clock,.notify-date{position:absolute;left:0;right:0;text-align:center;color:#f5f0e8cc}.notify-clock{top:110px;font:300 44px var(--olw-font-display);letter-spacing:-.02em}.notify-date{top:166px;font-size:12px;color:#aeb7cb}.notify-toast{position:absolute;top:20px;left:10px;right:10px;display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#f5f0e8f2;color:#2a2238;font-size:12px;line-height:1.3;animation:notify-drop 3.6s var(--olw-ease-out) infinite}.notify-toast b{display:block;font-size:11px;color:#6b6480}.notify-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--olw-coral);color:#fff}@keyframes notify-drop{0%{transform:translateY(-90px);opacity:0}15%,75%{transform:translateY(0);opacity:1}90%,to{transform:translateY(-90px);opacity:0}}.install-guide{display:flex;flex-direction:column;align-items:center;gap:16px}.install-bar{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 12px;background:#ffffff12}.install-url{flex:1;padding:6px 10px;border-radius:999px;background:#ffffff14;color:#aeb7cb;font-size:11px}.install-menu{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:18px;color:var(--olw-cream)}.install-menu.is-hint{box-shadow:0 0 0 2px var(--olw-lavender);animation:install-pulse 1.6s ease-in-out infinite}.install-dropdown{position:absolute;top:52px;right:10px;display:grid;min-width:150px;padding:6px;border-radius:12px;background:#f5f0e8;color:#2a2238;font-size:12px;box-shadow:0 10px 24px #05081a88}.install-dropdown span{padding:8px 10px;border-radius:8px}.install-dropdown .is-hint{background:#a78bfa33;font-weight:700}.install-home{display:grid;justify-items:center;gap:6px;margin-top:56px;font-size:12px;color:#c9c3e6}.install-app-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--olw-coral),var(--olw-lavender));color:#fff;font-size:26px;animation:install-pulse 2s ease-in-out infinite}.install-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:install;color:#d8d3ea;font-size:14px;line-height:1.5}.install-steps li{display:flex;align-items:center;gap:10px;counter-increment:install}.install-step-n:before{content:counter(install);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#a78bfa33;color:var(--olw-lavender);font:700 13px var(--olw-font-display)}@keyframes install-pulse{50%{transform:scale(1.1)}}.subjects-art{display:grid;grid-template-columns:repeat(5,44px);grid-template-rows:24px repeat(3,40px);gap:8px;padding:16px;border-radius:var(--olw-radius-lg);background:#ffffff0a;border:1px solid #ffffff14}.subjects-day{text-align:center;font:600 12px var(--olw-font-display);color:#8f97b3}.subjects-block{border-radius:10px;opacity:0;animation:subjects-in .6s var(--olw-ease-flip) forwards}@keyframes subjects-in{0%{opacity:0;transform:translateY(-14px) scale(.8)}to{opacity:.85;transform:none}}@media(prefers-reduced-motion:reduce){.notify-toast,.install-menu.is-hint,.install-app-icon{animation:none}}:root[data-motion=reduced] .notify-toast,:root[data-motion=reduced] .install-menu.is-hint,:root[data-motion=reduced] .install-app-icon{animation:none}.fv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden auto;color:var(--olw-cream);font-family:var(--olw-font-body);background:radial-gradient(ellipse 80% 60% at 50% 0%,#2a2a5a 0,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 100%,#3a2140 0,transparent 60%),var(--olw-midnight);-webkit-tap-highlight-color:transparent}.fv-dark{background:#000}.fv[data-hidden] *,.fv[data-hidden] *:before,.fv[data-hidden] *:after{animation-play-state:paused!important}.fv-scene{position:relative;z-index:1;min-height:100%}.fv-stage{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:max(56px,env(safe-area-inset-top)) 16px max(32px,env(safe-area-inset-bottom))}.fv-starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.fv-starfield span{position:absolute;border-radius:50%;background:#fdf6e3;opacity:.25;animation:fv-twinkle 5s ease-in-out infinite}@keyframes fv-twinkle{50%{opacity:.9;transform:scale(1.4)}}.fv-preview-badge{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:5;padding:6px 14px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff1f;color:#c9c3e6;font-size:12px;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.fv-tap{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;border:0;background:#000;color:#f5f0e8;cursor:pointer}.fv-tap-star{position:relative;display:grid;place-items:center;width:120px;height:120px}.fv-tap-star svg{position:relative;filter:drop-shadow(0 0 14px #fdf6e3aa);animation:fv-beat 2.4s ease-in-out infinite}.fv-tap-halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#c9b8ff55 0,transparent 65%);animation:fv-halo 2.4s ease-in-out infinite}.fv-tap-text{font:400 15px var(--olw-font-display);letter-spacing:.32em;text-transform:uppercase;color:#c9c3e6;padding-left:.32em}@keyframes fv-beat{0%,to{transform:scale(.9);opacity:.75}40%{transform:scale(1.08);opacity:1}}@keyframes fv-halo{0%,to{transform:scale(.7);opacity:.3}40%{transform:scale(1.25);opacity:1}}.fv-bubble{position:relative;max-width:min(100%,420px);padding:16px 20px;border-radius:22px;background:var(--olw-cream);color:#2a2238;font:500 17px/1.45 var(--olw-font-display);box-shadow:0 18px 40px #05081a66;transform-origin:left center}.fv-bubble h2{margin:0;font:inherit}.fv-bubble:before{content:"";position:absolute;width:16px;height:16px;background:inherit;border-radius:3px;transform:rotate(45deg)}.fv-bubble-left:before{left:-6px;top:50%;margin-top:-8px}.fv-bubble-top{transform-origin:center top}.fv-bubble-top:before{top:-6px;left:50%;margin-left:-8px}.fv-type-rest{opacity:0}.fv-primary{min-height:52px;min-width:180px;padding:0 28px;border:0;border-radius:999px;background:linear-gradient(135deg,#c4b0ff,var(--olw-lavender));color:#1d1733;font:600 16px var(--olw-font-display);box-shadow:0 10px 30px #a78bfa44;cursor:pointer;transition:transform var(--olw-micro) var(--olw-ease-out),opacity var(--olw-micro)}.fv-primary:active{transform:scale(.96)}.fv-primary:disabled{opacity:.6}.fv-primary:focus-visible,.fv-later:focus-visible,.fv-skip:focus-visible{outline:2px solid var(--olw-cream);outline-offset:3px}.fv-later{min-height:44px;padding:0 18px;border:0;background:transparent;color:#aeb7cb;font-size:14px;cursor:pointer}.fv-skip{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid #ffffff1f;border-radius:999px;background:#ffffff0d;color:#aeb7cb;font-size:13px;cursor:pointer}.fv-letter .welcome-letter{min-height:100dvh}.done-scene .fv-bubble{text-align:center}.done-scene .done-title{margin:8px 0 0;font:500 clamp(28px,6vw,44px) var(--olw-font-display);letter-spacing:-.02em;text-align:center}@media(prefers-reduced-motion:reduce){.fv-starfield span,.fv-tap-star svg,.fv-tap-halo{animation:none}}:root[data-motion=reduced] .fv-starfield span,:root[data-motion=reduced] .fv-tap-star svg,:root[data-motion=reduced] .fv-tap-halo{animation:none}.prep{--prep-card: rgba(27, 37, 66, .75);--prep-line: rgba(245, 240, 232, .1);--prep-muted: rgba(245, 240, 232, .7);--prep-input: rgba(16, 21, 40, .9);max-width:1080px;margin:0 auto;padding:40px 0 32px;display:flex;flex-direction:column;gap:24px}.prep-header{display:grid;gap:10px}.prep-header h1{margin:0;font:800 clamp(30px,5vw,44px) / 1.08 var(--olw-font-display);letter-spacing:-.02em}.prep-header p{margin:0;max-width:60ch;color:var(--prep-muted);font-size:15px;line-height:1.55}.prep-eyebrow,.prep-step-count,.prep-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--prep-muted)}.prep-eyebrow{color:var(--olw-coral)}.prep-constellation{position:relative;height:120px;padding:0 4px}.prep-constellation>svg{position:absolute;top:0;right:4px;bottom:32px;left:4px;width:calc(100% - 8px);height:calc(100% - 32px);overflow:visible}.prep-constellation-line{stroke:#f5f0e829;stroke-width:1.5;stroke-dasharray:3 5}.prep-constellation-line.is-lit{stroke:var(--olw-lavender);stroke-width:2.5;stroke-dasharray:none;filter:drop-shadow(0 0 6px rgba(167,139,250,.8))}.prep-constellation ol{position:absolute;top:0;right:4px;bottom:32px;left:4px;margin:0;padding:0;list-style:none}.prep-constellation li{position:absolute;transform:translate(-50%,-21px)}.prep-star{display:grid;justify-items:center;gap:8px;width:64px;min-height:64px;padding:6px 0 0;border:0;background:none;color:var(--prep-muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.prep-star svg{width:30px;height:30px;fill:#26304f;stroke:#f5f0e859;stroke-width:1.2;stroke-linejoin:round}.prep-star span{font-size:12px;font-weight:700}.prep-star.is-done svg{fill:var(--olw-lavender);stroke:#ddd1ff;filter:drop-shadow(0 0 8px rgba(167,139,250,.9))}.prep-star.is-current svg{fill:var(--olw-coral);stroke:#ffd0d0;filter:drop-shadow(0 0 10px rgba(255,139,139,.9))}.prep-star.is-current span,.prep-star.is-done span{color:var(--olw-cream)}.prep-star:focus-visible{outline:2px solid var(--olw-lavender);outline-offset:2px;border-radius:14px}.prep-stage{overflow:hidden;margin:-8px;padding:8px}.prep-panel{display:grid;gap:8px;padding:clamp(20px,4vw,32px);border-radius:28px;background:var(--prep-card);border:1px solid var(--prep-line)}.prep-panel h2{margin:0 0 8px;font:700 clamp(24px,4vw,30px) / 1.15 var(--olw-font-display)}.prep-body{display:grid;gap:18px}.prep-lead{margin:0;max-width:62ch;font-size:16px;line-height:1.6;color:#f5f0e8db}.prep-hint{margin:0;font-size:13px;line-height:1.55;color:var(--prep-muted)}.prep-loading,.prep-empty{margin:0;color:var(--prep-muted);font-size:14px}.prep-loading:before{content:"✦ ";color:var(--olw-lavender)}.prep-status{display:inline-flex;align-items:center;gap:10px;justify-self:start;min-height:44px;padding:10px 16px;border-radius:999px;background:#f5f0e80f;border:1px solid var(--prep-line);font-weight:700;font-size:14px}.prep-status-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--olw-coral)}.prep-status.is-ok{background:#78dcc31a;border-color:#78dcc359;color:#9fe9d5}.prep-status.is-ok .prep-status-dot{background:var(--olw-teal)}.prep-alert{margin:0;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.5}.prep-alert.is-error{background:#ff8b8b1f;border:1px solid rgba(255,139,139,.4);color:#ffc4c4}.prep-alert.is-warning{background:#ffc66b1a;border:1px solid rgba(255,198,107,.3);color:#ffdca3}.is-error{color:#ffb3b3}.prep-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font:800 15px var(--olw-font-body);text-decoration:none;cursor:pointer;transition:transform var(--olw-micro) var(--olw-ease-out),opacity var(--olw-micro);-webkit-tap-highlight-color:transparent}.prep-button:active:not(:disabled){transform:scale(.96)}.prep-button:disabled{opacity:.45;cursor:not-allowed}.prep-button:focus-visible,.prep-chip:focus-visible{outline:2px solid var(--olw-lavender);outline-offset:3px}.prep-button.is-primary,.prep-button.is-hero{color:var(--olw-midnight);background:linear-gradient(120deg,var(--olw-coral),var(--olw-lavender));box-shadow:0 10px 28px #a78bfa4d}.prep-button.is-hero{justify-self:start;min-height:64px;padding:0 32px;font-size:17px}.prep-button.is-hero svg{width:22px;height:22px;fill:currentColor}.prep-body>.prep-button,.prep-button.is-wide{justify-self:start}.prep-button.is-ghost{color:var(--olw-cream);background:#1b2542cc;border-color:#f5f0e833}.prep-button.is-danger{color:#ffb3b3;background:transparent;border:1px dashed rgba(255,139,139,.5)}.prep-button.is-whatsapp{color:#0c2a1e;background:#6fe3a5}.prep-button.is-small{min-height:44px;padding:0 16px;font-size:14px}@media(hover:hover){.prep-button:hover:not(:disabled),.prep-chip:hover{transform:translateY(-2px)}}.prep-card{display:grid;gap:14px;padding:18px;border-radius:20px;background:#1015288c;border:1px solid var(--prep-line)}.prep-card-head{display:flex;align-items:center;gap:12px}.prep-card-head h3{margin:0;font:700 17px var(--olw-font-display)}.prep-card-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#a78bfa24;font-size:22px}.prep-card-sub{font-size:13px;color:var(--prep-muted)}.prep-date.is-set{border-color:#a78bfa73}.prep-date.is-set .prep-card-sub{color:#c4b5fd;font-weight:700}.prep-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.prep-feedback{font-size:13px;font-weight:700;color:#9fe9d5}.prep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:14px}.prep select,.prep input,.prep textarea{width:100%;min-height:46px;padding:0 12px;border-radius:14px;border:1px solid rgba(245,240,232,.14);background:var(--prep-input);color:var(--olw-cream);font:600 16px var(--olw-font-body);color-scheme:dark}.prep textarea{padding:12px 14px;font-weight:500;line-height:1.5;resize:vertical}.prep select:focus-visible,.prep input:focus-visible,.prep textarea:focus-visible{outline:2px solid var(--olw-lavender);outline-offset:1px}.prep-date-fields{display:grid;grid-template-columns:.8fr 1.4fr 1fr;gap:8px}.prep-date-fields label,.prep-field{display:grid;gap:6px;min-width:0;margin:0;padding:0;border:0}.prep-date-fields span{font-size:12px;font-weight:600;color:var(--prep-muted)}.prep-chips{display:flex;flex-wrap:wrap;gap:8px}.prep-chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(245,240,232,.18);background:transparent;color:var(--olw-cream);font:700 13px var(--olw-font-body);text-align:left;cursor:pointer;transition:transform var(--olw-micro) var(--olw-ease-out)}.prep-chip:active{transform:scale(.95)}.prep-chip.is-on{background:var(--olw-cream);border-color:var(--olw-cream);color:var(--olw-midnight)}.prep-chip.is-suggestion{border-style:dashed;border-color:#a78bfa8c;color:#c4b5fd}.prep-chip.is-suggestion:before{content:"✦ "}.prep-label{display:block}legend.prep-label{margin-bottom:6px}.prep-when-number{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700}.prep-when-number input{width:92px;text-align:center;font-size:18px}.prep-when label:not(.prep-when-number){display:grid;gap:6px;max-width:240px}.prep-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}.prep-list{display:grid;gap:10px}.prep-list ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.prep-message p{margin:0;font-size:15px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.prep-message-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.prep-tag{font-size:12px;font-weight:700;color:#c4b5fd}.prep-pin{justify-items:start}.prep-otp{display:flex;gap:12px}.prep .prep-otp input{width:60px;height:68px;padding:0;text-align:center;font:700 30px var(--olw-font-display);border-radius:16px;caret-color:var(--olw-coral)}.prep .prep-otp input:focus-visible{border-color:var(--olw-lavender);outline:2px solid rgba(167,139,250,.5)}.prep-pin-saved{justify-items:start;gap:6px;border-color:#78dcc366}.prep-pin-saved strong{font:800 44px / 1 var(--olw-font-display);letter-spacing:.3em;color:#9fe9d5}.prep-invite{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}.prep-invite .prep-card>.prep-button{justify-self:start}.prep-url{margin:0;padding:14px 16px;border-radius:14px;background:var(--prep-input);border:1px solid rgba(167,139,250,.35);font:700 clamp(17px,2.4vw,21px) / 1.35 var(--olw-font-display);color:#ddd1ff;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.prep-footer{display:flex;justify-content:space-between;gap:12px}@media(max-width:759px){.prep{padding-top:24px;gap:18px}.prep-constellation{margin:0 -8px}.prep-star{width:52px}.prep-star span{font-size:11px}.prep-split{grid-template-columns:1fr}.prep-body>.prep-button,.prep-button.is-hero,.prep-button.is-wide{justify-self:stretch}.prep-wide-only{display:none}.prep-footer .prep-button{flex:1;padding:0 14px}}.home{container:home / inline-size;max-width:1160px;margin:0 auto;padding:0 0 24px;display:flex;flex-direction:column;gap:24px;color:var(--olw-cream)}.home-header{height:auto;border:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;color:var(--olw-cream)}.home-header .home-title{display:grid;gap:4px}.home-date{font-size:14px;color:#f5f0e8b8}.home-title h1{margin:0;font:800 clamp(26px,4vw,38px) / 1.1 var(--olw-font-display);letter-spacing:-.02em}.home-header .home-header-side{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.home-header .home-avatars{display:flex;gap:0}.home-avatars .person-avatar+.person-avatar{margin-left:-10px}.person-avatar{position:relative;flex:none;display:grid;place-items:center;border-radius:50%;border:3px solid var(--olw-midnight);font-family:var(--olw-font-display);font-weight:700;color:#101528}.person-avatar-dot{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;border:3px solid var(--olw-midnight)}.person-avatar.is-online .person-avatar-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid currentColor;color:#78dcc3;animation:presence-ring 2s ease-out infinite}@keyframes presence-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.home-header .status-picker{position:relative;display:block}.status-chip{height:44px;padding:0 14px;border-radius:999px;border:1px solid #f5f0e81f;background:#f5f0e80d;color:var(--olw-cream);display:inline-flex;align-items:center;gap:8px;font:700 13px var(--olw-font-body);cursor:pointer;transition:background var(--olw-micro)}.status-chip:hover{background:#f5f0e818}.status-chip svg path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.status-chip-dot{width:9px;height:9px;border-radius:50%;flex:none}.status-menu{position:absolute;z-index:20;right:0;top:calc(100% + 8px);min-width:220px;margin:0;padding:6px;list-style:none;border-radius:18px;background:#1b2542;border:1px solid #f5f0e81f;box-shadow:0 24px 48px #0008;transform-origin:top right}.status-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--olw-cream);font:600 14px var(--olw-font-body);text-align:left;cursor:pointer}.status-menu button:hover,.status-menu button[aria-checked=true]{background:#a78bfa2e}.home-thinking-link{height:46px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font:700 14px var(--olw-font-body);color:#101528;text-decoration:none;background:linear-gradient(120deg,#ff8b8b,#ffb38a);transition:transform var(--olw-micro) var(--olw-ease-out),filter .2s}.home-thinking-link:hover{transform:translateY(-2px);filter:brightness(1.06)}.home-thinking-link:active{transform:scale(.96)}.home-thinking-link path{fill:#101528}@media(max-width:759px){.home{padding-top:6px;gap:18px}.home-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title avatars" "status link";gap:14px 12px}.home-header .home-title{grid-area:title}.home-header .home-header-side{display:contents}.home-header .home-avatars{grid-area:avatars}.home-header .status-picker{grid-area:status;justify-self:start}.home-thinking-link{grid-area:link;justify-self:end;width:44px;height:44px;padding:0;justify-content:center}.home-thinking-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-header:not(:has(.home-avatars)){grid-template-areas:"title link"}.status-menu{left:0;right:auto;transform-origin:top left}}@media(prefers-reduced-motion:reduce){.person-avatar.is-online .person-avatar-dot:after{animation:none}}.sky-clocks{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 72px auto}.sky-clocks-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.city-clock{position:relative;min-width:0}.city-clock .city-sky{height:clamp(220px,34vh,300px)}.city-clock:after{content:"";position:absolute;inset:auto 1px 1px;height:45%;border-radius:0 0 var(--olw-radius-lg) var(--olw-radius-lg);background:linear-gradient(to top,#0a0f1ecc,transparent);pointer-events:none}.city-clock-caption{position:absolute;z-index:3;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:12px;color:#fffaf3}.city-clock-text{display:grid;gap:1px;min-width:0}.city-clock-text strong{font:700 16px var(--olw-font-display)}.city-clock-text span{font-size:13px;color:#f5f0e8d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-clock-text span:first-letter{text-transform:uppercase}.clock-connector{position:relative;justify-self:center;width:12px;height:100%}.clock-connector-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.clock-connector-line line{stroke:#f5f0e8;stroke-opacity:.45;stroke-width:1.6;stroke-dasharray:4 9;animation:connector-flow 1.4s linear infinite}.clock-connector-line .is-h{display:none}@keyframes connector-flow{to{stroke-dashoffset:-26}}.clock-connector-runner{position:absolute;left:50%;top:0;width:0;height:100%;animation:connector-run-y 10s var(--olw-ease-in-out) infinite}.clock-connector-light{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#ffd1de;box-shadow:0 0 10px #ff8b8b,0 0 22px #ff8b8baa}@keyframes connector-run-y{0%{transform:translateY(0);opacity:0}4%,32%{opacity:1}36%{transform:translateY(100%);opacity:0}to{transform:translateY(100%);opacity:0}}@keyframes connector-run-x{0%{transform:translate(0);opacity:0}4%,32%{opacity:1}36%{transform:translate(100%);opacity:0}to{transform:translate(100%);opacity:0}}.clock-connector-end{position:absolute;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%}.clock-connector-end.is-start{top:-5px;background:var(--olw-lavender)}.clock-connector-end.is-end{bottom:-5px;background:var(--olw-teal)}.clock-connector-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:8px;padding:7px 14px;border-radius:999px;white-space:nowrap;background:#1b2542;border:1px solid #f5f0e81f;box-shadow:0 10px 24px #0007}.clock-connector-pill strong{font:800 16px var(--olw-font-display);color:#ffd1de}.clock-connector-pill small{font-size:12px;color:#f5f0e8b3}.clock-connector.is-paused *{animation-play-state:paused}@container home (min-width: 820px){.sky-clocks{grid-template-columns:minmax(0,1fr) 168px minmax(0,1fr);grid-template-rows:auto;align-items:center}.city-clock .city-sky{height:clamp(300px,44vh,440px)}.clock-connector{width:100%;height:12px}.clock-connector-line .is-h{display:inline}.clock-connector-line .is-v{display:none}.clock-connector-runner{left:0;top:50%;width:100%;height:0;animation-name:connector-run-x}.clock-connector-end{top:50%;left:auto;margin:-5px 0 0}.clock-connector-end.is-start{top:50%;left:-5px}.clock-connector-end.is-end{bottom:auto;right:-5px}.clock-connector-pill{flex-direction:column;align-items:center;gap:0;padding:8px 12px;border-radius:18px}}@media(prefers-reduced-motion:reduce){.clock-connector-line line,.clock-connector-runner{animation:none}.clock-connector-runner{display:none}}.home-feature-row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.home-feature-row:has(.trip-card){grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.our-space{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:30px;border-radius:32px;background:#1b2542;display:flex;flex-direction:column;gap:14px}.our-space-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.our-space-top{display:flex;justify-content:space-between;align-items:center;min-height:24px}.our-space-eyebrow,.trip-card-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffb3b3}.our-space-dots{display:flex;margin:-14px -8px}.our-space-dots button{width:30px;min-height:44px;height:44px;border:0;padding:0;background:none;display:grid;place-items:center;cursor:pointer}.our-space-dots span{width:10px;height:10px;border-radius:999px;background:#f5f0e84d;transition:transform .3s var(--olw-ease-out),opacity .3s}.our-space-dots span.is-active{background:var(--olw-cream);transform:scaleX(2.2)}.our-space-slide{flex:1;display:flex;flex-direction:column;gap:14px;touch-action:pan-y;cursor:grab}.our-space-slide:active{cursor:grabbing}.our-space-slide h2{margin:0;max-width:560px;font:800 clamp(26px,4cqi,40px) / 1.08 var(--olw-font-display);letter-spacing:-.02em}.our-space-slide p{margin:0;max-width:520px;font-size:16px;line-height:1.5;color:#f5f0e8d1}.our-space-actions{margin-top:auto;padding-top:8px}.our-space-cta{height:50px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;font:800 15px var(--olw-font-body);color:#101528;background:var(--olw-cream);text-decoration:none;transition:transform var(--olw-micro) var(--olw-ease-out)}.our-space-cta:hover{transform:translateY(-2px)}.our-space-cta:active{transform:scale(.96)}.trip-countdown{display:flex;gap:10px;flex-wrap:wrap}.trip-countdown-part{min-width:64px;padding:10px 8px 8px;border-radius:16px;background:#10152866;border:1px solid #f5f0e81a;display:grid;justify-items:center}.trip-countdown-part strong{font:800 30px/1 var(--olw-font-display);font-variant-numeric:tabular-nums}.trip-countdown-part small{font-size:11px;color:#f5f0e8b3}.trip-card{padding:26px;border-radius:32px;background:linear-gradient(170deg,#10363a,#13252e);border:1px solid #78dcc32e;display:flex;flex-direction:column;gap:14px}.trip-card .trip-card-eyebrow{color:#9fe9d5}.trip-card-days{display:flex;align-items:baseline;gap:8px}.trip-card-days strong{font:800 72px/1 var(--olw-font-display);letter-spacing:-.04em}.trip-card-days span{font:600 18px var(--olw-font-display)}.trip-card p{margin:0;font-size:14px;line-height:1.5;color:#f5f0e8cc}.trip-card a{margin-top:auto;display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:#9fe9d5}.trip-card-empty svg path{fill:none;stroke:#78dcc3;stroke-width:1.6;stroke-linejoin:round}@container home (max-width: 640px){.our-space{min-height:260px;padding:22px;border-radius:26px}.our-space-slide p{font-size:14px}.our-space-cta{height:44px;font-size:14px}.trip-countdown-part{min-width:0;flex:1}.trip-countdown-part strong{font-size:24px}}.quick-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-tile{position:relative;display:flex;flex-direction:column;gap:8px;min-height:140px;padding:18px;border-radius:24px;color:var(--olw-cream);text-decoration:none;border:1px solid color-mix(in srgb,var(--tile) 14%,transparent);background:radial-gradient(140px 100px at 100% 0%,color-mix(in srgb,var(--tile) 27%,transparent),transparent 70%),var(--tile-bg)}.quick-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 22px 44px #0006,inset 0 0 0 1px #f5f0e840;opacity:0;transition:opacity .3s;pointer-events:none}.quick-tile:hover:after,.quick-tile:focus-visible:after{opacity:1}.quick-tile-icon{width:48px;height:48px;margin-bottom:auto;border-radius:16px;display:grid;place-items:center;background:var(--tile);box-shadow:0 8px 20px color-mix(in srgb,var(--tile) 33%,transparent)}.quick-tile-icon path{fill:none;stroke:#101528;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quick-tile-label{font:700 17px var(--olw-font-display)}.quick-tile-sub{font-size:12px;color:#f5f0e8b8}.flying-coin{position:fixed;z-index:70;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;display:grid;place-items:center;font:800 14px var(--olw-font-display);color:#101528;background:#f2c46b;box-shadow:0 0 14px #f2c46b99;pointer-events:none}@container home (max-width: 640px){.quick-tiles{gap:10px}.quick-tile{min-height:0;padding:4px 0;align-items:center;gap:6px;border:0;background:none}.quick-tile:after{display:none}.quick-tile-icon{width:58px;height:58px;margin:0;border-radius:20px}.quick-tile-label{font:700 12px var(--olw-font-body)}.quick-tile-sub{display:none}}.today{display:flex;flex-direction:column;gap:14px}.today h2{margin:0;font:700 22px var(--olw-font-display)}.today-track{display:flex;flex-wrap:wrap;gap:14px}.today-track>*{flex:1 1 220px}.today-track>.question-card,.today-track>.today-empty{flex:2 1 460px}.today-card{min-width:0;padding:20px;border-radius:24px;background:#1b2542;border:1px solid #f5f0e80f;display:flex;flex-direction:column;gap:8px}.today-card p{margin:0;font-size:13px;line-height:1.5;color:#f5f0e8b8}.today-card small{font-size:12px;color:#f5f0e899}.today-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.today-empty{background:linear-gradient(150deg,#2b2056,#1b2542)}.challenge-text,.availability-row strong,.hint-row strong{font:700 17px/1.3 var(--olw-font-display)}.challenge-coins{display:flex;align-items:center;gap:8px;font-size:13px;color:#f5f0e8b8}.challenge-coin{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:800 12px var(--olw-font-display);color:#101528;background:#f2c46b}.challenge-checks{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.challenge-mine{min-height:44px;padding:0 14px 0 8px;border:1px solid #ffc66b4d;border-radius:999px;background:#ffc66b14;color:var(--olw-cream);cursor:pointer}.challenge-mine:disabled{cursor:default;border-color:transparent;background:none;padding-left:0}.challenge-check{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--olw-font-body);color:#f5f0e8cc}.challenge-check svg{width:26px;height:26px;padding:4px;border-radius:50%;border:1.5px solid #f5f0e84d}.challenge-check path{fill:none;stroke:transparent;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.challenge-check.is-done svg{border-color:#ffc66b;background:#ffc66b}.challenge-check.is-done path{stroke:#101528}.challenge-card.is-complete{background:linear-gradient(160deg,#3a2e1a,#1b2542);border-color:#f2c46b40}.availability-row,.hint-row,.moon-row{display:flex;align-items:center;gap:12px}.availability-dot{position:relative;flex:none;width:12px;height:12px;border-radius:50%}.availability-dot.is-online:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:presence-ring 2s ease-out infinite}.hint-icon{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.hint-icon path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hint-card{background:linear-gradient(160deg,#16264d,#1b2542)}.moon-card{background:radial-gradient(160px 120px at 20% 20%,#e8ddff1f,transparent 70%),#161d38}.moon-svg{flex:none;filter:drop-shadow(0 0 14px #f5f0e840)}.moon-row div{display:grid;gap:2px}.moon-row strong{font:700 17px var(--olw-font-display)}.moon-row span{font-size:13px;color:#f5f0e8b3}.moon-card p{font-family:var(--olw-font-hand);font-size:21px;color:#e8ddff}@container home (max-width: 700px){.today-track{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.today-track::-webkit-scrollbar{display:none}.today-track>*{flex:0 0 min(78%,300px);scroll-snap-align:start}.today-track>.question-card,.today-track>.today-empty{flex:0 0 min(88%,360px)}}@media(prefers-reduced-motion:reduce){.availability-dot.is-online:after{animation:none}}.question-card{padding:0;border:0;background:none;perspective:1400px}.question-flip{display:grid;height:100%;transform-style:preserve-3d}.question-side{grid-area:1 / 1;min-width:0;padding:22px;border-radius:24px;display:flex;flex-direction:column;gap:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(150deg,#2b2056,#1b2542);border:1px solid #a78bfa26}.question-side.is-back{transform:rotateY(180deg);background:linear-gradient(150deg,#4a2142,#2b2056);border-color:#ffb3c933}.question-face{display:contents}.question-text{font:700 22px/1.25 var(--olw-font-display)}.question-note{display:flex;align-items:center;gap:10px;font-size:13px;color:#f5f0e8bf}.question-initial,.question-check{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--olw-font-display);color:#101528;background:var(--olw-teal)}.question-form{display:flex;gap:8px;margin-top:auto}.question-form input{flex:1;min-width:0;height:46px;padding:0 14px;border-radius:14px;border:1px solid #f5f0e824;background:#10152880;color:var(--olw-cream);font:500 16px var(--olw-font-body)}.question-form input:focus{outline:none;border-color:var(--olw-lavender)}.question-form button{flex:none;height:46px;min-height:46px;padding:0 18px;border:0;border-radius:14px;background:var(--olw-lavender);color:#1b1533;font:800 14px var(--olw-font-body);cursor:pointer;transition:transform var(--olw-micro) var(--olw-ease-out),opacity var(--olw-micro)}.question-form button:active{transform:scale(.96)}.question-form button:disabled{opacity:.45;cursor:default}.question-reveal{align-self:flex-start;min-height:44px;padding:0;border:0;background:none;color:#ffd1de;font:700 13px var(--olw-font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.question-mini{font-size:13px;color:#f5f0e8b3}.question-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.question-answers p{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#10152866;font-size:14px;color:var(--olw-cream)}.question-answers b{font:700 12px var(--olw-font-display);color:#ffb3c9}.heart-nav-wrap{display:grid;justify-items:center;gap:2px}.heart-nav{position:relative;display:grid;place-items:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.heart-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);transform:rotate(-90deg);pointer-events:none}.heart-ring circle,.big-heart-ring circle{fill:none;stroke:#ffd1de;stroke-width:3;stroke-linecap:round;transition:opacity .2s}.heart-nav-count{min-height:11px;font:700 9px/1 var(--olw-font-body);color:#ffb3c9;white-space:nowrap}.heart-pill-wrap{display:grid;gap:2px}.heart-pill{position:relative;overflow:hidden;isolation:isolate;height:46px;padding:0 16px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 14px var(--olw-font-body);white-space:nowrap;color:#101528;background:linear-gradient(120deg,#ff8b8b,#ffb38a);box-shadow:0 10px 26px #ff8b8b40;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:filter .2s}.heart-pill:hover{filter:brightness(1.06)}.heart-pill:focus-visible,.heart-nav:focus-visible,.big-heart-button:focus-visible{outline:2px solid #ffd1de;outline-offset:3px}.heart-pill svg{flex:none}.heart-pill>span:last-child{overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.heart-pill{padding:0 12px;font-size:13px}}.heart-pill-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#ffd1de;transform-origin:left center}.heart-pill-count{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ffb3c9;text-decoration:none}.heart-pill-count:hover{color:#ffd1de}.pulse-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.heart-rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.heart-rain span{position:absolute;top:-40px;opacity:0;animation-name:heart-fall;animation-timing-function:cubic-bezier(.4,0,.7,1);animation-fill-mode:both;filter:drop-shadow(0 4px 10px #ff6b7a55)}@keyframes heart-fall{0%{opacity:0;transform:translateZ(0) rotate(-12deg)}15%{opacity:1}85%{opacity:.9}to{opacity:0;transform:translate3d(var(--drift),108vh,0) rotate(18deg)}}.pulse-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 50% 45%,#ff8b8b33,transparent 70%),radial-gradient(120% 80% at 50% 100%,#a78bfa2a,transparent 60%);box-shadow:inset 0 0 120px #ff8b8b55}.pulse-toast{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;width:min(420px,calc(100% - 32px));margin-left:max(-210px,calc(-50% + 16px));display:flex;gap:12px;align-items:center;padding:14px;border-radius:20px;background:#f5f0e8f2;color:#2a1430;box-shadow:0 20px 40px #0006;pointer-events:auto}.pulse-toast-avatar{position:relative;flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font:700 17px var(--olw-font-display);color:#fff8f2;background:linear-gradient(135deg,#ff8b8b,#a78bfa)}.pulse-toast-avatar svg{position:absolute;right:-5px;bottom:-5px;color:#ff6b7a;filter:drop-shadow(0 0 2px #f5f0e8)}.pulse-toast-body{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px}.pulse-toast-body strong{font:800 14px/1.35 var(--olw-font-body);overflow-wrap:anywhere}.pulse-toast-body small{flex:none;font-size:11px;color:#6b6078}.thinking-page{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:820px;margin:0 auto;padding:0 0 24px}@media(min-width:1100px){.thinking-page{max-width:900px;grid-template-columns:minmax(0,480px) minmax(260px,340px);justify-content:center;align-items:start}}.thinking-stage{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 18px 26px;border-radius:36px;color:var(--olw-cream);background:radial-gradient(320px 320px at 50% 38%,#ff8b8b61,transparent 70%),radial-gradient(300px 260px at 0% 100%,#a78bfa4d,transparent 70%),#140c1e;box-shadow:0 40px 90px #00000080,0 0 0 1px #f5f0e814,0 0 80px #ff8b8b33}.thinking-floaters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.thinking-floaters span{position:absolute;bottom:0;opacity:0;fill:#ff8b8b80;animation:thinking-float linear infinite}.thinking-stage.is-paused .thinking-floaters span,.big-heart.is-paused .big-heart-ripple,.big-heart.is-paused .big-heart-button{animation-play-state:paused}@keyframes thinking-float{0%{opacity:0;transform:translateY(0)}20%{opacity:.6}to{opacity:0;transform:translateY(-320px)}}.thinking-top{width:100%;height:auto;border:0;display:flex;justify-content:space-between;align-items:center}.thinking-back{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f5f0e814}.thinking-back svg path{fill:none;stroke:var(--olw-cream);stroke-width:2.4;stroke-linecap:round}.thinking-status{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px 6px 6px;border-radius:999px;background:#f5f0e814;color:var(--olw-cream);font-size:13px;font-weight:700}.thinking-status-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--olw-font-display);color:#101528}.thinking-intro{display:grid;gap:10px;text-align:center;padding:18px 12px 4px}.thinking-intro h1{margin:0;font:900 30px/1.1 var(--olw-font-display);letter-spacing:-.01em}.thinking-intro p{margin:0 auto;max-width:320px;font-size:14px;line-height:1.5;color:#f5f0e8bf}.big-heart{position:relative;width:200px;height:200px;margin:18px 0 6px}.big-heart-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--olw-coral);opacity:0;animation:big-heart-ripple 2.4s ease-out infinite}.big-heart-ripple+.big-heart-ripple{animation-delay:-1.2s}@keyframes big-heart-ripple{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(2.1)}}.big-heart-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg);opacity:0;transition:opacity .2s;pointer-events:none}.big-heart.is-holding .big-heart-ring{opacity:1}.big-heart-ring circle{stroke-width:5}.big-heart-button{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ffb3b3,#ff6b7a 60%,#d9456a);box-shadow:0 24px 60px #ff6b7a8c,inset 0 -10px 30px #78143c59;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.big-heart-button svg{animation:big-heart-beat 1.4s ease-in-out infinite}.big-heart.is-paused .big-heart-button svg{animation-play-state:paused}@keyframes big-heart-beat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(.97)}42%{transform:scale(1.06)}}.big-heart-hint{position:absolute;left:-40px;right:-40px;bottom:-26px;text-align:center;font-size:12px;font-weight:700;color:#ffd1de}.thinking-counter{margin:8px 0 6px;font:700 15px var(--olw-font-display);color:#ffb3c9}.thinking-actions{width:100%;display:grid;gap:12px}.thinking-aside{display:grid;gap:18px;align-content:start}.pulse-preview{display:grid;gap:10px}.pulse-preview-label,.thinking-facts-title{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--olw-coral)}.pulse-preview-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:20px;background:#f5f0e8f2;color:#2a1430;box-shadow:0 20px 40px #0006}.pulse-preview-text{display:grid;gap:2px;min-width:0}.pulse-preview-text strong{font:700 14px/1.35 var(--olw-font-body);overflow-wrap:anywhere}.pulse-preview-text small{font-size:11px;color:#6b6078}.thinking-facts{display:grid;gap:12px}.thinking-fact{display:grid;gap:4px;padding:14px 16px;border-radius:16px;background:#f5f0e80d}.thinking-fact strong{font:700 15px var(--olw-font-display)}.thinking-fact span{font-size:13px;line-height:1.45;color:#f5f0e8bf}@media(max-width:759px){.thinking-page{margin:-16px -16px 0;padding:0 0 8px;gap:20px}.thinking-stage{border-radius:0 0 32px 32px;box-shadow:none;min-height:calc(100dvh - 88px)}.thinking-aside{padding:0 16px}}@media(prefers-reduced-motion:reduce){.thinking-floaters,.big-heart-ripple{display:none}.big-heart-button svg{animation:none}}.gesture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gesture{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:20px;border:1px solid #f5f0e81a;background:#f5f0e80f;color:var(--olw-cream);font-size:12px;font-weight:700;cursor:pointer}.gesture-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center}.gesture-icon path{fill:none;stroke:#140c1e;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.quick-messages{display:grid;gap:10px;min-width:0}.quick-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px;scroll-snap-type:x proximity}.quick-chips::-webkit-scrollbar{display:none}.quick-chip{flex:none;height:44px;padding:0 16px;border-radius:999px;border:1px solid #ffb3c94d;background:#ff8b8b1a;color:#ffd1de;font:700 13px var(--olw-font-body);cursor:pointer;scroll-snap-align:start;transition:transform var(--olw-micro) var(--olw-ease-out),background var(--olw-micro)}.quick-chip:hover{background:#ff8b8b2e}.quick-chip:active{transform:scale(.94)}.quick-form{display:flex;gap:8px}.quick-form input{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:999px;border:1px solid #f5f0e824;background:#f5f0e80f;color:var(--olw-cream);font:500 16px var(--olw-font-body)}.quick-form input::placeholder{color:#f5f0e880}.quick-form input:focus{outline:none;border-color:#ffb3c9}.quick-form button{flex:none;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8b8b,#a78bfa);cursor:pointer;transition:opacity var(--olw-micro)}.quick-form button:disabled{opacity:.4;cursor:default}.quick-form button path{fill:#140c1e}.thinking-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.games-page{--ink: #342e4b;--muted: #827b96;min-height:100vh;padding:clamp(1.4rem,5vw,4.5rem);color:var(--ink);background:radial-gradient(ellipse at 50% 0,#fff8f2 0,transparent 48%),#fbf9ff;font-family:inherit}.games-hero{text-align:center;max-width:680px;margin:0 auto 3rem;position:relative}.games-hero h1{font-family:var(--olw-font-display);font-size:clamp(2.3rem,5vw,4rem);font-weight:500;margin:.5rem 0;color:#453856}.games-hero>p:last-child{color:var(--muted);font-size:1.05rem}.hero-spark{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#fff0df;color:#ecaa65;font-size:1.7rem}.game-kicker{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#a08aa7;font-weight:700;margin:.3rem 0 .8rem}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:1000px;margin:auto}.game-card{border:1px solid #eee6f2;border-radius:25px;padding:1.5rem;background:#fff;box-shadow:0 12px 40px #51416b0d;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.game-card.peach{background:linear-gradient(145deg,#fff8ef,#fff)}.game-card.lavender{background:linear-gradient(145deg,#f4f0ff,#fff)}.game-card.rose{background:linear-gradient(145deg,#fff1f4,#fff)}.game-card.mint{background:linear-gradient(145deg,#eefaf6,#fff)}.game-illustration{width:4.3rem;height:4.3rem;border-radius:19px;display:grid;place-items:center;background:#fff9;font-size:2.2rem;margin-bottom:1rem;box-shadow:0 5px 16px #62507612}.game-card h2,.games-history h2{font-family:var(--olw-font-display);font-size:1.5rem;font-weight:500;margin:.15rem 0 .5rem}.game-card>p:not(.game-kicker){color:var(--muted);margin:.2rem 0 1rem;line-height:1.5}.game-primary,.game-card button,.game-actions button,.waiting-panel button,.game-board>button,.game-options button,.wyr-options button,.draw-tools button{border:0;border-radius:999px;padding:.8rem 1.15rem;background:#754b82;color:#fff;font:inherit;font-weight:650;cursor:pointer;transition:transform .18s,opacity .18s}.game-primary:hover,.game-card button:hover{transform:translateY(-2px)}.game-primary:disabled{opacity:.5;cursor:wait}.game-card small{color:#a399ad;margin-top:.9rem}.category-select{width:100%;font-size:.8rem;color:var(--muted);margin:0 0 1rem}.category-select select{display:block;width:100%;margin-top:.3rem;padding:.65rem;border:1px solid #e5dce9;border-radius:12px;background:#fff;color:var(--ink);font:inherit}.games-history{max-width:1000px;margin:2.7rem auto 0;padding:1.6rem 1.8rem;border-radius:22px;background:#fff;border:1px solid #eee8f3}.games-history p{color:var(--muted)}.invite-banner{max-width:1000px;margin:0 auto 1.5rem;padding:1rem 1.3rem;border-radius:18px;display:flex;align-items:center;gap:.7rem;background:#fff0f4;color:var(--ink)}.invite-banner div{flex:1}.invite-banner p{margin:.25rem 0;color:var(--muted)}.invite-banner>button:not(.game-primary){border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.game-room-page{max-width:1000px;margin:auto}.game-scoreboard{display:flex;align-items:center;justify-content:space-between;max-width:620px;margin:0 auto 1rem;padding:1rem 1.4rem;border-radius:20px;background:#fff;box-shadow:0 10px 35px #51416b0d}.game-scoreboard strong{font-size:1.2rem;color:#754b82}.game-activity{text-align:center;color:#8e7197;animation:soft-in .25s ease-out}.game-board{max-width:670px;margin:0 auto;padding:clamp(1.4rem,4vw,2.5rem);border-radius:28px;background:#fff;border:1px solid #eee6f2;box-shadow:0 16px 48px #51416b12;text-align:center}.game-board h2{font:500 clamp(1.45rem,4vw,2.2rem)/1.25 var(--olw-font-display);color:#493956;margin:.6rem 0 1.4rem}.game-options,.wyr-options{display:grid;gap:.7rem}.game-options button,.wyr-options button{background:#f8f3fa;color:#554562;border:1px solid #eee3f1;border-radius:16px;text-align:left;padding:1rem}.game-options button:hover,.wyr-options button:hover,.game-options button.selected{background:#f1e4f2}.game-board>p{color:var(--muted)}.game-board .game-primary{margin-top:1rem}.countdown-panel{height:min(54vh,390px);display:grid;place-content:center;text-align:center}.countdown-panel span{font:500 8rem var(--olw-font-display);color:#a678aa;animation:count-pop 1s ease-in-out infinite}.countdown-panel p{color:var(--muted)}.reaction-bar{display:flex;justify-content:center;gap:.4rem;margin:1rem auto}.reaction-bar button,.emoji-row button{width:2.7rem;height:2.7rem;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 15px #51416b12;font-size:1.25rem;cursor:pointer}.game-actions,.emoji-row{display:flex;justify-content:center;gap:.5rem}.game-actions button:not(.game-primary){border:1px solid #eee;background:#fff;border-radius:99px;padding:.8rem 1.2rem;color:#766d80}.waiting-orbit{margin:auto;width:5rem;height:5rem;border-radius:50%;display:grid;place-items:center;background:#fff0f4;font-size:2rem;animation:float 2s ease-in-out infinite}.waiting-panel h1,.result-panel h1{font:500 1.8rem var(--olw-font-display)}.waiting-panel button{background:transparent;color:#8c8092;text-decoration:underline}.result-heart{font-size:3.5rem;display:block;animation:float 1.6s ease-in-out infinite}.result-panel>a{display:block;margin-top:1.4rem;color:#7e6487}.game-error{color:#ae4561;text-align:center}.playing-card{min-height:180px;display:grid;place-content:center;padding:1.5rem;border-radius:22px;background:linear-gradient(145deg,#fff1f5,#faf1ff);font:500 1.35rem var(--olw-font-display);color:#59445f;box-shadow:0 12px 30px #704b8412}.playing-card>span{font-size:2rem;color:#c390be}.game-board textarea,.game-board input{width:100%;padding:.9rem;border:1px solid #e8deea;border-radius:14px;font:inherit;margin-top:1rem;box-sizing:border-box}.game-board textarea{min-height:90px;resize:vertical}.draw-heading{display:flex;justify-content:center;gap:1rem;align-items:center}.draw-time{color:#91709b;font-size:1.5rem}.draw-canvas{width:100%;height:300px;border:1px solid #eee4ef;border-radius:20px;background:#fffdf9;touch-action:none}.draw-colors,.draw-tools{display:flex;justify-content:center;gap:.5rem;margin:.7rem 0}.draw-colors button{width:1.8rem;height:1.8rem;border:2px solid #fff;outline:1px solid #ddd;border-radius:50%}.draw-tools button{font-size:.8rem;padding:.55rem .8rem;background:#f7f1f8;color:#65556d}.guess-list{display:flex;justify-content:center;gap:.5rem;margin:.6rem}.guess-list span{padding:.4rem .7rem;background:#f9f4fa;border-radius:99px;color:#82758a}.empty-game{margin-top:12vh}.empty-game a{color:#805f8d}.game-board form{display:flex;gap:.5rem}.game-board form input{flex:1;min-width:0}.game-board form .game-primary{white-space:nowrap}@keyframes count-pop{50%{transform:scale(1.08);opacity:.7}}@keyframes soft-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.games-page{padding:1.2rem 1rem 2rem}.games-hero{margin-bottom:1.6rem}.games-grid{grid-template-columns:1fr;gap:.8rem}.game-card{padding:1.25rem;border-radius:21px}.games-history{margin-top:1.5rem;padding:1.2rem}.invite-banner{align-items:flex-start;flex-wrap:wrap}.invite-banner div{flex-basis:100%}.game-scoreboard{padding:.8rem;font-size:.85rem}.draw-canvas{height:240px}.game-board{border-radius:22px}}@media(prefers-reduced-motion:reduce){.game-card button,.game-activity,.waiting-orbit,.result-heart,.countdown-panel span{animation:none;transition:none}}.floating-reaction{position:fixed;z-index:5;left:50%;bottom:6rem;font-size:2.5rem;pointer-events:none;animation:reaction-rise 1.6s ease-out forwards}@keyframes reaction-rise{to{transform:translateY(-150px) scale(1.5);opacity:0}}.draw-timer{width:3rem;height:3rem;overflow:visible}.draw-timer circle{fill:none;stroke-width:3}.draw-timer-track{stroke:#eee7f0}.draw-timer-value{stroke:#a477ae;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.draw-timer text{fill:#6f5879;text-anchor:middle;font-size:12px;font-family:inherit}.games-page{--ink: #f5f0e8;--muted: rgba(245, 240, 232, .72);color:#f5f0e8;background:radial-gradient(900px 500px at 50% -10%,rgba(255,111,168,.2),transparent 60%),radial-gradient(700px 500px at 100% 60%,rgba(255,198,107,.1),transparent 60%),#0d0f1f}.games-hero h1,.game-board h2,.game-card h2,.games-history h2,.waiting-panel h1,.result-panel h1{color:#f5f0e8}.games-grid .game-card{border-color:#f5f0e821;color:#f5f0e8;background:linear-gradient(145deg,#241735,#151426);box-shadow:0 14px 40px #0005}.game-card.peach{background:radial-gradient(300px 220px at 90% 10%,rgba(255,198,107,.19),transparent 70%),linear-gradient(145deg,#3a1d4d,#201526)}.game-card.lavender{background:radial-gradient(300px 220px at 90% 10%,rgba(167,139,250,.2),transparent 70%),linear-gradient(145deg,#251b48,#151426)}.game-card.rose{background:radial-gradient(300px 220px at 90% 10%,rgba(255,111,168,.2),transparent 70%),linear-gradient(145deg,#4a203d,#201526)}.game-card.mint{background:radial-gradient(300px 220px at 90% 10%,rgba(120,220,195,.17),transparent 70%),linear-gradient(145deg,#163b3b,#151426)}+.games-history,.game-board,.game-scoreboard{background:linear-gradient(160deg,#211738,#151426);border-color:#f5f0e821;color:#f5f0e8;box-shadow:0 16px 48px #0005}+.game-primary,.game-card button,.game-options button,.wyr-options button{background:#ffc66b;color:#101528;border-color:transparent}.game-options button,.wyr-options button{background:#241a38;color:#f5f0e8;border:1px solid rgba(245,240,232,.14)}.game-options button:hover,.wyr-options button:hover,.game-options button.selected{background:#3a2850;border-color:#ffc66b}+.game-scoreboard strong{color:#ffc66b}.game-scoreboard span:first-child{color:#c4b5fd}.game-scoreboard span:last-child{color:#9fe9d5}+.games-history p,.game-card>p:not(.game-kicker),.game-board>p,.waiting-panel p,.game-activity{color:#f5f0e8b8}.game-card small{color:#f5f0e894}+.playing-card{background:linear-gradient(145deg,#3a1a46,#271832);color:#f5f0e8}.playing-card>span{color:#ffc66b}.game-board textarea,.game-board input,.category-select select{background:#171427;border-color:#f5f0e833;color:#f5f0e8}.category-select{color:#f5f0e8b3}+.game-actions button:not(.game-primary),.invite-banner>button:not(.game-primary),.waiting-panel button{background:#211832;border-color:#f5f0e82b;color:#f5f0e8}.invite-banner{background:linear-gradient(110deg,#35203f,#241a35);color:#f5f0e8}.invite-banner p{color:#f5f0e8b3}+.reaction-bar button,.emoji-row button{background:#241b37;color:#f5f0e8;border:1px solid rgba(245,240,232,.12)}.draw-canvas{background:#fffdf9}.draw-tools button{background:#2a2040;color:#f5f0e8}.guess-list span{background:#282039;color:#e6d8ed}.result-panel>a,.empty-game a{color:#ffc66b}+.playing-card.response-card{margin:1rem 0}.draw-timer-track{stroke:#f5f0e826}.draw-timer-value{stroke:#ffc66b}.draw-timer text{fill:#f5f0e8}.result-panel{position:relative;overflow:hidden}.result-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.result-panel>*:not(.result-confetti){position:relative;z-index:1}.coin-reward{animation:coin-rise 1.8s ease-out both}@keyframes coin-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(-4px)}}.playing-card:not(.response-card){transform-style:preserve-3d;animation:card-open .55s cubic-bezier(.2,.8,.2,1) both}@keyframes card-open{0%{opacity:.7;transform:perspective(700px) rotateY(86deg)}to{opacity:1;transform:perspective(700px) rotateY(0)}}[data-motion=reduced] .games-page *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.games-page *{animation:none!important;transition:none!important}}/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.hidden{display:none}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--olw-midnight:#101528;--olw-deep:#1b2542;--olw-lavender:#a78bfa;--olw-coral:#ff8b8b;--olw-teal:#78dcc3;--olw-cream:#f5f0e8;--olw-calendar:#7c9bff;--olw-games:#ffc66b;--olw-games-pink:#ff6fa8;--olw-diary:#ffb38a;--olw-memories:#f3b6c8;--olw-ai:#5b8cff;--olw-ai-violet:#b26bff;--olw-travel:#b8e07a;--olw-font-display:"Outfit", sans-serif;--olw-font-body:"Manrope", sans-serif;--olw-font-hand:"Caveat", cursive;--olw-radius-sm:10px;--olw-radius-md:16px;--olw-radius-lg:24px;--olw-radius-xl:32px;--olw-space:4px;--olw-micro:.18s;--olw-card:.32s;--olw-page:.6s;--olw-ease-out:cubic-bezier(.2, .8, .2, 1);--olw-ease-in-out:cubic-bezier(.65, 0, .35, 1);--olw-ease-flip:cubic-bezier(.3, 1.4, .4, 1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--olw-midnight);color:var(--olw-cream);font-family:var(--olw-font-body)}button,a{font:inherit}button,a,[role=button]{min-height:44px}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{background:radial-gradient(ellipse at 76% 10%,#22294c 0,transparent 34%),var(--olw-midnight);min-height:100vh}.shell aside{z-index:3;background:#111a31;border-right:1px solid #ffffff12;flex-direction:column;width:244px;padding:30px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--olw-cream);font:600 20px var(--olw-font-display);align-items:center;gap:12px;padding:4px 12px 30px;text-decoration:none;display:flex}.brand:first-letter{color:var(--olw-coral);font-size:34px}.brand span{font-size:15px;line-height:1.1}.shell aside nav{gap:4px;display:grid}.shell aside nav a{color:#b4bdd1;transition:background var(--olw-micro),color var(--olw-micro);border-radius:14px;align-items:center;gap:14px;padding:0 14px;font-size:14px;text-decoration:none;display:flex}.shell aside nav a span{text-align:center;width:22px;font-size:19px}.shell aside nav a:hover,.shell aside nav a.selected{color:var(--olw-cream);background:#ffffff0d}.shell aside nav a.selected span{color:var(--olw-lavender)}.aside-note{color:#8791a8;margin-top:auto;padding:14px;font-size:12px;line-height:1.7}.content{min-height:100vh;margin-left:244px;padding:0 clamp(24px,6vw,88px) 64px}.status-dot{background:var(--olw-teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #78dcc377}.page{max-width:1000px;margin:0 auto;padding:62px 0}.eyebrow{letter-spacing:.2em;color:var(--accent);margin-bottom:14px;font-size:11px}.page h1{font:500 clamp(34px,5vw,56px) var(--olw-font-display);letter-spacing:-.03em;margin:0 0 38px}.placeholder{text-align:center;background:linear-gradient(135deg,#ffffff08,#ffffff02);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:32px;display:flex}.placeholder>span{color:var(--accent);filter:drop-shadow(0 0 22px var(--accent));font-size:34px;animation:4s ease-in-out infinite float}.placeholder h2{font:500 22px var(--olw-font-display);margin:20px 0 8px}.placeholder p{color:#aeb7cb;margin:0;font-size:14px}.enter,.sleep{text-align:center;background:radial-gradient(ellipse at center,#252949 0,transparent 55%),var(--olw-midnight);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.enter>img{border-radius:22px;width:78px;margin-bottom:18px;animation:5s ease-in-out infinite float}.stars{color:#c5b3ff;letter-spacing:.8em;margin:0 0 28px;animation:4s ease-in-out infinite twinkle}.enter h1,.sleep h1{font:500 clamp(30px,7vw,46px) var(--olw-font-display);margin:0 0 10px}.enter>p,.sleep p{color:#aeb7cb}.enter form{text-align:left;gap:10px;width:min(100%,360px);margin-top:24px;display:grid}.enter label{color:#bac3d6;margin-top:6px;font-size:12px}.enter input,.enter select{height:50px;color:var(--olw-cream);background:#ffffff0c;border:1px solid #ffffff24;border-radius:12px;padding:0 14px}.enter select option{background:#1b2542}.enter button{color:#201b32;background:var(--olw-lavender);cursor:pointer;border:0;border-radius:14px;margin-top:10px;font-weight:700}.enter form p{color:var(--olw-coral);text-align:center;font-size:13px}.sleep svg{margin:10px;animation:5s ease-in-out infinite float}.sleep p{max-width:400px;line-height:1.7}.sleep a{color:var(--olw-lavender);margin-top:18px}.loading{min-height:100vh;color:var(--olw-lavender);place-items:center;display:grid}@keyframes float{50%{transform:translateY(-8px)}}@keyframes twinkle{50%{opacity:.55;transform:translateY(-2px)}}@media(max-width:759px){.shell aside{display:none}.content{margin-left:0;padding:0 20px 96px}.page{padding:44px 0}.page h1{margin-bottom:26px}.placeholder{min-height:290px}.bottom{z-index:4;height:72px;padding:5px 12px max(5px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111a31f2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom a{color:#aab3c7;place-items:center;width:42px;font-size:20px;text-decoration:none;display:grid}.bottom a.selected{color:var(--olw-lavender)}.bottom .heart-nav{background:var(--olw-coral);color:#231928;border-radius:50%;width:54px;height:54px;margin-top:-24px;font-size:31px;box-shadow:0 8px 28px #ff8b8b44}.aside-note{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-background:before,.ambient-background:after{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(100px);opacity:.08;background:var(--section-accent);animation:aura 28s ease-in-out infinite alternate}.ambient-background:after{right:-20vw;bottom:-30vw;animation-delay:-12s}.ambient-background canvas{width:100%;height:100%}.shell>*:not(.ambient-background){position:relative}.olw-button{border:0;border-radius:14px;padding:0 20px;color:#201b32;background:linear-gradient(115deg,var(--olw-coral),var(--olw-lavender));cursor:pointer;transition:transform .18s,opacity .18s}.olw-button.secondary{background:#ffffff14;color:var(--olw-cream)}.olw-button.ghost{background:transparent;color:var(--olw-cream)}.olw-button:hover,.olw-button.state-hover{transform:translateY(-2px)}.olw-button:active,.olw-button.state-active{transform:scale(.97)}.olw-button:disabled,.olw-button.state-disabled{opacity:.45;cursor:not-allowed}.olw-card{border:1px solid #ffffff14;border-radius:20px;background:#ffffff08;padding:22px;transition:transform .3s,opacity .3s}.olw-card:hover{transform:translateY(-4px)}.olw-chip{display:inline-flex;align-items:center;min-height:28px;border-radius:99px;padding:0 11px;color:var(--olw-lavender);background:#a78bfa18;font-size:12px}.olw-avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;border:2px solid #81899b;border-radius:50%;background:#ffffff14}.olw-avatar.available{border-color:var(--olw-teal)}.olw-avatar.studying{border-color:var(--olw-lavender)}.olw-avatar.sleeping{border-color:#9299aa}.olw-status-dot{position:absolute;width:10px;height:10px;right:-1px;bottom:-1px;border:2px solid var(--olw-midnight);border-radius:50%;background:#9299aa}.olw-status-dot.available{background:var(--olw-teal)}.olw-status-dot.studying{background:var(--olw-lavender)}.olw-progress{height:7px;overflow:hidden;border-radius:6px;background:#ffffff18}.olw-progress span{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--olw-coral),var(--olw-lavender))}.olw-skeleton{display:block;height:18px;border-radius:9px;background:linear-gradient(90deg,#ffffff08,#ffffff1c,#ffffff08);background-size:200%;animation:shimmer 2s linear infinite}@keyframes aura{to{transform:translate(15vw,10vh) scale(1.18)}}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ambient-background:before,.ambient-background:after,.olw-skeleton{animation:none}}.shell{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;min-height:100dvh;overflow:clip}.shell>.ambient-background{position:fixed}.shell>.desktop-sidebar,.shell>.content,.shell>.bottom{position:relative;z-index:1}.shell aside.desktop-sidebar{position:sticky;inset:0 auto auto 0;display:flex;flex-direction:column;width:240px;height:100vh;height:100dvh;min-height:0;padding:24px 16px 18px;border-right:1px solid #ffffff12;background:#111a31ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{gap:10px;padding:4px 8px 24px;font:800 18px var(--olw-font-display)}.brand-mark{width:34px;height:34px;flex:none;fill:var(--olw-coral);stroke:var(--olw-lavender);stroke-width:1.5;stroke-dasharray:3 3}.brand-mark .brand-lavender{fill:var(--olw-lavender);stroke:none}.brand-mark .brand-teal{fill:var(--olw-teal);stroke:none}.shell aside nav{display:grid;gap:3px;min-height:0;overflow-y:auto}.shell aside nav a{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:12px;color:#b4bdd1;text-decoration:none;font-size:13px}.shell aside nav a svg{width:19px;height:19px;flex:none}.shell aside nav a:hover,.shell aside nav a.selected{background:#ffffff0e;color:var(--olw-cream)}.shell aside nav a.selected svg{color:var(--olw-lavender)}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.coin-card{display:grid;gap:5px;padding:14px;border-radius:18px;background:linear-gradient(150deg,#a78bfa2e,#ff8b8b20)}.coin-total{display:flex;align-items:center;gap:8px;font:700 15px var(--olw-font-display)}.coin-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f2c46b;color:#101528}.coin-caption{color:#f5f0e8b8;font-size:11px;line-height:1.45}.thinking-pill{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;background:linear-gradient(120deg,#ff8b8b,#ffb38a);color:#201b32;text-decoration:none;font-size:12px;font-weight:700}.thinking-pill svg{width:17px;height:17px}.content{min-width:0;min-height:100vh;min-height:100dvh;margin:0;padding:40px clamp(24px,4vw,64px)}.content>.sky-gallery{width:100%;max-width:1200px;margin:32px auto}.sky-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bottom{display:none}.page{max-width:1000px}.settings-panel{width:min(100%,600px)}.settings-panel label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.sky-gallery:has(.settings-panel){display:grid}@media(max-width:759px){.shell{display:block;min-height:100vh;min-height:100dvh;overflow:clip}.shell aside.desktop-sidebar{display:none}.content{min-height:100vh;min-height:100dvh;padding:16px 16px calc(104px + env(safe-area-inset-bottom))}.content>.sky-gallery{margin:8px auto}.sky-gallery{grid-template-columns:minmax(0,1fr);gap:14px}.bottom{position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));z-index:5;display:flex;height:68px;padding:4px 8px;align-items:center;justify-content:space-around;border:1px solid #ffffff18;border-radius:24px;background:#1b2542ed;box-shadow:0 18px 45px #05081766;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shell>.bottom{position:fixed}.bottom>a,.bottom summary{display:grid;place-items:center;width:48px;min-height:48px;color:#b4bdd1;text-decoration:none}.bottom>a svg,.bottom summary svg{width:23px;height:23px}.bottom>a.selected{color:var(--olw-lavender)}.bottom>a span{display:none}.bottom .heart-nav{width:56px;height:56px;min-height:56px;margin-top:-25px;border:4px solid var(--olw-midnight);border-radius:50%;background:linear-gradient(135deg,#ff8b8b,#a78bfa);color:#201b32;box-shadow:0 10px 24px #ff8b8b55}.bottom .heart-nav svg{width:24px}.bottom details{position:relative}.bottom summary{display:grid;gap:1px;font-size:9px;list-style:none;cursor:pointer}.bottom summary::-webkit-details-marker{display:none}.bottom summary svg{width:21px;height:21px}.bottom details>div{position:absolute;right:-8px;bottom:58px;display:grid;min-width:170px;padding:8px;border:1px solid #ffffff20;border-radius:18px;background:#1b2542f5;box-shadow:0 15px 40px #05081766}.bottom details>div a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;color:#e5e5ed;text-decoration:none;font-size:13px}.bottom details>div svg{width:18px;height:18px}}@media(min-width:760px)and (max-width:1050px){.shell{grid-template-columns:220px minmax(0,1fr)}.shell aside.desktop-sidebar{width:220px;padding-inline:12px}.content{padding-inline:24px}.sky-gallery{gap:12px}}@media(prefers-reduced-motion:reduce){.thinking-pill,.shell aside nav a{transition:none}}.design-gallery,.sky-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.design-gallery>*{display:grid;align-content:start;gap:14px}.settings-panel{display:grid;gap:18px;max-width:560px}.settings-panel label,.settings-panel form{display:grid;gap:9px}.settings-panel input:not([type=checkbox]),.settings-panel select{min-height:46px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0c;color:var(--olw-cream);padding:0 12px}.settings-panel button{border:0;border-radius:12px;background:linear-gradient(115deg,var(--olw-coral),var(--olw-lavender));color:#201b32}.settings-panel form p{min-height:20px;color:var(--olw-teal)}html[data-theme=light] body{background:#f5f0e8;color:#101528}html[data-theme=light] .shell{background:#f5f0e8}html[data-theme=light] .shell aside,html[data-theme=light] .bottom{background:#eee8df}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.olw-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#050817bb}.olw-modal{position:relative;width:min(100%,540px);border:1px solid #ffffff20;border-radius:24px;padding:28px;background:#1b2542}.olw-modal-close{position:absolute;top:8px;right:12px;border:0;background:none;color:inherit;font-size:28px}.olw-toasts{position:fixed;top:20px;right:20px;z-index:30;display:grid;gap:9px}.olw-toast{padding:14px 18px;border:1px solid #ffffff20;border-radius:14px;background:#1b2542;box-shadow:0 12px 30px #0004;animation:toast-in .25s ease-out}.olw-ring-timer{width:120px}.olw-waveform{display:flex;height:40px;align-items:center;gap:3px}.olw-waveform span{width:3px;height:var(--bar);border-radius:4px;background:var(--olw-lavender);opacity:.65;transform:scaleY(.35)}.olw-waveform.active span{animation:wave .7s ease-in-out infinite alternate}.olw-waveform.active span:nth-child(2n){animation-delay:-.4s}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}}@keyframes wave{to{transform:scaleY(1)}}@media(max-width:759px){.olw-modal{align-self:end;width:100%;border-radius:24px 24px 8px 8px;padding-top:38px}}@media(prefers-reduced-motion:reduce){.olw-waveform span,.olw-toast{animation:none!important}}.coin-balance{color:var(--olw-games);font-weight:700}.thinking-link{display:inline-flex;align-items:center;color:var(--olw-coral);text-decoration:none;margin-bottom:18px}.bottom details{position:relative;color:#aab3c7}.bottom summary{list-style:none;cursor:pointer;min-height:44px;display:grid;place-items:center}.bottom details div{position:absolute;bottom:58px;right:0;display:grid;gap:8px;min-width:150px;padding:14px;border:1px solid #ffffff22;border-radius:16px;background:#1b2542}.bottom details a{color:var(--olw-cream);text-decoration:none}.settings-panel input[type=range]{accent-color:var(--olw-lavender)}.letter-studio,.mailbox-page{width:min(100%,1380px);margin:0 auto;padding:clamp(20px,3vw,44px)}.letter-heading,.mailbox-heading{display:flex;align-items:flex-end;justify-content:space-between;height:auto;gap:24px;margin-bottom:28px;border:0;color:inherit;font-size:inherit}.letter-heading>div,.mailbox-heading>div{display:block}.eyebrow{color:var(--olw-coral);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.letter-heading h1,.mailbox-heading h1{margin:8px 0;font:800 clamp(30px,4vw,46px) var(--olw-font-display);letter-spacing:-.03em}.letter-heading p,.mailbox-heading p{max-width:620px;margin:0;color:#c4cada;line-height:1.6}.soft-button,.heart-reaction{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #ffffff2d;border-radius:999px;background:#1b2542cc;color:var(--olw-cream);cursor:pointer;text-decoration:none}.letter-studio-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;gap:28px}.letter-controls{display:grid;gap:14px}.letter-controls fieldset{min-width:0;margin:0;padding:18px;border:1px solid #ffffff18;border-radius:20px;background:#1b25427a}.mobile-step-nav{display:none}.letter-controls legend{padding:0 8px;color:#e5e1ec;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.design-options,.chip-row,.color-options,.attachment-row{display:flex;flex-wrap:wrap;gap:9px}.design-options button{display:grid;flex:1 1 110px;gap:7px;padding:7px;border:2px solid transparent;border-radius:14px;background:transparent;color:var(--olw-cream);cursor:pointer;font-size:11px}.design-options button.chosen{border-color:var(--olw-coral);box-shadow:0 0 0 3px #ff8b8b22}.design-options button span{height:40px;border-radius:9px}.choice-chip{min-height:38px;padding:0 13px;border:1px solid #ffffff2e;border-radius:999px;background:transparent;color:var(--olw-cream);cursor:pointer;font-size:12px}.choice-chip.active{border-color:transparent;background:var(--olw-cream);color:var(--olw-midnight)}.letter-controls label:not(.attachment-button){display:grid;gap:7px;margin-bottom:12px;color:#e3e2ec;font-size:12px;font-weight:600}.letter-controls input:not([type=file]),.letter-controls textarea{width:100%;padding:12px 14px;border:1px solid #ffffff24;border-radius:13px;outline:none;background:#101528;color:var(--olw-cream);font:500 14px var(--olw-font-body)}.letter-controls input:focus,.letter-controls textarea:focus{border-color:var(--olw-lavender)}.letter-controls textarea{resize:vertical;line-height:1.5}.attachment-button{position:relative;display:inline-flex;flex:1;align-items:center;justify-content:center;min-height:42px;padding:8px;border:1px dashed #a78bfa88;border-radius:12px;color:#c4b5fd;cursor:pointer;font-size:12px;text-align:center}.attachment-button input{position:absolute;width:1px;height:1px;opacity:0}.remove-attachment,.selected-song button{border:0;background:transparent;color:#ffb3b3;cursor:pointer}.music-search{display:flex;align-items:end;gap:8px;margin-top:12px}.music-search label{flex:1;margin:0!important}.music-result{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:12px;background:#ffffff0c;font-size:12px}.music-result img{width:38px;height:38px;border-radius:7px;object-fit:cover}.music-result span{display:grid;flex:1}.music-result small,.selected-song{color:#b9c1d4}.music-result button{border:0;background:transparent;color:var(--olw-teal);cursor:pointer}.music-result audio{width:100%}.color-options{align-items:center;margin-bottom:12px}.color-options button{width:34px;height:34px;border:3px solid transparent;border-radius:50%;cursor:pointer}.color-options button.chosen{border-color:var(--olw-cream);box-shadow:0 0 0 2px #fff3}.when-options{display:grid;gap:8px}.when-options button{display:grid;gap:4px;padding:12px 14px;border:1px solid #ffffff20;border-radius:14px;background:transparent;color:var(--olw-cream);cursor:pointer;text-align:left}.when-options button.active{border-color:var(--olw-coral);background:#ff8b8b20}.when-options small{color:#c1c7d6;line-height:1.4}.shell aside.letter-preview-column{position:sticky;inset:auto;top:20px;display:grid;width:auto;min-height:0;padding:0;border:0;background:transparent;z-index:auto;gap:16px}.letter-preview-stage{position:relative;display:grid;min-height:570px;place-items:center;overflow:hidden;padding:28px;border:1px solid #ffffff1c;border-radius:26px;background:radial-gradient(500px 360px at 50% 40%,#ff8b8b25,transparent 70%),#151b33}.letter-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.letter-preview-paper{position:relative;display:flex;width:min(100%,370px);min-height:450px;flex-direction:column;align-items:center;gap:16px;padding:42px 30px 30px;border-radius:4px;box-shadow:0 28px 70px #0007;text-align:center}.letter-preview-seal,.letter-seal{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:var(--letter-accent);color:#fff;font:26px var(--olw-font-body);box-shadow:0 8px 20px color-mix(in srgb,var(--letter-accent),transparent 40%)}.letter-preview-paper>span,.letter-occasion{color:var(--letter-accent);font:800 10px var(--olw-font-body);letter-spacing:.15em;text-transform:uppercase}.letter-preview-paper h2,.letter-paper h2{margin:0;font-size:34px;line-height:1.13}.letter-preview-paper>p,.letter-paper>p{width:100%;margin:0;font-size:21px;line-height:1.45;white-space:pre-line}.letter-preview-paper>b,.letter-signature{margin-top:auto;align-self:flex-end;color:var(--letter-accent);font-size:22px}.letter-preview-paper img{width:65%;max-height:140px;border-radius:5px;object-fit:cover}.preview-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-facts div{display:grid;gap:5px;padding:13px;border-radius:14px;background:#1b2542c7}.preview-facts small{color:#aeb8ce;font-size:10px}.preview-facts b{font:700 12px var(--olw-font-display)}.letter-note{margin:0;color:#b9c1d4;font-size:12px;line-height:1.6}.send-letter{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(120deg,var(--olw-coral),var(--olw-lavender));color:#101528;cursor:pointer;font-weight:800;text-decoration:none}.send-letter:disabled{cursor:wait;opacity:.65}.letter-error{color:#ffb3b3;font-size:13px}.mailbox-heading{align-items:center}.mailbox-compose{flex:none}.mailbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.envelope-card{position:relative;display:flex;min-height:190px;flex-direction:column;align-items:flex-start;justify-content:end;gap:7px;overflow:hidden;padding:22px;border:1px solid #ffffff24;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--envelope-accent),#101528 84%),#1b2542);color:var(--olw-cream);cursor:pointer;text-align:left}.envelope-card.unread{border-color:var(--envelope-accent);box-shadow:0 0 28px color-mix(in srgb,var(--envelope-accent),transparent 82%)}.envelope-flap{position:absolute;inset:0 0 auto;height:90px;background:color-mix(in srgb,var(--envelope-accent),transparent 82%);clip-path:polygon(0 0,100% 0,50% 100%)}.envelope-heart{position:absolute;top:44px;left:50%;display:grid;width:38px;height:38px;place-items:center;transform:translate(-50%);border-radius:50%;background:var(--envelope-accent);color:#101528}.envelope-card strong{z-index:1;font:700 17px var(--olw-font-display)}.envelope-card>span:not(.envelope-flap):not(.envelope-heart),.envelope-card small{color:#c2c9d7;font-size:11px}.envelope-card i{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;background:var(--envelope-accent);color:#101528;font-size:10px;font-style:normal;font-weight:800}.mailbox-empty{display:grid;min-height:450px;justify-items:center;align-content:center;text-align:center}.empty-envelope{display:grid;width:106px;height:84px;place-items:center;border:1px solid #a78bfa88;border-radius:18px;background:#a78bfa18;color:var(--olw-coral);font-size:42px}.mailbox-empty h2{margin:24px 0 6px;font:700 25px var(--olw-font-display)}.mailbox-empty p{max-width:400px;margin:0 0 22px;color:#b9c1d4;line-height:1.5}.letter-modal{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:auto;padding:24px;background:#080b15d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.letter-modal-content{position:relative;display:grid;justify-items:center;gap:14px;width:min(100%,520px);padding:22px;border:1px solid #ffffff20;border-radius:24px;background:#1b2542}.modal-close{position:absolute;z-index:2;top:10px;right:12px;width:38px;height:38px;border:1px solid #10152820;border-radius:50%;background:#fff;color:#101528;cursor:pointer;font-size:24px}.letter-paper{position:relative;display:flex;width:min(100%,430px);min-height:500px;flex-direction:column;align-items:center;gap:18px;padding:40px 32px 30px;border-radius:4px;box-shadow:0 22px 55px #0006;text-align:center}.letter-photo{width:68%;max-height:180px;border:6px solid #ffffffba;object-fit:cover}.letter-paper audio{width:100%}.letter-song{display:grid;width:100%;gap:5px;font:600 12px var(--olw-font-body)}.welcome-letter{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;overflow:auto;place-items:center;padding:24px;background:radial-gradient(800px 500px at 50% 0%,#ff8b8b33,transparent 60%),#101528;color:var(--olw-cream)}.welcome-envelope-wrap,.welcome-reveal{display:grid;justify-items:center;width:min(100%,520px);gap:22px;text-align:center}.welcome-envelope-wrap>p,.welcome-reveal>p{margin:0;color:#d5d1df}.welcome-star{color:var(--olw-lavender);font-size:30px;animation:star-pulse 2.2s ease-in-out infinite alternate}.welcome-envelope{position:relative;width:min(76vw,330px);height:210px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:18px;background:linear-gradient(145deg,#f5f0e8,#ddcfeb);box-shadow:0 28px 80px #0007}.welcome-envelope:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(145deg,transparent 49%,#a78bfa55 50%),linear-gradient(215deg,transparent 49%,#ff8b8b55 50%);border-radius:inherit}.envelope-seal{z-index:1;display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:var(--olw-coral);color:#fff;font-size:24px}.welcome-reveal{position:relative;width:min(100%,680px);animation:reveal-in .6s cubic-bezier(.2,.8,.2,1) both}.welcome-sequence{position:relative;display:grid;width:min(100%,500px);min-height:360px;place-items:center}.welcome-sequence .letter-particles{z-index:0}.opening-envelope{z-index:2;transform-style:preserve-3d;animation:envelope-away .65s .5s ease-out forwards}.opening-envelope:after{position:absolute;inset:0 0 auto;height:55%;content:"";transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(145deg,#e5d8e8,#bfaed4);animation:envelope-flap .5s .1s ease-in forwards}.opening-envelope .envelope-seal{transition:transform .22s ease-in,opacity .22s ease-in;animation:seal-break .26s ease-in forwards}.welcome-letter-slip{position:absolute;z-index:1;display:grid;width:100%;place-items:center;opacity:0;transform:translateY(75px) scale(.82);animation:letter-rise .78s .52s cubic-bezier(.2,.8,.2,1) forwards}.welcome-letter-slip .letter-paper{width:min(100%,390px);min-height:340px}.welcome-sparkles{position:relative;z-index:1;color:var(--olw-games);font-size:25px}.welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@keyframes star-pulse{to{transform:scale(1.2);opacity:.6}}@keyframes reveal-in{0%{opacity:0;transform:translateY(24px) scale(.98)}}@keyframes seal-break{to{opacity:0;transform:scale(1.6) rotate(18deg)}}@keyframes envelope-flap{to{opacity:.45;transform:rotateX(165deg)}}@keyframes envelope-away{to{opacity:0;transform:translateY(18px) scale(.92)}}@keyframes letter-rise{to{opacity:1;transform:translateY(-18px) scale(1)}}@media(max-width:900px){.letter-studio-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:16px}.letter-preview-stage{min-height:500px;padding:18px}.letter-preview-paper{min-height:420px}}@media(max-width:759px){.letter-studio,.mailbox-page{padding:22px 16px 100px}.letter-heading,.mailbox-heading{align-items:flex-start;flex-direction:column;gap:14px;height:auto}.letter-heading .soft-button{align-self:flex-start}.letter-studio-grid{display:flex;flex-direction:column}.shell aside.letter-preview-column{position:static;display:grid;order:0;width:100%}.letter-controls{order:1;width:100%}.letter-controls fieldset.inactive-step{display:none}.mobile-step-nav{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:6px 2px;color:#c4cada;font-size:12px}.mobile-step-nav progress{grid-column:1 / -1;width:100%;height:5px;accent-color:var(--olw-lavender)}.mobile-step-nav>div{display:flex;gap:8px}.mobile-step-nav .send-letter{min-height:42px;padding-inline:16px;font-size:12px}.mobile-step-nav .choice-chip:disabled{opacity:.4}.letter-preview-column>.send-letter{display:none}.letter-preview-stage{min-height:450px;width:100%}.letter-preview-paper{min-height:380px;padding:28px 22px 24px}.preview-facts{grid-template-columns:1fr}.preview-facts div{display:flex;justify-content:space-between;align-items:center}.mailbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.envelope-card{min-height:178px;padding:15px}.letter-modal{align-items:start;padding:12px}.letter-modal-content{padding:44px 12px 16px}.letter-paper{min-height:440px;padding:34px 22px 24px}.welcome-letter{padding:18px}}@media(max-width:400px){.mailbox-grid{grid-template-columns:1fr}.letter-preview-paper h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.welcome-star,.welcome-reveal{animation:none}.opening-envelope,.opening-envelope:after,.opening-envelope .envelope-seal,.welcome-letter-slip{animation:none;transform:none;opacity:1}}