@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&family=Fredoka:wght@500;600;700&family=Frank+Ruhl+Libre:wght@500;700;900&family=Heebo:wght@300;400;500;600;700&family=Rubik:wght@400;500;600;700;800&display=swap";:root{--cream:#f8f3ea;--cream-d:#ece0cf;--card:#fff;--card-2:#fffdf9;--line:#dbc9af8c;--gold:#dda149;--gold-soft:#edbe72;--terracotta:#be6c48;--earth:#7c5d46;--teal:#2b6f6a;--teal-light:#3fa097;--sage:#7fa08a;--sage-d:#5f8571;--plum:#6f5d7e;--plum-d:#574767;--warm-1:#fff6e6;--warm-2:#fbead0;--text:#2c2530;--text-mid:#64564f;--text-light:#9a8879;--btn-ghost:#ffffffbf;--screen-grad:radial-gradient(120% 50% at 50% -10%, #edbe723d, #edbe7200 60%), radial-gradient(90% 60% at 12% 108%, #7fa08a1a, #7fa08a00 60%), linear-gradient(172deg, #f8f3ea 0%, #f3e9da 66%, #eee1cd 100%);--set-bg:#eceae6;--set-track:#f1eee9}html.dark{--cream:#171316;--cream-d:#ffffff17;--card:#241e24;--card-2:#1c171c;--line:#ffffff17;--set-bg:#141116;--set-track:#ffffff0f;--gold:#e7b86b;--gold-soft:#efc98a;--terracotta:#d98c5e;--earth:#b49a80;--teal:#63a9a2;--teal-light:#6fc9bf;--sage:#8eb39a;--sage-d:#6e937d;--plum:#9b8aad;--plum-d:#7e6e90;--warm-1:#2a2118;--warm-2:#201911;--text:#f3eadf;--text-mid:#cdbeaf;--text-light:#9a8c79;--btn-ghost:#ffffff17;--screen-grad:radial-gradient(60% 40% at 82% 4%, #e7b86b1f, #e7b86b00 60%), radial-gradient(80% 55% at 14% 100%, #6f5d7e29, #6f5d7e00 62%), linear-gradient(172deg, #171316 0%, #1c161c 66%, #120e12 100%)}html.dark body{background:var(--cream);color:var(--text)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}html,body,#root{min-height:100%}body{background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Heebo,system-ui,sans-serif;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)scale(.99)}to{opacity:1;transform:none}}.app-screen{--nav-x:1}.app-screen[dir=rtl]{--nav-x:-1}@keyframes navIn{0%{opacity:0;transform:translateX(calc(var(--nav-x) * var(--nav-from)))}to{opacity:1;transform:none}}.app-screen.nav-fwd{--nav-from:36px;animation:.34s cubic-bezier(.22,.8,.28,1) both navIn}.app-screen.nav-back{--nav-from:-36px;animation:.3s cubic-bezier(.22,.8,.28,1) both navIn}@media (prefers-reduced-motion:reduce){.app-screen.nav-fwd,.app-screen.nav-back{animation:none}}button{transition:transform .12s,box-shadow .2s}button:active{transform:scale(.97)}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(7px)}to{opacity:1;transform:none}}.pop-in{animation:.42s cubic-bezier(.2,.7,.3,1) both popIn}.home-bubble{transition:transform .16s cubic-bezier(.2,.7,.3,1)}.home-bubble:active{transform:scale(.95)}@media (prefers-reduced-motion:no-preference){@keyframes bubbleBreathe{0%,to{transform:translateY(0)scale(1);box-shadow:0 7px 18px #785a3224}50%{transform:translateY(-8px)scale(1.09);box-shadow:0 20px 36px #785a3247,0 0 0 6px #f0bc6b1a}}.home-bubble{animation:4.2s ease-in-out infinite bubbleBreathe}.home-bubble:active{animation:none;transform:scale(.95)}@keyframes heartPulse{0%,to{filter:drop-shadow(0 8px 18px #dda14947);transform:scale(1)}30%{filter:drop-shadow(0 11px 32px #f5aa379e);transform:scale(1.19)}45%{filter:drop-shadow(0 9px 22px #dda14966);transform:scale(1.05)}60%{filter:drop-shadow(0 10px 30px #f5aa378c);transform:scale(1.13)}}.home-heart{transform-origin:50% 55%;animation:3.4s ease-in-out infinite heartPulse}.home-heart.heart-giggle{animation:.9s cubic-bezier(.3,1.6,.5,1) heartGiggle,3.4s ease-in-out .9s infinite heartPulse}@keyframes heartGiggle{0%{transform:scale(1)}18%{transform:scale(1.18,.86)translateY(4px)}36%{transform:scale(.92,1.12)translateY(-14px)rotate(-8deg)}54%{transform:scale(1.06)translateY(-6px)rotate(7deg)}72%{transform:rotate(-4deg)}to{transform:scale(1)rotate(0)}}.heart-say{animation:2.8s both heartSay;transform:translate(-50%)}@keyframes heartSay{0%{opacity:0;transform:translate(-50%,8px)scale(.85)}10%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.home-heart.heart-giggle,.heart-say{animation:none}}.si-anim{transform-origin:50%}.si-gratitude{animation:28s linear infinite si-spin}.si-strings{animation:6s ease-in-out infinite si-sway}.si-azamra{animation:3.6s ease-in-out infinite si-bob}.si-selflove{animation:5s ease-in-out infinite si-breathe}.si-journal{animation:4.6s ease-in-out infinite si-bob}}@keyframes si-spin{to{transform:rotate(360deg)}}@keyframes si-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes si-bob{0%,to{transform:translateY(-1.6px)}50%{transform:translateY(1.6px)}}@keyframes si-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)rotate(3deg)}}@keyframes floatUp{0%{opacity:0;transform:translateY(8px)scale(.7)}25%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1.2)}}.float-up{animation:1.15s ease-out both floatUp}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dawnRise{0%{opacity:0}to{opacity:1}}@keyframes seedBloom{0%{opacity:0;filter:blur(6px)brightness(1.5);transform:scale(.35)}55%{opacity:1;filter:blur()brightness(1.08)}to{opacity:1;filter:blur()brightness();transform:scale(1)}}@keyframes orbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes glowSwell{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}60%{opacity:.9}to{opacity:.7;transform:translate(-50%,-50%)scale(1)}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.1)}}.splash-dawn{animation:1.7s .5s both dawnRise}.splash-glow{animation:1.6s cubic-bezier(.2,.7,.3,1) .35s both glowSwell,3.4s ease-in-out 2s infinite glowPulse}.splash-orb{animation:1.5s cubic-bezier(.2,.7,.3,1) .55s both seedBloom,3.4s ease-in-out 2.1s infinite orbBreathe}.splash-word{animation:1s 1.5s both riseIn}.splash-sub{animation:1s 1.85s both riseIn}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.splash-spark{animation:3s ease-in-out infinite twinkle,6s ease-in-out infinite drift}.no-scrollbar::-webkit-scrollbar{display:none}html:not(.dark) .app-screen[data-screen]{--corner-base:linear-gradient(172deg, #fbf7f0 0%, #f6eee2 62%, #f1e6d5 100%)}html:not(.dark) .app-screen[data-screen=strings]{--screen-grad:radial-gradient(120% 46% at 50% -6%, #e4788438, #e4788400 64%), radial-gradient(80% 40% at 100% 100%, #f0bc6b24, #f0bc6b00 70%), var(--corner-base)}html:not(.dark) .app-screen[data-screen=gratitude]{--screen-grad:radial-gradient(120% 46% at 50% -6%, #f5a53742, #f5a53700 64%), radial-gradient(80% 40% at 0% 100%, #3fa0971f, #3fa09700 70%), var(--corner-base)}html:not(.dark) .app-screen[data-screen=azamra]{--screen-grad:radial-gradient(120% 46% at 50% -6%, #4fbfa838, #4fbfa800 64%), radial-gradient(80% 40% at 100% 100%, #f0bc6b21, #f0bc6b00 70%), var(--corner-base)}html:not(.dark) .app-screen[data-screen=selflove]{--screen-grad:radial-gradient(120% 46% at 50% -6%, #e27aa038, #e27aa000 64%), radial-gradient(80% 40% at 0% 100%, #9e86ac24, #9e86ac00 70%), var(--corner-base)}html:not(.dark) .app-screen[data-screen=journal]{--screen-grad:radial-gradient(120% 46% at 50% -6%, #6c9bd138, #6c9bd100 64%), radial-gradient(80% 40% at 100% 100%, #f0bc6b21, #f0bc6b00 70%), var(--corner-base)}.screen-head-icon img,.screen-head-icon svg{width:clamp(38px, calc(7dvh / var(--z,1)), 54px)!important;height:clamp(38px, calc(7dvh / var(--z,1)), 54px)!important}@media (prefers-reduced-motion:no-preference){@keyframes hintBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.start-hint{animation:2.4s ease-in-out infinite hintBob}}@keyframes movieFade{0%{opacity:0}to{opacity:1}}.movie-fade{animation:.9s both movieFade}@keyframes movieKb1{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.14)translate(-2%,-2%)}}@keyframes movieKb2{0%{transform:scale(1.14)translate(2%,1%)}to{transform:scale(1.03)translate(0)}}.movie-kb1{animation:6s ease-out both movieKb1}.movie-kb2{animation:6s ease-out both movieKb2}@keyframes movieBar{0%{width:0%}to{width:100%}}@media (prefers-reduced-motion:reduce){.movie-kb1,.movie-kb2{animation:none}}@keyframes or-breathe{0%{transform:scale(.62)}40%{transform:scale(1)}to{transform:scale(.62)}}.or-breathe-circle{animation:10s ease-in-out infinite or-breathe}@media (prefers-reduced-motion:reduce){.or-breathe-circle{animation-duration:20s}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.oyt-scroll{scrollbar-width:thin;scrollbar-color:#3fa09759 transparent}.oyt-scroll::-webkit-scrollbar{width:4px}.oyt-scroll::-webkit-scrollbar-thumb{background:#3fa09759;border-radius:4px}.oyt-scroll::-webkit-scrollbar-track{background:0 0}.feel-card{animation:.45s both feel-rise}@keyframes feel-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.feel-fade-in{animation:.6s both feel-rise}.feel-wave{animation:6s linear infinite feel-wave}@keyframes feel-wave{0%{transform:translate(0)}to{transform:translate(100px)}}.feel-drop{animation:.75s cubic-bezier(.5,0,.9,.5) both feel-drop}@keyframes feel-drop{0%{opacity:0;transform:translateY(-20px)}15%{opacity:1}to{transform:translateY(var(--drop-to));opacity:.9}}.feel-layer-new{animation:1s cubic-bezier(.2,.8,.3,1) .55s both feel-layer}.feel-drain{animation:1.6s cubic-bezier(.5,0,.7,1) both feel-drain}@keyframes feel-drain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(190px)}}@keyframes feel-layer{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.feel-cork{transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .35s}.feel-cork-out{opacity:0;transform:translateY(-34px)rotate(-14deg)}.feel-cork-in{opacity:1;transform:none}.feel-seal{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.3,1.6,.5,1) .4s both feel-stamp}@keyframes feel-stamp{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.feel-unroll{transform-origin:bottom;animation:.45s cubic-bezier(.2,.9,.3,1) both feel-unroll}@keyframes feel-unroll{0%{opacity:0;transform:translateY(40px)scaleY(.9)}to{opacity:1;transform:none}}.feel-shred-out{animation:1.2s ease-in both feel-shred-out}@keyframes feel-shred-out{0%{clip-path:inset(0)}to{clip-path:inset(100% 0 0);opacity:.2;transform:translateY(60px)}}.feel-shake{animation:.4s feel-shake}@keyframes feel-shake{0%,to{transform:none}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.feel-paper-shred{animation:1.6s cubic-bezier(.5,0,.6,1) .15s both feel-into-shredder}@keyframes feel-into-shredder{0%{clip-path:inset(0);transform:translateY(0)}to{clip-path:inset(0 0 100%);transform:translateY(105%)}}.feel-buzz{animation:80ms linear .2s 18 feel-buzz}@keyframes feel-buzz{0%,to{transform:translate(0)}50%{transform:translate(1.2px)}}.feel-strip{animation:2.4s cubic-bezier(.35,0,.6,1) both feel-strip}@keyframes feel-strip{0%{opacity:1;transform:scaleY(0)}45%{opacity:1;transform:scaleY(1)}to{transform:translate(var(--dx), 26dvh) rotate(var(--rot)) scaleY(.6);opacity:0}}.feel-spark{animation:1.4s ease-out both feel-spark}@keyframes feel-spark{0%{opacity:0;transform:translateY(0)scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-14dvh)scale(1.1)}}.feel-paper-crumple{animation:.7s cubic-bezier(.5,0,.5,1) both feel-crumple;transform-origin:50%!important}@keyframes feel-crumple{0%{border-radius:6px;transform:none}60%{filter:brightness(.96);transform:scale(.35)rotate(18deg)}to{opacity:0;transform:scale(.12)rotate(40deg)}}.feel-ball{background-image:radial-gradient(circle at 35% 30%,#fffdf6,#eadbc0 55%,#cdb58e);animation:1s cubic-bezier(.45,0,.75,1) .55s both feel-ball}@keyframes feel-ball{0%{opacity:0;transform:translate(0)scale(.3)rotate(0)}12%{transform:translate(calc(var(--dx) * .08), -40px) scale(1) rotate(60deg);opacity:1}85%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(.75) rotate(420deg);opacity:0}}.feel-lid{animation:.5s cubic-bezier(.3,1.6,.5,1) 1.45s both feel-lid}@keyframes feel-lid{0%{transform:rotate(0)}40%{transform:rotate(-16deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.feel-wave,.feel-buzz{animation:none}}.feel-sfall{transform-box:fill-box;transform-origin:top;animation:1.5s cubic-bezier(.4,0,.7,1) both feel-sfall}@keyframes feel-sfall{0%{opacity:1;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{transform:translateY(var(--fall)) scaleY(.5) rotate(25deg);opacity:0}}.feel-settle{animation:.7s both feel-settle}@keyframes feel-settle{0%{opacity:0}to{opacity:.9}}.feel-empty{animation:1.3s cubic-bezier(.5,0,.8,.6) both feel-empty}@keyframes feel-empty{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(160px)}}.feel-spark2{animation:1.2s ease-out both feel-spark2}@keyframes feel-spark2{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-420px)}}.bag-pow{animation:.6s ease-out both bag-pow}@keyframes bag-pow{0%{opacity:0;transform:scale(.4)rotate(0)}25%{opacity:1;transform:scale(1.25)rotate(20deg)}to{opacity:0;transform:scale(.9)rotate(45deg)translateY(-16px)}}@media (prefers-reduced-motion:no-preference){@keyframes gdFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gd-on .gd-float{animation:4.8s ease-in-out infinite gdFloat}}@keyframes heartHop{0%{opacity:0;transform:translateY(14px)scale(.7)}12%{opacity:1;transform:translateY(-10px)scale(1.08)}22%{transform:translateY(0)scale(.96)}30%{transform:translateY(-4px)scale(1.02)}38%{transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.96)}}.heart-hop{animation:3.2s both heartHop}@media (prefers-reduced-motion:reduce){.heart-hop{animation:.4s both dawnRise}}@keyframes heartTipRise{0%{opacity:0;transform:translateY(55vh)scale(.55)}60%{opacity:1;transform:translateY(-14px)scale(1.03)}80%{transform:translateY(5px)scale(.99)}to{opacity:1;transform:none}}@keyframes heartTipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.heart-tip-rise{width:100%;max-width:400px;animation:.9s cubic-bezier(.2,.75,.25,1) both heartTipRise}.heart-tip{animation:4.5s ease-in-out .9s infinite heartTipFloat}@media (prefers-reduced-motion:reduce){.heart-tip-rise,.heart-tip{animation:none}}.gm-point{animation:.5s cubic-bezier(.3,1.5,.5,1) both gm-in}@keyframes gm-in{0%{opacity:0;transform:translateY(10px)scale(.8)}to{opacity:1;transform:none}}.gm-arrow{animation:1s ease-in-out infinite gm-bob;display:inline-block}@keyframes gm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.gm-glow{animation:1.6s ease-in-out infinite gm-glow}@keyframes gm-glow{0%,to{box-shadow:0 6px 16px #f5a62359}50%{box-shadow:0 0 0 7px #ffd45e73,0 6px 22px #f5a6238c}}@media (prefers-reduced-motion:reduce){.gm-arrow,.gm-glow{animation:none}}@keyframes quiltPass{0%{opacity:0;transform:translateY(18px)scale(.92)}18%{opacity:1;transform:none}80%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-16px)scale(1.03)}}.quilt-pass{animation:2.2s ease-in-out both quiltPass}.quilt-end{animation:1.2s both riseIn}@media (prefers-reduced-motion:reduce){.quilt-pass,.quilt-end{animation:none}}