*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--cream:#f8f1e3;--cream-2:#ede8e0;--phil-bg:#f8f1e3;--purple-50:#eeedfe;--purple-100:#cecbf6;--purple-200:#afa9ec;--purple-400:#7f77dd;--purple-600:#534ab7;--purple-800:#3c3489;--amber-100:#faeeda;--amber-200:#fac775;--amber-400:#ef9f27;--amber-600:#ba7517;--amber-800:#854f0b;--pink-50:#fbeaf0;--pink-100:#f4c0d1;--pink-200:#ed93b1;--pink-400:#d4537e;--pink-800:#993556;--teal-50:#e1f5ee;--teal-100:#9fe1cb;--teal-200:#5dcaa5;--teal-400:#1d9e75;--teal-800:#0f6e56;--coral-50:#faece7;--coral-100:#f5c4b3;--coral-200:#f0997b;--coral-400:#d85a30;--coral-800:#993c1d;--green-50:#eaf3de;--green-200:#c0dd97;--green-400:#97c459;--green-600:#639922;--green-800:#27500a;--gray-50:#f1efe8;--gray-100:#d3d1c7;--gray-200:#b4b2a9;--gray-400:#888780;--gray-600:#5f5e5a;--gray-800:#444441;--gray-900:#2c2c2a;--ink:#1a1a1a;--white:#fff;--font-display:"Quicksand", system-ui, sans-serif;--font-body:"Quicksand", system-ui, sans-serif}html,body{width:100%;height:100%;font-family:var(--font-body);background:var(--cream);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow:hidden}#stage{background:var(--cream);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}#device{background:var(--cream);width:100%;max-width:420px;height:100%;max-height:900px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006,inset 0 0 0 1px #ffffff0d}@media (width<=767px){#stage{background:var(--cream)}#device{box-shadow:none;border:none;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}}#root{width:100vw;height:100dvh;display:flex;overflow:hidden}.app-root{flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-content{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.screen-container{flex:1;min-height:0;position:relative;overflow:hidden}.app-loader{z-index:9999;background:var(--cream);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-loader-icon{object-fit:contain;width:72px;height:72px}.sidebar{display:none}.sidebar-logo{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:20px 20px 16px}.sidebar-wordmark{filter:brightness(0)invert();width:120px;height:auto;display:block}.sidebar-user{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff1a;border-radius:0;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:16px 16px 14px;transition:background .15s;display:flex}.sidebar-user:hover{background:#ffffff0d}.sidebar-avatar{object-fit:contain;object-position:center top;background:#ffffff1a;border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.sidebar-user-info{flex:1;min-width:0}.sidebar-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.sidebar-rank{color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.sidebar-xp-row{color:#ffffff73;justify-content:space-between;margin-top:7px;margin-bottom:4px;font-size:10px;font-weight:600;display:flex}.sidebar-lvl,.sidebar-xp-nums{color:#ffffff73}.sidebar-xp-bar{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.sidebar-xp-fill{background:linear-gradient(90deg, var(--amber-400), var(--amber-300));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.sidebar-stats{border-bottom:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 10px 10px;display:flex}.sidebar-stat-row{cursor:pointer;text-align:left;background:#ffffff12;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:background .15s;display:flex}.sidebar-stat-row:hover{background:#ffffff21}.sidebar-stat-icon{flex-shrink:0;font-size:18px;line-height:1}.sidebar-stat-val{color:#fff;font-size:14px;font-weight:700;line-height:1.1}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:8px 10px;display:flex;overflow-y:auto}.sidebar-nav-label{letter-spacing:.8px;text-transform:uppercase;color:#ffffff4d;padding:10px 10px 4px;font-size:10px;font-weight:700}.sidebar-nav-item{cursor:pointer;color:#ffffff8c;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;width:100%;padding:9px 10px 9px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex;position:relative}.sidebar-nav-item:hover{color:#ffffffe6;background:#ffffff12}.sidebar-nav-item.active{color:#fff;background:#ffffff1f}.sidebar-nav-item.active:before{content:"";background:var(--amber-400);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}#screens{position:absolute;inset:0}.screen{background:var(--cream);flex-direction:column;display:none;position:absolute;inset:0;overflow:hidden}.screen.active{animation:.4s cubic-bezier(.34,1.56,.64,1) screenIn;display:flex}.screen[id=screen-welcome],.screen[id=screen-auth],.screen[id=screen-authEmail],.screen[id=screen-authSent],.screen[id=screen-greeting],.screen[id=screen-onboarding],.screen[id=screen-pipPromise]{background:var(--phil-bg)}@keyframes screenIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.screen{padding-top:env(safe-area-inset-top,0px)}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}.scrollable::-webkit-scrollbar{width:0;display:none}.fox{display:inline-block;position:relative}.fox.bobbing{animation:2.8s ease-in-out infinite foxBob}.fox.gentle-bob{animation:4s ease-in-out infinite foxGentle}.fox-body{background:var(--amber-400);border-radius:50% 50% 45% 45%;width:80%;height:70%;position:absolute;top:18%;left:10%}.fox-belly{background:var(--cream);border-radius:50%;width:50%;height:42%;position:absolute;top:42%;left:25%}.fox-ear{background:var(--amber-400);transform-origin:bottom;border-radius:50% 50% 20% 20%;width:18%;height:25%;position:absolute;top:6%}.fox-ear.left{animation:4s ease-in-out infinite earTwitchL;left:20%;transform:rotate(-15deg)}.fox-ear.right{animation:4s ease-in-out .5s infinite earTwitchR;right:20%;transform:rotate(15deg)}.fox-ear-inner{background:var(--pink-100);border-radius:50% 50% 20% 20%;width:42%;height:46%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.fox-eye{background:var(--ink);border-radius:50%;width:9%;height:11%;animation:4s ease-in-out infinite blink;position:absolute;top:40%}.fox-eye.left{left:32%}.fox-eye.right{right:32%}.fox-eye:after{content:"";background:#fff;border-radius:50%;width:33%;height:33%;position:absolute;top:15%;left:15%}.fox-snout{background:var(--cream);border-radius:50%;width:20%;height:15%;position:absolute;top:52%;left:50%;transform:translate(-50%)}.fox-nose{background:var(--ink);border-radius:50%;width:6%;height:4%;position:absolute;top:53%;left:50%;transform:translate(-50%)}.fox-mouth{background:var(--pink-100);border:1.5px solid var(--ink);border-top:none;border-radius:0 0 14px 14px;width:14%;height:7%;position:absolute;top:60%;left:50%;transform:translate(-50%)}.fox-mouth.smile{background:var(--pink-100);border-width:2px;border-radius:0 0 18px 18px;height:8%}.fox-mouth.frown{border-top:1.5px solid var(--ink);background:0 0;border-bottom:none;border-radius:14px 14px 0 0;height:5%;top:64%}.fox-cheek{opacity:.7;background:#f09595;border-radius:50%;width:8%;height:5%;position:absolute;top:62%}.fox-cheek.left{left:20%}.fox-cheek.right{right:20%}.fox-tail{background:var(--amber-400);transform-origin:0 100%;border-radius:50% 50% 50% 20%;width:25%;height:42%;animation:1.2s ease-in-out infinite wag;position:absolute;bottom:15%;right:-7%;transform:rotate(20deg)}.fox-tail:after{content:"";background:var(--cream);border-radius:50%;width:46%;height:36%;position:absolute;bottom:0;left:30%}.fox.no-tail .fox-tail{display:none}.fox.sleeping .fox-eye{animation:5s ease-in-out infinite blinkSleep}@keyframes foxBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes foxGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes wag{0%,to{transform:rotate(20deg)}50%{transform:rotate(-10deg)}}@keyframes earTwitchL{0%,90%,to{transform:rotate(-15deg)}93%{transform:rotate(-22deg)}}@keyframes earTwitchR{0%,90%,to{transform:rotate(15deg)}93%{transform:rotate(22deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes blinkSleep{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.pip-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.pip-clickable:active{transform:scale(.96)}.pip-clickable .fox-tail{transform-origin:0 100%}.pip-react-wiggle{animation:.7s cubic-bezier(.36,0,.66,-.56) pipWiggle!important}@keyframes pipWiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}.pip-react-jump{animation:.8s cubic-bezier(.34,1.56,.64,1) pipJump!important}@keyframes pipJump{0%,to{transform:translateY(0)}40%{transform:translateY(-50px)scale(1.05,.95)}60%{transform:translateY(-50px)scale(1.05,.95)}85%{transform:translateY(0)scale(.95,1.08)}}.pip-react-spin{animation:.9s cubic-bezier(.65,0,.35,1) pipSpin!important}@keyframes pipSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pip-react-squish{animation:.8s ease-out pipSquish!important}@keyframes pipSquish{0%,to{transform:scale(1)}20%{transform:scale(1.25,.7)}40%{transform:scale(.85,1.2)}65%{transform:scale(1.08,.92)}85%{transform:scale(.97,1.03)}}.pip-react-wave{animation:1.2s ease-in-out pipWave!important}@keyframes pipWave{0%,to{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}45%{transform:rotate(-12deg)}60%{transform:rotate(12deg)}75%{transform:rotate(-6deg)}}.pip-react-flip{animation:1s cubic-bezier(.65,0,.35,1) pipFlip!important}@keyframes pipFlip{0%{transform:rotate(0)translateY(0)}20%{transform:rotate(0)translateY(-30px)}60%{transform:rotate(-360deg)translateY(-30px)}85%{transform:rotate(-360deg)translateY(0)scale(.95,1.05)}to{transform:rotate(-360deg)translateY(0)scale(1)}}.pip-react-boop{animation:.5s ease-out pipBoop!important}@keyframes pipBoop{0%,to{transform:scale(1)}35%{transform:scale(1.15,.85)}70%{transform:scale(.95,1.05)}}.pip-react-excited{animation:.8s ease-in-out pipExcited!important}@keyframes pipExcited{0%,to{transform:translate(0)}10%{transform:translate(-3px,-2px)}20%{transform:translate(3px,2px)}30%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}50%{transform:translate(-3px,-2px)}60%{transform:translate(3px,2px)}70%{transform:translate(-3px,2px)}80%{transform:translate(3px,-2px)}90%{transform:translate(-2px,-1px)}}.pip-react-surprised{animation:.9s ease-out pipSurprised!important}@keyframes pipSurprised{0%{transform:scale(1)translateY(0)}20%{transform:scale(.85)translateY(-15px)}50%{transform:scale(1.1)translateY(-5px)}80%{transform:scale(.97)translateY(2px)}to{transform:scale(1)translateY(0)}}.pip-react-sleepy .fox-eye{animation:1.4s ease-in-out sleepyClose!important}@keyframes sleepyClose{0%,to{transform:scaleY(1)}30%,70%{transform:scaleY(.1)}}.pip-react-hearts .fox-eye{animation:1.2s ease-in-out heartEye!important}@keyframes heartEye{0%,to{background:var(--ink);border-radius:50%;transform:scale(1)}30%,70%{background:var(--pink-400);border-radius:50% 50% 0 0;transform:scale(1.4)}}.pip-sparkle{pointer-events:none;z-index:10;font-size:16px;animation:1s ease-out forwards pipSparkle;position:absolute}@keyframes pipSparkle{0%{opacity:0;transform:scale(0)rotate(0)}30%{opacity:1;transform:scale(1.3)rotate(180deg)}to{opacity:0;transform:scale(.8)rotate(360deg)translateY(-30px)}}.pip-heart{pointer-events:none;z-index:10;font-size:22px;animation:1.4s ease-out forwards heartFloat;position:absolute}@keyframes heartFloat{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:1;transform:translateY(-10px)scale(1.1)}to{opacity:0;transform:translate(var(--dx,0), -80px) scale(.7)}}.pip-speech{border:2px solid var(--purple-400);color:var(--purple-800);white-space:nowrap;z-index:11;pointer-events:none;transform-origin:bottom;background:#fff;border-radius:16px;padding:8px 14px;font-size:13px;font-weight:700;animation:1.6s ease-out forwards speechPop;position:absolute}.pip-speech:after{content:"";border-right:2px solid var(--purple-400);border-bottom:2px solid var(--purple-400);background:#fff;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes speechPop{0%{opacity:0;transform:scale(.4)translateY(10px)}15%,75%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-5px)}}.pip-shades{z-index:5;pointer-events:none;width:50%;height:14%;animation:.6s cubic-bezier(.34,1.56,.64,1) shadesDrop;position:absolute;top:38%;left:25%}.pip-shades:before,.pip-shades:after{content:"";background:var(--ink);border:2px solid var(--ink);border-radius:40%;width:38%;height:100%;position:absolute;top:0}.pip-shades:before{left:0}.pip-shades:after{right:0}.pip-shades-bridge{background:var(--ink);width:24%;height:3px;position:absolute;top:50%;left:38%;transform:translateY(-50%)}@keyframes shadesDrop{0%{opacity:0;transform:translateY(-50px)rotate(-20deg)}60%{opacity:1;transform:translateY(5px)rotate(5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.pip-tap-hint{color:var(--purple-400);opacity:.5;letter-spacing:1px;pointer-events:none;font-size:10px;font-weight:700;animation:2.5s ease-in-out infinite hintBob;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}@keyframes hintBob{0%,to{opacity:.4;transform:translate(-50%)translateY(0)}50%{opacity:.7;transform:translate(-50%)translateY(2px)}}#toast-layer{pointer-events:none;z-index:200;position:absolute;inset:0;overflow:hidden}.toast{border:2px solid var(--green-400);box-shadow:0 4px 0 var(--green-600), 0 6px 16px #0000001f;pointer-events:auto;background:#fff;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;animation:.5s cubic-bezier(.34,1.56,.64,1) toastSlide;display:flex;position:absolute;top:70px;left:16px;right:16px}.toast-check{background:var(--green-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both checkPop;display:flex}.toast-check:after{content:"";border-bottom:3px solid #fff;border-right:3px solid #fff;width:7px;height:12px;margin-bottom:2px;transform:rotate(45deg)}.toast-text{flex:1}.toast-title{color:var(--green-800);margin:0;font-size:13px;font-weight:600}.toast-sub{color:var(--green-600);margin:1px 0 0;font-size:11px}.xp-fly{background:var(--amber-100);color:var(--amber-800);border-radius:14px;padding:6px 12px;font-size:14px;font-weight:700;animation:1.6s ease-out forwards xpFly;position:absolute;top:70px;right:24px}.confetti{pointer-events:none;border-radius:1px;width:7px;height:11px;animation:2.5s ease-in forwards cfFall;position:absolute}@keyframes toastSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes xpFly{0%{opacity:0;transform:translateY(20px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-50px)}}@keyframes cfFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(800px)rotate(720deg)}}.bg-shape{opacity:.4;pointer-events:none;border-radius:50%;position:absolute}button{cursor:pointer;background:0 0;border:none;font-family:inherit}body.low-stim .fox-tail,body.low-stim .fox.bobbing,body.low-stim .fox.gentle-bob,body.low-stim .fox-eye,body.low-stim .fox-ear,body.low-stim [data-celebrate],body.low-stim .pulse,body.low-stim .breathe{animation:none!important}.btn-primary{background:var(--purple-400);color:#fff;box-shadow:0 4px 0 var(--purple-600);border-radius:22px;padding:14px 22px;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .1s;position:relative}.btn-primary:active{box-shadow:0 2px 0 var(--purple-600);transform:translateY(2px)}.btn-primary.pulse{animation:2.4s ease-in-out infinite btnPulse}@keyframes btnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.btn-amber{background:var(--amber-400);color:#fff;box-shadow:0 4px 0 var(--coral-800)}.btn-amber:active{box-shadow:0 2px 0 var(--coral-800);transform:translateY(2px)}.btn-ghost{color:var(--purple-600);border:1.5px solid var(--purple-100);background:#fff;border-radius:22px;padding:12px 18px;font-size:13px;font-weight:600}.icon-btn{border:1px solid var(--gray-100);width:36px;min-width:36px;height:36px;color:var(--purple-800);cursor:pointer;-webkit-appearance:none;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:transform .1s;display:flex}.icon-btn svg{width:18px;height:18px}.icon-btn:active{transform:scale(.92)}.flame{background:var(--amber-400);border-radius:50% 50% 50% 0;width:14px;height:14px;animation:1.2s ease-in-out infinite flicker;display:inline-block;transform:rotate(-45deg)}@keyframes flicker{0%,to{transform:rotate(-45deg)scale(1)}50%{transform:rotate(-45deg)scale(1.15)}}.streak-pill{background:var(--amber-100);color:var(--amber-800);border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.xp-pill{background:var(--purple-50);color:var(--purple-800);border-radius:16px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.profile-circle{background:var(--purple-400);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.tap{cursor:pointer;transition:transform .1s}.tap:active{transform:scale(.97)}#modal-layer{z-index:300;pointer-events:none;position:absolute;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(2px);pointer-events:auto;background:#3c348973;justify-content:center;align-items:flex-end;animation:.3s overlayFade;display:flex;position:absolute;inset:0}.modal-overlay.closing{animation:.3s forwards overlayFadeOut}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.modal-card{background:var(--cream);border-radius:24px 24px 0 0;width:100%;padding:16px 18px 22px;animation:.45s cubic-bezier(.34,1.56,.64,1) slideUp}.modal-overlay.closing .modal-card{animation:.3s forwards slideDown}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.modal-handle{background:var(--purple-100);border-radius:3px;width:44px;height:5px;margin:0 auto 14px}.modal-title{color:var(--purple-800);text-align:center;margin:0 0 14px;font-size:16px;font-weight:700}.splash-screen{background:var(--cream);justify-content:center;align-items:center;overflow:hidden;padding-top:0!important}.splash-sparkle{color:var(--amber-300);pointer-events:none;opacity:0;animation:splashSparkle var(--sp-dur,4s) ease-in-out var(--sp-delay,0s) infinite;font-size:12px;position:absolute}@keyframes splashSparkle{0%{opacity:0;transform:translateY(10px)scale(.4)}20%{opacity:.7;transform:translateY(0)scale(1)}70%{opacity:.5}to{opacity:0;transform:translateY(-90px)scale(.6)}}.splash-bloom{pointer-events:none;opacity:0;background:radial-gradient(80% 55% at 50% 52%,#4a468a1c 0%,#0000 68%);animation:1.8s cubic-bezier(.16,1,.3,1) .1s forwards bloomExpand;position:absolute;inset:0;transform:scale(.3)}@keyframes bloomExpand{0%{opacity:0;transform:scale(.3)}20%{opacity:1}to{opacity:.65;transform:scale(1)}}.splash-wordmark-wrap{flex-direction:column;align-items:center;width:100%;animation:4.5s ease-in-out 1.5s infinite wrapBreathe;display:flex}@keyframes wrapBreathe{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.01)translateY(-2px)}}.splash-wm-stage{aspect-ratio:346/67;width:min(74vw,250px);position:relative}.splash-wordmark-svg{width:100%;height:100%;display:block;overflow:visible}.splash-screen .wm-spark{animation:none!important}.splash-shimmer-clip{pointer-events:none;z-index:2;border-radius:2px;position:absolute;inset:0;overflow:hidden}.splash-shimmer{pointer-events:none;background:linear-gradient(108deg,#0000 0% 30%,#ffffffa6 46%,#ffffff2e 52%,#0000 63% 100%);animation:.75s cubic-bezier(.4,0,.2,1) 1.2s forwards shimmerSweep;position:absolute;inset:-20% -40%;transform:translate(-120%)}@keyframes shimmerSweep{0%{transform:translate(-120%)}to{transform:translate(220%)}}.wm-spark{transform-box:fill-box;transform-origin:50%;animation:.7s cubic-bezier(.34,1.56,.64,1) 1.35s both sparkPing}@keyframes sparkPing{0%{transform:scale(1)rotate(0)}35%{transform:scale(1.75)rotate(28deg)}65%{transform:scale(.87)rotate(-7deg)}to{transform:scale(1)rotate(0)}}.splash-spark-glow{pointer-events:none;width:0;height:0;position:absolute;top:12.8%;left:93.8%}.splash-spark-glow:before,.splash-spark-glow:after{content:"";pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.splash-spark-glow:before{background:radial-gradient(circle,#f49f47bf 0%,#0000 70%);width:70px;height:70px;animation:.75s ease-out 1.18s forwards glowRing}.splash-spark-glow:after{background:radial-gradient(circle,#ffc850e6 0%,#0000 70%);width:35px;height:35px;animation:.5s ease-out 1.28s forwards glowRing}@keyframes glowRing{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(4.5)}}.splash-particle{background:var(--amber-400);pointer-events:none;opacity:0;width:5px;height:5px;animation:particleFly var(--p-dur,.7s) cubic-bezier(.25, .8, .3, 1) var(--p-delay,1.35s) forwards;border-radius:50%;position:absolute;top:12.8%;left:93.8%}@keyframes particleFly{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}70%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) translate(var(--p-tx,20px),var(--p-ty,-20px)) scale(.2)}}.splash-tagline{color:var(--purple-600);opacity:0;filter:blur(6px);letter-spacing:.6px;margin-top:20px;font-size:13px;font-weight:600;animation:.9s cubic-bezier(.16,1,.3,1) 1.55s forwards taglineReveal;transform:translateY(10px)}@keyframes taglineReveal{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.splash-loader{bottom:max(36px, env(safe-area-inset-bottom,0px) + 28px);opacity:0;justify-content:center;align-items:center;gap:7px;animation:.4s 1.95s both splashLoaderIn;display:flex;position:absolute;left:0;right:0}@keyframes splashLoaderIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.splash-loader-dot{background:var(--purple-400);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite loaderBounce}.splash-loader-dot:nth-child(2){animation-delay:.14s}.splash-loader-dot:nth-child(3){animation-delay:.28s}@keyframes loaderBounce{0%,55%,to{transform:translateY(0)}28%{transform:translateY(-9px)}}.splash-exit{pointer-events:none;animation:.45s forwards splashFadeOut!important}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0}}#screen-welcome.screen.active{animation:.6s forwards screenFadeIn}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}.auth-screen,.onboarding-screen{background:var(--phil-bg);justify-content:center;align-items:center;overflow:hidden}.auth-bg-shape{pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.auth-bg-shape.s1{background:var(--pink-100);width:70px;height:70px;animation:4s ease-in-out infinite float1;top:80px;left:30px}.auth-bg-shape.s2{background:var(--teal-100);width:44px;height:44px;animation:5s ease-in-out infinite float2;top:130px;right:40px}.auth-bg-shape.s3{background:var(--amber-200);width:36px;height:36px;animation:3.5s ease-in-out infinite float3;top:230px;left:60px}.auth-back{z-index:10;position:absolute;top:52px;left:16px}@media (width<=499px){.auth-back{top:calc(env(safe-area-inset-top) + 16px)}}.auth-pip-area{z-index:2;justify-content:center;padding:24px 20px 0;display:flex;position:relative}.auth-pip-bubble{border:2px solid var(--purple-400);color:var(--purple-800);white-space:nowrap;z-index:3;background:#fff;border-radius:16px;padding:8px 14px;font-size:12px;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) .4s both bubbleIn;position:absolute;top:0;left:calc(50% + 50px)}.auth-pip-bubble.wrap{white-space:normal;text-align:center;width:150px;line-height:1.35;left:calc(50% + 30px)}.auth-pip-bubble:after{content:"";border-left:2px solid var(--purple-400);border-bottom:2px solid var(--purple-400);background:#fff;width:12px;height:12px;position:absolute;bottom:-7px;left:18px;transform:rotate(-45deg)}.auth-content{z-index:2;flex-direction:column;flex:none;width:100%;padding:4px 24px 24px;display:flex;position:relative}.auth-headline{color:var(--purple-800);text-align:center;letter-spacing:-.5px;margin:8px 0 4px;font-size:26px;font-weight:700;line-height:1.15}.auth-sub{color:var(--purple-600);text-align:center;opacity:.85;margin-bottom:26px;font-size:14px;font-weight:600}.auth-btns{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.auth-btn{cursor:pointer;-webkit-appearance:none;-webkit-user-select:none;user-select:none;border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .16s cubic-bezier(0,0,.2,1),box-shadow .16s cubic-bezier(0,0,.2,1);display:flex;position:relative}.auth-btn:active{transition:transform 60ms ease-in,box-shadow 60ms ease-in}.auth-btn-discord{color:#fff;background:#5865f2;box-shadow:0 5px #3d47cc,0 8px 16px #5865f24d}.auth-btn-discord:hover{transform:translateY(2.5px);box-shadow:0 2.5px #3d47cc,0 5px 10px #5865f238}.auth-btn-discord:active{transform:translateY(5px);box-shadow:0 0 #3d47cc,0 2px 5px #5865f229}.discord-icon-wrap{background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.auth-btn-google{color:#1a1a1a;border:1.5px solid var(--gray-100);box-shadow:0 5px 0 var(--gray-200), 0 8px 16px #00000017;background:#fff}.auth-btn-google:hover{box-shadow:0 2.5px 0 var(--gray-200), 0 5px 10px #00000012;transform:translateY(2.5px)}.auth-btn-google:active{box-shadow:0 0px 0 var(--gray-200), 0 2px 5px #0000000f;transform:translateY(5px)}.auth-btn svg{width:18px;height:18px}.auth-divider{color:var(--gray-400);letter-spacing:1px;align-items:center;gap:12px;margin:6px 0 14px;font-size:11px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gray-100);flex:1;height:1px}.auth-email-link{text-align:center;color:var(--purple-600);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--purple-200);text-decoration-color:var(--purple-200);padding:12px;font-size:14px;font-weight:700}.auth-email-link:active{color:var(--purple-800)}.auth-tos{text-align:center;color:var(--gray-400);margin-top:auto;padding:0 16px 12px;font-size:11px;line-height:1.5}.auth-tos a{color:var(--purple-600);text-underline-offset:2px;text-decoration:underline}.auth-input-wrap{margin-bottom:18px}.auth-input-label{color:var(--purple-600);letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.auth-input{border:2px solid var(--purple-100);width:100%;color:var(--purple-800);background:#fff;border-radius:16px;outline:none;padding:16px 18px;font-family:inherit;font-size:16px;font-weight:600;transition:border-color .2s}.auth-input:focus{border-color:var(--purple-400)}.auth-input::placeholder{color:var(--gray-400);font-weight:500}.auth-submit{background:var(--purple-400);color:#fff;box-shadow:0 5px 0 var(--purple-600), 0 8px 16px #4a468a38;padding:16px}.auth-submit:hover{box-shadow:0 2.5px 0 var(--purple-600), 0 5px 10px #4a468a2e;transform:translateY(2.5px)}.auth-submit:active{box-shadow:0 0px 0 var(--purple-600), 0 2px 5px #4a468a24;transform:translateY(5px)}.auth-submit:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}@keyframes emailSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.email-anim{opacity:0;animation:.42s cubic-bezier(.22,1,.36,1) forwards emailSlideUp}.email-anim-1{animation-delay:50ms}.email-anim-2{animation-delay:.13s}.email-anim-3{animation-delay:.21s}.email-anim-4{animation-delay:.3s}.email-anim-5{animation-delay:.38s}.envelope-wrap{flex-direction:column;align-items:center;margin:20px 0;display:flex}.envelope{width:110px;height:80px;margin-bottom:14px;animation:3s ease-in-out infinite envelopeFloat;position:relative}.envelope-body{border:2.5px solid var(--purple-400);background:#fff;border-radius:8px;position:absolute;inset:0}.envelope-flap{background:var(--purple-100);border:2.5px solid var(--purple-400);clip-path:polygon(0 0,50% 100%,100% 0);border-radius:8px 8px 0 0;height:50px;animation:2s ease-in-out infinite envFlapWiggle;position:absolute;top:-2px;left:-2px;right:-2px}.envelope-shine{opacity:.6;background:#fff;border-radius:2px;width:16px;height:4px;position:absolute;top:12px;left:12px}@keyframes envelopeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes envFlapWiggle{0%,to{transform:rotateX(0)}50%{transform:rotateX(8deg)}}.envelope-sparkles{pointer-events:none;position:absolute;inset:-20px}.env-sparkle{color:var(--amber-400);font-size:14px;animation:2s ease-in-out infinite envSparkle;position:absolute}.env-sparkle:first-child{animation-delay:0s;top:-10px;left:-10px}.env-sparkle:nth-child(2){animation-delay:.6s;top:20px;right:-15px}.env-sparkle:nth-child(3){animation-delay:1.2s;bottom:-5px;left:20px}@keyframes envSparkle{0%,to{opacity:.3;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}}.magic-email{background:var(--purple-50);color:var(--purple-800);border-radius:12px;margin-top:6px;padding:8px 14px;font-size:13px;font-weight:700}.magic-progress{background:var(--purple-50);border-radius:2px;height:4px;margin-top:24px;overflow:hidden}.magic-progress-fill{background:var(--purple-400);border-radius:2px;width:0;height:100%;animation:2.5s ease-out forwards magicProgress}@keyframes magicProgress{0%{width:0%}to{width:100%}}.magic-status{text-align:center;color:var(--purple-600);margin-top:12px;font-size:12px;font-weight:600}.magic-resend{text-align:center;color:var(--gray-400);margin-top:18px;font-size:12px;font-weight:600}.magic-resend a{color:var(--purple-600);text-decoration:underline}.greeting-screen{background:var(--phil-bg);justify-content:center;align-items:center;padding:24px;overflow:hidden}.greeting-pip{margin-bottom:18px;animation:.8s cubic-bezier(.34,1.56,.64,1) bounceIn}.greeting-headline{color:var(--purple-800);text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700;animation:.6s ease-out .4s both fadeUp}.greeting-sub{color:var(--purple-600);text-align:center;margin-bottom:36px;font-size:15px;font-weight:600;line-height:1.4;animation:.6s ease-out .6s both fadeUp}.greeting-cta{width:100%;max-width:280px;animation:.6s ease-out .8s both fadeUp}.greeting-bubble{border:2px solid var(--purple-200);color:var(--purple-700);background:#fff;border-radius:20px;margin-bottom:14px;padding:8px 20px;font-size:14px;font-weight:700;animation:.5s ease-out .25s both fadeUp;display:inline-block;position:relative}.greeting-bubble:before{content:"";border-left:2px solid var(--purple-200);border-top:2px solid var(--purple-200);background:#fff;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.promise-pip{margin-bottom:8px;animation:.8s cubic-bezier(.34,1.56,.64,1) bounceIn}.promise-list{flex-direction:column;gap:8px;width:100%;margin-bottom:12px;animation:.5s ease-out .5s both fadeUp;display:flex}.promise-item{border:2px solid var(--purple-50);color:var(--purple-800);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.promise-emoji{text-align:center;flex-shrink:0;width:26px;font-size:18px}.launch-screen{background:var(--cream)}.launch-screen .bg-shape.s1{background:var(--pink-100);width:56px;height:56px;animation:4s ease-in-out infinite float1;top:80px;left:24px}.launch-screen .bg-shape.s2{background:var(--teal-100);width:36px;height:36px;animation:5s ease-in-out infinite float2;top:110px;right:30px}.launch-screen .bg-shape.s3{background:var(--amber-200);width:28px;height:28px;animation:3.5s ease-in-out infinite float3;top:200px;left:50px}.launch-screen .bg-shape.s4{background:var(--purple-100);width:44px;height:44px;animation:4.5s ease-in-out infinite reverse float1;bottom:200px;right:28px}.launch-greet h1{color:var(--purple-800);text-align:center;letter-spacing:-.5px;font-size:28px;font-weight:700}.launch-greet p{color:var(--purple-600);text-align:center;margin-top:8px;font-size:14px}.launch-mascot{flex:1;justify-content:center;align-items:center;animation:1s cubic-bezier(.34,1.56,.64,1) bounceIn;display:flex}@keyframes bounceIn{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(8px,-12px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-10px,-8px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(6px,10px)}}.antenna-glow{background:var(--purple-600);border-radius:2px;width:4px;height:22px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.antenna-glow:after{content:"";background:var(--amber-200);border-radius:50%;width:16px;height:16px;animation:1.5s ease-in-out infinite pulseAnt;position:absolute;top:-10px;left:-6px}@keyframes pulseAnt{0%,to{transform:scale(1);box-shadow:0 0 #fac77599}50%{transform:scale(1.2);box-shadow:0 0 0 12px #fac77500}}.launch-cta{flex-direction:column;align-items:center;gap:14px;padding:0 20px 32px;animation:1s ease-out .3s both fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboard{flex-direction:column;flex:1;display:flex}.onboard-progress{justify-content:center;gap:6px;padding:14px 16px;display:flex}.onboard-bar{background:var(--purple-50);border-radius:3px;flex:1;min-width:0;height:6px}.onboard-bar.done{background:var(--purple-400)}.onboard-bar.active{background:var(--purple-400);animation:1.5s ease-in-out infinite barPulse}@keyframes barPulse{0%,to{opacity:1}50%{opacity:.7}}.onboard-skip{color:var(--gray-400);font-size:13px;font-weight:600;position:absolute;top:18px;right:16px}.onboard-content{flex-direction:column;flex:1;align-items:center;padding:14px 24px;display:flex;overflow-y:auto}.onboard-fox{margin-bottom:14px;animation:.7s cubic-bezier(.34,1.56,.64,1) bounceIn}.onboard-bubble{border:2px solid var(--purple-400);color:var(--purple-800);text-align:center;background:#fff;border-radius:18px;margin-bottom:16px;padding:12px 18px;font-size:14px;font-weight:600;animation:.5s cubic-bezier(.34,1.56,.64,1) bubbleIn;position:relative}.onboard-bubble:before{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:9px solid var(--purple-400);width:0;height:0;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.onboard-bubble:after{content:"";border-bottom:7px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bubbleInCentered{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.onboard-input{border:2px solid var(--purple-100);width:100%;color:var(--purple-800);background:#fff;border-radius:16px;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:600;transition:border-color .2s}.onboard-input:focus{border-color:var(--purple-400)}.onboard-title{color:var(--purple-800);text-align:center;letter-spacing:-.3px;margin:8px 0 4px;font-size:22px;font-weight:700}.onboard-sub{color:var(--purple-600);text-align:center;opacity:.85;margin-bottom:14px;font-size:13px}.onboard-options{flex-direction:column;gap:10px;width:100%;margin-bottom:14px;display:flex}.opt-card{border:2px solid var(--purple-50);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.opt-card.selected{border-color:var(--purple-400);background:var(--purple-50);animation:.4s ease-out selectBounce}@keyframes selectBounce{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.opt-card:active{transform:scale(.98)}.opt-emoji{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.opt-emoji.pink{background:var(--pink-50);color:var(--pink-800)}.opt-emoji.amber{background:var(--amber-100);color:var(--amber-800)}.opt-emoji.teal{background:var(--teal-50);color:var(--teal-800)}.opt-emoji.purple{background:var(--purple-50);color:var(--purple-800)}.opt-text{color:var(--purple-800);flex:1;font-size:14px;font-weight:600}.opt-text small{opacity:.65;margin-top:2px;font-size:11px;font-weight:500;display:block}.ob-grid .ob-span{grid-column:1/-1}.opt-check{border:2px solid var(--purple-100);border-radius:50%;flex-shrink:0;width:22px;height:22px;position:relative}.opt-card.selected .opt-check{background:var(--purple-400);border-color:var(--purple-400)}.opt-card.selected .opt-check:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:6px;height:10px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.onboard-cta{background:linear-gradient(180deg, transparent, var(--cream) 30%);align-items:center;gap:10px;width:100%;padding:14px 24px 24px;display:flex;position:sticky;bottom:0}.onboard-back{border:2px solid var(--purple-200);height:48px;color:var(--purple-400);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;flex-shrink:0;padding:0 18px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.onboard-back:hover{border-color:var(--purple-400);color:var(--purple-600)}.onboard-next{flex:1}.streak-circle{width:160px;height:160px;margin:8px 0 14px;position:relative}.streak-ring{border:8px solid var(--amber-100);border-radius:50%;position:absolute;inset:0}.streak-ring-fill{border:8px solid #0000;border-top-color:var(--amber-400);border-right-color:var(--amber-400);border-radius:50%;animation:2s ease-out infinite fillRing;position:absolute;inset:0;transform:rotate(-45deg)}@keyframes fillRing{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.streak-num-big{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.streak-num-big .n{color:var(--amber-800);font-size:48px;font-weight:700;line-height:1}.streak-num-big .l{color:var(--amber-800);opacity:.8;letter-spacing:1px;margin-top:4px;font-size:11px}.streak-badge{background:var(--cream);border:3px solid var(--amber-400);width:44px;height:44px;box-shadow:0 2px 12px #eab30859, 0 0 0 3px var(--cream);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:22px;animation:2s ease-in-out infinite badgePulse;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.streak-badge .badge-label{white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;color:var(--amber-700);opacity:.85;font-size:9px;font-weight:700;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}@keyframes badgePulse{0%,to{box-shadow:0 2px 12px #eab30859, 0 0 0 3px var(--cream)}50%{box-shadow:0 2px 18px #eab30899, 0 0 0 3px var(--cream)}}.streak-options{gap:8px;margin-bottom:14px;display:flex}.streak-opt{border:1.5px solid var(--purple-50);color:var(--purple-600);cursor:pointer;background:#fff;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600}.streak-opt.selected{background:var(--purple-400);border-color:var(--purple-400);color:#fff}.onboard-card{background:var(--phil-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.onboard-card-left{background:var(--purple-700);z-index:0;background-position:50% 20%;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.onboard-card-left:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0f0a281a 50%,#0f0a28b3 100%);position:absolute;inset:0}.onboard-card-left .onboard-progress{z-index:2;position:absolute;top:16px;left:16px;right:16px}.onboard-card-left .onboard-bubble{z-index:3;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff2e;border-color:#fff6;margin-bottom:0;animation:.5s cubic-bezier(.34,1.56,.64,1) bubbleInCentered;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.onboard-card-left .onboard-bubble:before{border-bottom-color:#ffffff73}.onboard-card-left .onboard-bubble:after{border-bottom-color:#ffffff2e}.onboard-card-left .onboard-fox,.onboard-card-left .promise-pip{display:none}.onboard-card-right{z-index:1;background:var(--cream);border-radius:28px 28px 0 0;flex-direction:column;max-height:62vh;padding:36px 24px 32px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #4a468a26}.greeting-card{flex-direction:column;align-items:center;width:100%;padding:0 24px;display:flex}.home-screen{background:var(--cream);flex-direction:column;flex:1;display:flex}.home-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.home-topbar-left{gap:8px;display:flex}.home-hero{background:var(--purple-400);box-shadow:0 4px 0 var(--purple-600);border-radius:20px;flex-shrink:0;align-items:center;gap:12px;margin:0 16px 14px;padding:16px;display:flex;position:relative;overflow:hidden}.home-hero .bg-shape.h1{background:var(--purple-100);opacity:.3;width:70px;height:70px;top:-20px;right:-10px}.home-hero .bg-shape.h2{background:var(--amber-200);opacity:.3;width:30px;height:30px;animation:3s ease-in-out infinite float2;bottom:10px;right:80px}.home-hero-fox{z-index:2;flex-shrink:0;margin-top:-12px;margin-bottom:-12px}.home-hero-text{color:#fff;z-index:2;flex:1;position:relative}.home-hero-greet{opacity:.9;font-size:12px;font-weight:600}.home-hero-msg{margin-top:3px;font-size:14px;font-weight:700;line-height:1.3}.level-section{flex-shrink:0;padding:0 16px 14px}.level-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.level-label{color:var(--purple-800);font-size:12px;font-weight:700}.level-xp{color:var(--purple-600);font-size:11px}.level-bar{background:var(--purple-50);border-radius:5px;height:10px;position:relative;overflow:hidden}.level-fill{background:var(--purple-400);will-change:width;border-radius:5px;height:100%;transition:width .9s cubic-bezier(.22,1,.36,1);position:relative}.level-fill:after{content:"";background:#ffffff4d;animation:2.5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.section-title{flex-shrink:0;justify-content:space-between;align-items:baseline;padding:0 16px 8px;display:flex}.section-title h3{color:var(--purple-800);font-size:14px;font-weight:700}.section-count{color:var(--purple-600);background:var(--purple-50);border-radius:10px;padding:3px 9px;font-size:11px;font-weight:600}.quests-list{flex-direction:column;flex-shrink:0;gap:8px;padding:0 16px 8px;display:flex}.quest-row{border:1.5px solid var(--purple-50);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:11px 13px;transition:all .15s;display:flex}.quest-row.done{background:var(--green-50);border-color:var(--green-200);opacity:.85}.quest-row:active{transform:scale(.98)}.quest-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.quest-icon.amber{background:var(--amber-100);color:var(--amber-800)}.quest-icon.purple{background:var(--purple-50);color:var(--purple-800)}.quest-icon.teal{background:var(--teal-50);color:var(--teal-800)}.quest-icon.pink{background:var(--pink-50);color:var(--pink-800)}.quest-info{flex:1;min-width:0}.quest-title{color:var(--purple-800);font-size:13px;font-weight:700;line-height:1.3}.quest-row.done .quest-title{color:var(--gray-600);text-decoration:line-through}.quest-meta{align-items:center;gap:8px;margin-top:3px;display:flex}.quest-time{color:var(--gray-400);font-size:10px}.quest-xp{color:var(--amber-800);background:var(--amber-100);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.quest-check{border:2px solid var(--purple-100);cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:all .2s;position:relative}.quest-row.done .quest-check{background:var(--green-400);border-color:var(--green-400)}.quest-row.done .quest-check:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:6px;height:10px;animation:.4s cubic-bezier(.34,1.56,.64,1) checkPop;position:absolute;top:4px;left:7px;transform:rotate(45deg)}.quick-actions{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 8px;display:grid}.qa-card{border:1.5px solid var(--purple-50);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:9px;padding:11px;transition:transform .1s;display:flex}.qa-card:active{transform:scale(.97)}.qa-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.qa-text{color:var(--purple-800);font-size:12px;font-weight:700;line-height:1.2}.bottom-nav{padding:10px 8px;padding-bottom:max(14px, env(safe-area-inset-bottom,14px));background:var(--cream);border-top:1px solid var(--purple-50);flex-shrink:0;justify-content:space-around;align-items:center;display:flex;position:relative}.nav-item{color:var(--gray-400);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:4px 12px;font-size:10px;font-weight:700;transition:transform .1s;display:flex}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--purple-400)}.nav-icon{width:26px;height:26px;color:var(--gray-400);border-radius:8px;justify-content:center;align-items:center;transition:color .2s;display:flex}.nav-icon svg{width:22px;height:22px}.nav-item.active .nav-icon{background:var(--purple-50);color:var(--purple-400)}.nav-fab{background:var(--amber-400);color:#fff;width:56px;height:56px;box-shadow:0 4px 0 var(--coral-800);border:3px solid var(--cream);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;animation:2.5s ease-in-out infinite fabPulse;display:flex;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.nav-fab svg{width:24px;height:24px}.nav-fab:active{box-shadow:0 2px 0 var(--coral-800);transform:translate(-50%)scale(.92)}@keyframes fabPulse{0%,to{box-shadow:0 4px 0 var(--coral-800), 0 0 0 0 #ef9f2780}50%{box-shadow:0 4px 0 var(--coral-800), 0 0 0 12px #ef9f2700}}.nav-spacer{width:56px}.quickadd-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.quickadd-opt{border:1.5px solid var(--purple-50);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:13px;transition:transform .1s;animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}.quickadd-opt:active{transform:scale(.96)}.quickadd-opt:first-child{animation-delay:.1s}.quickadd-opt:nth-child(2){animation-delay:.18s}.quickadd-opt:nth-child(3){animation-delay:.26s}.quickadd-opt:nth-child(4){animation-delay:.34s}.quickadd-opt-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.quickadd-opt-title{color:var(--purple-800);font-size:13px;font-weight:700}.quickadd-opt-sub{color:var(--purple-600);opacity:.75;font-size:11px}@keyframes popIn{0%{opacity:0;transform:translateY(15px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.quickadd-voice{background:var(--purple-50);border:1.5px solid var(--purple-100);cursor:pointer;border-radius:16px;align-items:center;gap:10px;margin-bottom:10px;padding:11px 14px;animation:.5s cubic-bezier(.34,1.56,.64,1) .42s both popIn;display:flex}.quickadd-mic{background:var(--purple-400);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;animation:2s ease-in-out infinite micPulse;display:flex}.quickadd-voice-text{color:var(--purple-600);flex:1;font-size:12px;font-weight:600}@keyframes micPulse{0%,to{box-shadow:0 0 #7f77dd80}50%{box-shadow:0 0 0 8px #7f77dd00}}.quickadd-cancel{text-align:center;color:var(--gray-400);cursor:pointer;padding:10px;font-size:13px;font-weight:600}.input-group{margin-bottom:14px}.input-label{color:var(--purple-800);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.text-input{border:1.5px solid var(--purple-100);width:100%;color:var(--purple-800);background:#fff;border-radius:14px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s}.text-input:focus{border-color:var(--purple-400)}.icon-pick{flex-wrap:wrap;gap:6px;display:flex}.icon-pick-opt{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.icon-pick-opt.selected{border-color:var(--purple-400);background:var(--purple-50)}.qd-header{border-bottom:1px solid var(--purple-50);background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.qd-h-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.qd-h-text{flex:1}.qd-h-title{color:var(--purple-800);font-size:16px;font-weight:700;line-height:1.2}.qd-h-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.qd-tag{color:var(--purple-600);background:var(--purple-50);border-radius:8px;padding:3px 8px;font-size:10px;font-weight:600}.qd-xp{color:var(--amber-800);background:var(--amber-100);border-radius:8px;padding:3px 8px;font-size:10px;font-weight:700}.qd-progress-pill{color:var(--green-800);background:var(--green-50);border-radius:8px;padding:3px 8px;font-size:10px;font-weight:700}.pip-says{background:var(--purple-50);border-bottom:1px solid #7f77dd1a;flex-shrink:0;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.pip-says-avatar{border:1.5px solid var(--purple-100);background:#fff;border-radius:50%;flex-shrink:0;width:34px;height:34px;overflow:hidden}.pip-says-avatar img{object-fit:contain;object-position:top;width:100%;height:100%}.pip-says-body{flex:1}.pip-says-row{align-items:center;gap:6px;margin-bottom:3px;display:flex}.pip-says-name{color:var(--purple-500);letter-spacing:.6px;font-size:10px;font-weight:700}.pip-says-text{color:var(--purple-700);margin:0;font-size:12px;font-weight:500;line-height:1.45}.steps-section{flex-shrink:0;padding:16px 16px 0}.steps-section-title{color:var(--purple-400);letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.steps-list{flex-direction:column;gap:0;display:flex;position:relative}.step-row{cursor:pointer;align-items:flex-start;gap:12px;padding:0 0 16px;display:flex;position:relative}.step-row:not(:last-child):before{content:"";background:var(--purple-100);border-radius:1px;width:2px;position:absolute;top:28px;bottom:0;left:13px}.step-row.done:not(:last-child):before{background:var(--green-200)}.step-num{background:var(--purple-50);width:28px;height:28px;color:var(--purple-400);z-index:1;border:2px solid var(--purple-100);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:relative}.step-row.active .step-num{background:var(--purple-400);color:#fff;border-color:var(--purple-400);box-shadow:0 0 0 4px #7f77dd2e}.step-row.done .step-num{background:var(--green-400);color:#fff;border-color:var(--green-400)}.step-card{border:1.5px solid var(--purple-50);background:#fff;border-radius:14px;flex:1;align-items:center;gap:10px;margin-top:-2px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.step-row.active .step-card{border-color:var(--purple-300);background:var(--purple-50)}.step-row.done .step-card{border-color:var(--green-100);background:var(--green-50)}.step-content{flex:1;min-width:0}.step-text{color:var(--purple-800);margin:0;font-size:13px;font-weight:600;line-height:1.3}.step-row.done .step-text{color:var(--gray-500);text-decoration:line-through}.step-time{color:var(--gray-400);margin-top:2px;font-size:11px}.step-check{border:2px solid var(--purple-200);cursor:pointer;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .2s;position:relative}.step-row.done .step-check{background:var(--green-400);border-color:var(--green-400)}.step-row.done .step-check:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:5px;height:9px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.qd-reward-card{border:1.5px solid var(--amber-100);background:#fff;border-radius:14px;align-items:center;gap:14px;margin:6px 16px 14px;padding:12px 14px;display:flex}.qd-reward-left{flex-shrink:0;align-items:center;gap:10px;display:flex}.qd-reward-icon{font-size:22px}.qd-reward-title{color:var(--amber-700);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700}.qd-reward-xp{color:var(--amber-600);font-size:18px;font-weight:800;line-height:1.1}.qd-reward-bar-wrap{flex:1}.qd-reward-bar{background:var(--amber-50);border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.qd-reward-fill{background:var(--amber-400);border-radius:4px;height:100%;transition:width .6s}.qd-reward-frac{color:var(--amber-600);text-align:right;font-size:10px;font-weight:600}.qd-actions{padding:14px 16px;padding-bottom:max(20px, env(safe-area-inset-bottom,20px));flex-shrink:0;gap:10px;display:flex}.focus-screen{background:linear-gradient(180deg, var(--purple-50) 0%, var(--cream) 80%);flex-direction:column;flex:1;display:flex}.focus-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 16px;display:flex}.focus-mode{border:1px solid var(--purple-50);background:#fff;border-radius:12px;gap:1px;padding:3px;display:flex}.focus-mode-pill{color:var(--gray-400);cursor:pointer;border-radius:9px;padding:6px 11px;font-size:11px;font-weight:700}.focus-mode-pill.active{background:var(--purple-400);color:#fff}.focus-timer-wrap{flex-direction:column;flex-shrink:0;align-items:center;padding:16px 0 8px;display:flex}.focus-ring{width:240px;height:240px;position:relative}.focus-ring-bg{border:8px solid var(--purple-50);background:#fff;border-radius:50%;position:absolute;inset:0}.focus-ring-svg{position:absolute;inset:0;transform:rotate(-90deg)}.focus-ring-progress{fill:none;stroke:var(--purple-400);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .4s linear}.focus-time-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.focus-time-num{color:var(--purple-800);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:1}.focus-time-label{color:var(--purple-600);letter-spacing:2px;margin-top:6px;font-size:11px;font-weight:700}.focus-time-sub{color:var(--purple-600);opacity:.85;margin-top:8px;font-size:12px}.focus-pip-card{border:1.5px solid var(--purple-50);background:#fff;border-radius:16px;flex-shrink:0;align-items:center;gap:12px;margin:12px 16px 0;padding:10px 14px;display:flex}.focus-fox-anim{flex-shrink:0;width:50px;height:50px}.focus-pip-status{flex:1}.focus-pip-name{color:var(--purple-600);font-size:12px;font-weight:700}.focus-pip-msg{color:var(--gray-400);margin-top:2px;font-size:11px}.live-dot{background:var(--green-400);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.focus-task-bar{border:1.5px solid var(--purple-50);background:#fff;border-radius:13px;flex-shrink:0;align-items:center;gap:10px;margin:8px 16px 0;padding:9px 13px;display:flex}.focus-task-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.focus-task-text{color:var(--purple-800);flex:1;font-size:12px;font-weight:700}.focus-controls{padding:14px 16px;padding-bottom:max(18px, env(safe-area-inset-bottom,18px));flex-shrink:0;justify-content:center;gap:18px;margin-top:auto;display:flex}.focus-ctrl{border:1.5px solid var(--purple-50);width:48px;height:48px;color:var(--purple-800);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:transform .1s;display:flex}.focus-ctrl:active{transform:scale(.92)}.focus-ctrl.main{background:var(--amber-400);color:#fff;width:68px;height:68px;box-shadow:0 4px 0 var(--coral-800);border:none;font-size:22px}.focus-ctrl.main:active{box-shadow:0 2px 0 var(--coral-800);transform:translateY(2px)}.mood-screen{background:linear-gradient(180deg, var(--pink-50) 0%, var(--cream) 60%);flex-direction:column;flex:1;display:flex}.mood-content{flex-direction:column;flex:1;align-items:center;padding:20px 22px 16px;display:flex;overflow-y:auto}.mood-skip{color:var(--gray-400);z-index:5;font-size:13px;font-weight:600;position:absolute;top:18px;right:16px}.mood-pip-bubble{border:2px solid var(--pink-200);color:var(--pink-800);text-align:center;background:#fff;border-radius:18px;margin-top:8px;padding:12px 16px;font-size:13px;font-weight:600;animation:.5s cubic-bezier(.34,1.56,.64,1) bubbleIn;position:relative}.mood-pip-bubble:after{content:"";border-right:2px solid var(--pink-200);border-bottom:2px solid var(--pink-200);background:#fff;width:14px;height:14px;position:absolute;bottom:-8px;left:30px;transform:rotate(45deg)}.mood-q{color:var(--purple-800);text-align:center;margin:14px 0 4px;font-size:15px;font-weight:700}.mood-faces{gap:7px;width:100%;margin:12px 0 14px;display:flex}.mood-face{aspect-ratio:1;border:1.5px solid var(--purple-50);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:22px;transition:transform .15s,border-color .15s,background .15s;display:flex}.mood-face:active{transform:scale(.94)}.mood-face.selected{background:var(--purple-50);border-color:var(--purple-400);border-width:2px}.mood-face-label{color:var(--gray-400);font-size:9px;font-weight:600}.mood-face.selected .mood-face-label{color:var(--purple-800)}.energy-section{border:1.5px solid var(--purple-50);background:#fff;border-radius:16px;width:100%;margin-bottom:12px;padding:12px 14px}.energy-row{justify-content:space-between;margin-bottom:8px;display:flex}.energy-label{color:var(--purple-800);font-size:12px;font-weight:700}.energy-val{color:var(--purple-600);font-size:12px;font-weight:700}.slider-wrap{cursor:pointer;touch-action:none;align-items:center;height:24px;display:flex;position:relative}.slider-track-bg{background:var(--purple-50);border-radius:4px;height:8px;position:absolute;left:0;right:0}.slider-fill{background:linear-gradient(90deg, var(--teal-100), var(--amber-200));pointer-events:none;border-radius:4px;height:8px;transition:width .1s ease-out;position:absolute;left:0}.slider-thumb{border:3px solid var(--purple-400);pointer-events:none;background:#fff;border-radius:50%;width:22px;height:22px;transition:left .1s ease-out;position:absolute;transform:translate(-50%);box-shadow:0 2px 4px #00000026}.energy-scale{color:var(--gray-400);justify-content:space-between;margin-top:6px;font-size:10px;font-weight:600;display:flex}.tags-section{width:100%;margin-bottom:14px}.tags-label{color:var(--purple-600);letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:700}.tags-row{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{border:1.5px solid var(--purple-50);color:var(--purple-600);cursor:pointer;background:#fff;border-radius:16px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s}.tag-pill.selected{background:var(--purple-50);border-color:var(--purple-400);color:var(--purple-800)}.tag-pill:active{transform:scale(.95)}.bd-screen{background:linear-gradient(180deg, var(--amber-100) 0%, var(--cream) 60%);flex-direction:column;flex:1;display:flex}.bd-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bd-title-text{color:var(--amber-800);font-size:13px;font-weight:700}.bd-mode-btn{color:var(--amber-800);background:var(--amber-200);cursor:pointer;border-radius:10px;padding:6px 12px;font-size:11px;font-weight:700}.bd-pip-card{border:1.5px solid var(--amber-200);background:#fff;border-radius:16px;flex-shrink:0;align-items:center;gap:9px;margin:0 16px 14px;padding:10px 13px;display:flex}.bd-pip-msg{color:var(--amber-800);flex:1;font-size:12px;font-weight:600;line-height:1.3}.bd-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 22px;display:flex;position:relative}.bd-mic-area{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.pulse-ring{border:3px solid var(--amber-400);opacity:0;pointer-events:none;border-radius:50%;width:150px;height:150px;animation:2.4s ease-out infinite pulseRing;position:absolute}.pulse-ring:nth-child(2){animation-delay:.8s}.pulse-ring:nth-child(3){animation-delay:1.6s}@keyframes pulseRing{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.7)}}.bd-mic{background:var(--amber-400);color:#fff;width:130px;height:130px;box-shadow:0 6px 0 var(--coral-800);z-index:2;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:48px;transition:transform .1s;animation:1.2s ease-in-out infinite micBreathe;display:flex;position:relative}.bd-mic.active{animation:1s ease-in-out infinite micActive}.bd-mic.idle{box-shadow:0 6px 0 var(--coral-800);animation:none}.bd-mic:active{transform:scale(.95)}@keyframes micBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes micActive{0%,to{transform:scale(1.05)}50%{transform:scale(1.12)}}.bd-status{color:var(--coral-800);text-align:center;margin-top:22px;font-size:14px;font-weight:700}.bd-rec-time{color:var(--amber-800);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;margin-top:5px;font-size:12px;font-weight:600;display:flex}.rec-dot{background:#e24b4a;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite livePulse}.bd-waveform{justify-content:center;align-items:center;gap:4px;width:100%;height:40px;margin-top:16px;display:flex}.wave-bar{background:var(--amber-400);border-radius:2px;width:4px;transition:height .15s;animation:.8s ease-in-out infinite waveBar}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.bd-transcript{border:1.5px solid var(--purple-50);background:#fff;border-radius:16px;flex-shrink:0;min-height:70px;margin:16px 16px 0;padding:12px 14px;animation:.4s cubic-bezier(.34,1.56,.64,1) .2s both popIn}.bd-transcript-label{color:var(--purple-600);letter-spacing:1px;margin-bottom:5px;font-size:10px;font-weight:700}.bd-transcript-text{color:var(--purple-800);font-size:13px;font-style:italic;font-weight:500;line-height:1.4}.bd-actions{padding:14px 16px;padding-bottom:max(18px, env(safe-area-inset-bottom,18px));flex-shrink:0;gap:10px;display:flex}.bd-text-input-wrap{flex-direction:column;gap:10px;width:calc(100% - 32px);margin:16px 16px 0;display:flex}.bd-textarea{border:1.5px solid var(--amber-200);width:100%;color:var(--purple-800);resize:none;background:#fff;border-radius:16px;outline:none;min-height:140px;padding:14px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5}.bd-textarea:focus{border-color:var(--amber-400)}.bdlib-screen{flex-direction:column;flex:1;display:flex}.bdlib-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bdlib-title-center{color:var(--purple-800);text-align:center;flex:1;margin-right:36px;font-size:15px;font-weight:700}.bdlib-pip-banner{background:var(--pink-50);border:1.5px solid var(--pink-200);border-radius:14px;flex-shrink:0;align-items:center;gap:9px;margin:0 16px 12px;padding:10px 12px;display:flex}.bdlib-pip-text{color:var(--pink-800);flex:1;font-size:11px;font-weight:600;line-height:1.3}.bdlib-pip-cta{color:#fff;background:var(--pink-400);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:10px;font-weight:700}.bdlib-filters{-webkit-overflow-scrolling:touch;flex-shrink:0;gap:6px;padding:0 16px 12px;display:flex;overflow-x:auto}.bdlib-filters::-webkit-scrollbar{display:none}.bdlib-filter{border:1.5px solid var(--purple-50);color:var(--purple-600);cursor:pointer;background:#fff;border-radius:14px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.bdlib-filter.active{background:var(--purple-400);border-color:var(--purple-400);color:#fff}.bdlib-filter-count{opacity:.8;font-size:10px}.bdlib-section-title{color:var(--gray-400);letter-spacing:1px;flex-shrink:0;padding:4px 16px 8px;font-size:10px;font-weight:700}.bdlib-list{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.bd-card{border:1.5px solid var(--purple-50);background:#fff;border-radius:14px;padding:11px 12px;position:relative}.bd-card.todo{border-left:4px solid var(--green-400)}.bd-card.idea{border-left:4px solid var(--purple-400)}.bd-card.thought{border-left:4px solid var(--pink-200)}.bd-card.unsorted{border:1.5px dashed var(--purple-100);background:#fafafd}.bd-card-tag{letter-spacing:.5px;border-radius:6px;margin-bottom:5px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.bd-card-tag.todo{background:var(--green-50);color:var(--green-800)}.bd-card-tag.idea{background:var(--purple-50);color:var(--purple-800)}.bd-card-tag.thought{background:var(--pink-50);color:var(--pink-800)}.bd-card-tag.unsorted{background:var(--gray-50);color:var(--gray-800)}.bd-card-text{color:var(--purple-800);margin:0;font-size:13px;font-weight:500;line-height:1.4}.bd-card-meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.bd-card-time{color:var(--gray-400);font-size:10px}.bd-card-actions{gap:6px;display:flex}.bd-action-pill{background:var(--purple-50);color:var(--purple-600);cursor:pointer;border-radius:8px;padding:4px 9px;font-size:10px;font-weight:700}.bd-action-pill.go{background:var(--purple-400);color:#fff}.bd-suggest-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.bd-suggest{background:var(--amber-100);color:var(--amber-800);border:1px solid var(--amber-200);cursor:pointer;border-radius:8px;padding:4px 9px;font-size:10px;font-weight:700}.celeb-screen{flex-direction:column;align-items:center;padding:30px 22px 20px;display:flex;overflow:hidden}.celeb-streak{background:linear-gradient(180deg, var(--amber-100) 0%, var(--cream) 70%)}.celeb-banner{background:var(--amber-200);color:var(--amber-800);letter-spacing:1.5px;border-radius:16px;padding:6px 16px;font-size:11px;font-weight:700;animation:.5s ease-out bannerSlide}@keyframes bannerSlide{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.celeb-phil{justify-content:center;align-items:center;margin:8px 0 4px;animation:.6s cubic-bezier(.34,1.56,.64,1) .15s both philCelebEntry;display:flex}@keyframes philCelebEntry{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.celeb-streak-num{color:var(--amber-500);letter-spacing:-2px;text-shadow:0 3px 0 var(--amber-700);margin:-8px 0 4px;font-size:56px;font-weight:900;line-height:1}.flame-big{width:150px;height:160px;margin:16px 0 8px;animation:1.2s ease-in-out infinite flameDance;position:relative}.flame-outer{background:var(--amber-400);clip-path:polygon(50% 0,80% 30%,100% 60%,80% 95%,50% 100%,20% 95%,0 60%,20% 30%);border-radius:50%/30% 30% 70% 70%;position:absolute;inset:0}.flame-mid{background:var(--amber-200);clip-path:polygon(50% 5%,75% 35%,90% 60%,75% 92%,50% 100%,25% 92%,10% 60%,25% 35%);border-radius:50%/30% 30% 70% 70%;animation:1.5s ease-in-out infinite flameInner;position:absolute;inset:16px}.flame-num{color:var(--coral-800);z-index:2;text-shadow:0 2px 0 var(--cream);justify-content:center;align-items:center;font-size:50px;font-weight:700;display:flex;position:absolute;inset:0}@keyframes flameDance{0%,to{transform:scale(1)rotate(-1deg)}50%{transform:scale(1.05)rotate(1deg)}}@keyframes flameInner{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.celeb-title{color:var(--coral-800);letter-spacing:-.4px;text-align:center;margin:8px 0 4px;font-size:26px;font-weight:700;animation:.8s cubic-bezier(.34,1.56,.64,1) .3s both titlePop}.celeb-sub{color:var(--amber-800);text-align:center;margin:0 0 16px;font-size:13px;font-weight:600;animation:.8s ease-out .5s both fadeUp}@keyframes titlePop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.celeb-rewards{gap:10px;margin-top:14px;animation:.8s ease-out .7s both fadeUp;display:flex}.celeb-reward{border:1.5px solid var(--amber-200);text-align:center;background:#fff;border-radius:14px;padding:10px 14px}.celeb-reward-icon{font-size:22px}.celeb-reward-label{color:var(--amber-800);margin-top:4px;font-size:10px;font-weight:700}.celeb-cta{margin-top:auto;padding-bottom:8px;animation:.8s ease-out .9s both fadeUp}.celeb-levelup{background:var(--purple-400);color:#fff}.celeb-rays{opacity:.3;z-index:0;width:400px;height:400px;animation:8s linear infinite raySpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ray{background:var(--amber-200);transform-origin:bottom;width:4px;height:200px;position:absolute;top:50%;left:50%}@keyframes raySpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.celeb-levelup .celeb-banner{color:var(--amber-200);z-index:2;background:#ffffff2e}.lvl-num{color:var(--amber-200);text-shadow:0 4px #00000026;z-index:2;margin:18px 0 0;font-size:100px;font-weight:700;line-height:1;animation:1s cubic-bezier(.34,1.56,.64,1) .3s both levelDrop}@keyframes levelDrop{0%{opacity:0;transform:translateY(-80px)scale(.5)}60%{transform:translateY(10px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}.lvl-title{color:#fff;z-index:2;margin:8px 0 0;font-size:26px;font-weight:700;animation:.8s cubic-bezier(.34,1.56,.64,1) .6s both titlePop}.lvl-rank{color:var(--amber-200);letter-spacing:1.5px;z-index:2;margin:4px 0 0;font-size:13px;font-weight:700;animation:.8s ease-out .8s both fadeUp}.lvl-fox-wrap{z-index:2;margin-top:16px;animation:1s cubic-bezier(.34,1.56,.64,1) .9s both foxLevelUp;position:relative}.lvl-glow{background:var(--amber-200);opacity:.3;border-radius:50%;animation:2s ease-in-out infinite glowPulse;position:absolute;inset:-22px}@keyframes foxLevelUp{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.lvl-unlocks{z-index:2;background:#ffffff1f;border:1px solid #ffffff40;border-radius:14px;width:100%;margin-top:18px;padding:11px 14px;animation:.8s ease-out 1.1s both fadeUp}.lvl-unlock-title{color:var(--amber-200);letter-spacing:1px;margin-bottom:7px;font-size:11px;font-weight:700}.lvl-unlock-row{align-items:center;gap:10px;display:flex}.lvl-unlock-icon{background:var(--amber-200);width:32px;height:32px;color:var(--amber-800);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.lvl-unlock-text{color:#fff;font-size:12px;font-weight:700}.celeb-levelup .celeb-cta button{background:var(--amber-200);color:var(--amber-800);box-shadow:0 4px 0 var(--amber-600)}.celeb-levelup .celeb-cta button:active{box-shadow:0 2px 0 var(--amber-600)}.celeb-day{background:linear-gradient(180deg, var(--purple-50) 0%, var(--cream) 60%)}.trophy{width:130px;height:140px;margin:16px 0 8px;animation:1s cubic-bezier(.34,1.56,.64,1) .3s both trophyEntry;position:relative}.trophy-cup{background:var(--amber-200);border-radius:40% 40% 50% 50%/25% 25% 100% 100%;width:86px;height:76px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:inset -8px -10px #00000014}.trophy-handle-l{border:7px solid var(--amber-200);border-right:none;border-radius:22px 0 0 22px;width:22px;height:38px;position:absolute;top:22px;left:14px}.trophy-handle-r{border:7px solid var(--amber-200);border-left:none;border-radius:0 22px 22px 0;width:22px;height:38px;position:absolute;top:22px;right:14px}.trophy-stand{background:var(--amber-600);width:24px;height:16px;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.trophy-base{background:var(--amber-600);border-radius:4px;width:64px;height:14px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.trophy-shine{opacity:.4;background:#fff;border-radius:50%;width:16px;height:32px;animation:2s ease-in-out infinite shine;position:absolute;top:24px;left:36px}@keyframes trophyEntry{0%{opacity:0;transform:translateY(60px)scale(.5)rotate(-15deg)}60%{transform:translateY(-10px)scale(1.1)rotate(5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes shine{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.6;transform:translateY(8px)}}.celeb-day .celeb-title{color:var(--purple-800)}.celeb-day .celeb-sub{color:var(--purple-600)}.celeb-day .celeb-banner{background:var(--purple-100);color:var(--purple-800)}.day-stats{gap:8px;width:100%;margin-top:14px;animation:.8s ease-out 1s both fadeUp;display:flex}.day-stat{border:1.5px solid var(--purple-50);text-align:center;background:#fff;border-radius:14px;flex:1;padding:10px 6px}.day-stat-num{color:var(--purple-800);font-size:20px;font-weight:700;line-height:1}.day-stat-label{color:var(--purple-600);margin-top:3px;font-size:10px;font-weight:700}.streak-bump{background:var(--amber-100);z-index:2;border-radius:16px;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;animation:1s ease-out 1.3s both streakBump;display:inline-flex}@keyframes streakBump{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.streak-bump-text{color:var(--amber-800);font-size:12px;font-weight:700}.stats-screen{flex-direction:column;flex:1;display:flex}.stats-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 14px;display:flex}.stats-period{background:var(--purple-50);border-radius:12px;flex-shrink:0;gap:2px;margin:0 16px 14px;padding:3px;display:flex}.stats-period-pill{text-align:center;color:var(--purple-600);cursor:pointer;border-radius:9px;flex:1;padding:7px 0;font-size:11px;font-weight:700}.stats-period-pill.active{color:var(--purple-800);background:#fff;box-shadow:0 1px 2px #0000000f}.stats-hero{background:var(--purple-400);color:#fff;box-shadow:0 4px 0 var(--purple-600);border-radius:18px;margin:0 16px 12px;padding:14px;position:relative;overflow:hidden}.stats-hero-row{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.stats-hero-label{opacity:.85;font-size:11px;font-weight:700}.stats-hero-num{letter-spacing:-1px;margin:4px 0 0;font-size:38px;font-weight:700;line-height:1}.stats-hero-sub{opacity:.9;margin-top:4px;font-size:12px;font-weight:600}.stats-hero-flame{background:#ffffff2e;border-radius:12px;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:700;display:flex}.stats-chart-card{border:1.5px solid var(--purple-50);background:#fff;border-radius:16px;margin:0 16px 12px;padding:14px}.stats-chart-title{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.stats-chart-label{color:var(--purple-800);font-size:12px;font-weight:700}.stats-chart-meta{color:var(--purple-600);font-size:11px}.stats-chart{justify-content:space-between;align-items:flex-end;gap:6px;height:100px;margin-bottom:8px;display:flex}.stats-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.stats-bar{background:var(--purple-100);border-radius:6px 6px 3px 3px;width:100%;animation:.8s ease-out both barRise}.stats-bar.full,.stats-bar.today{background:var(--purple-400)}.stats-bar-row{color:var(--gray-400);justify-content:space-between;padding:0 4px;font-size:10px;font-weight:700;display:flex}@keyframes barRise{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin:0 16px 12px;display:grid}.stats-stat{border:1.5px solid var(--purple-50);background:#fff;border-radius:14px;padding:11px}.stats-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:7px;font-size:13px;display:flex}.stats-stat-label{color:var(--purple-600);letter-spacing:.5px;font-size:10px;font-weight:700}.stats-stat-num{color:var(--purple-800);margin-top:3px;font-size:20px;font-weight:700;line-height:1}.stats-stat-trend{color:var(--green-800);align-items:center;gap:3px;margin-top:4px;font-size:10px;font-weight:700;display:flex}.stats-insight{background:var(--amber-100);border:1.5px solid var(--amber-200);border-radius:14px;margin:0 16px 16px;padding:12px}.stats-insight-row{align-items:center;gap:9px;margin-bottom:7px;display:flex}.stats-insight-label{color:var(--amber-800);letter-spacing:1px;font-size:10px;font-weight:700}.stats-insight-text{color:var(--coral-800);font-size:12px;font-weight:600;line-height:1.4}.stats-insight-tag{color:var(--amber-800);background:#fff;border-radius:7px;margin-top:8px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-block}.profile-screen{background:linear-gradient(180deg, var(--purple-50) 0%, var(--cream) 50%);flex-direction:column;flex:1;display:flex}.profile-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.profile-edit{color:var(--purple-600);cursor:pointer;font-size:12px;font-weight:700}.profile-name-input{color:var(--purple-800);border:none;border-bottom:2px solid var(--purple-300);text-align:center;background:0 0;outline:none;flex:1;padding:2px 8px;font-family:inherit;font-size:16px;font-weight:700}.profile-name{color:var(--purple-800);font-size:15px;font-weight:700}.profile-fox-stage{background:var(--purple-400);box-shadow:0 4px 0 var(--purple-600);border-radius:22px;margin:0 16px 14px;padding:18px 14px 14px;position:relative;overflow:hidden}.profile-fox-stage .bg-shape.s1{background:var(--amber-200);opacity:.2;width:60px;height:60px;animation:4s ease-in-out infinite float1;top:-10px;left:-10px}.profile-fox-stage .bg-shape.s2{background:var(--teal-100);opacity:.2;width:36px;height:36px;animation:3s ease-in-out infinite float2;top:30px;right:10px}.spark{color:var(--amber-200);font-size:13px;animation:2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.profile-fox-big{z-index:2;justify-content:center;width:110px;height:110px;margin:0 auto 8px;display:flex;position:relative}.profile-phil-wrap{z-index:2;justify-content:center;align-items:flex-end;width:130px;height:130px;margin:0 auto 8px;display:flex;position:relative}.profile-phil-wrap.equipping{animation:.45s cubic-bezier(.34,1.56,.64,1) philEquip}@keyframes philEquip{0%{opacity:.6;transform:scale(.85)rotate(-4deg)}60%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.profile-phil-img{object-fit:contain;object-position:bottom center;width:100%;height:100%}.profile-acc-badge{filter:drop-shadow(0 2px 4px #0000004d);font-size:28px;line-height:1;animation:.4s cubic-bezier(.34,1.56,.64,1) badgeDrop;position:absolute;top:-4px;left:50%;transform:translate(-50%)}@keyframes badgeDrop{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.5)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.acc-phil-face{object-fit:contain;object-position:center;width:100%;height:100%}.acc-thumb-badge{filter:drop-shadow(0 1px 2px #00000040);font-size:16px;line-height:1;position:absolute;top:-4px;right:-2px}.fox-acc{pointer-events:none;z-index:5;position:absolute}.fox-acc.wizard{width:70%;height:38%;top:-18%;left:50%;transform:translate(-50%)}.fox-acc.wizard .acc-cone{border-left:22% solid transparent;border-right:22% solid transparent;border-bottom-style:solid;border-bottom-color:var(--purple-600);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.fox-acc.wizard .acc-band{background:var(--amber-200);border-radius:18%;width:65%;height:26%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fox-acc.wizard .acc-star{color:var(--amber-200);font-size:.7em;animation:1.5s ease-in-out infinite twinkle;position:absolute;top:22%;left:50%;transform:translate(-50%)}.fox-acc.wizard svg{width:100%;height:100%;display:block;overflow:visible}.fox-acc.crown{width:60%;height:26%;top:-10%;left:50%;transform:translate(-50%)}.fox-acc.crown svg{width:100%;height:100%;display:block}.fox-acc.specs{width:60%;height:18%;top:38%;left:50%;transform:translate(-50%)}.fox-acc.specs svg{width:100%;height:100%;display:block}.fox-acc.bowtie{z-index:6;width:42%;height:22%;bottom:8%;left:50%;transform:translate(-50%)}.fox-acc.bowtie svg{width:100%;height:100%;display:block}.fox-acc.scarf{z-index:6;width:92%;height:32%;bottom:0%;left:50%;transform:translate(-50%)}.fox-acc.scarf svg{width:100%;height:100%;display:block}.fox-acc.phones{width:88%;height:50%;top:5%;left:50%;transform:translate(-50%)}.fox-acc.phones svg{width:100%;height:100%;display:block}.fox-acc.equipping{animation:.5s cubic-bezier(.34,1.56,.64,1) accEquip}@keyframes accEquip{0%{opacity:0;transform:translate(-50%)translateY(-30px)scale(.5)rotate(-15deg)}60%{opacity:1;transform:translate(-50%)translateY(5px)scale(1.1)rotate(8deg)}to{transform:translate(-50%)translateY(0)scale(1)rotate(0)}}.fox-acc.bowtie.equipping,.fox-acc.scarf.equipping{animation:.5s cubic-bezier(.34,1.56,.64,1) accEquipBottom}@keyframes accEquipBottom{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.5)}60%{opacity:1;transform:translate(-50%)translateY(-3px)scale(1.1)}to{transform:translate(-50%)translateY(0)scale(1)}}.profile-rank-row{z-index:2;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.profile-rank-badge{color:var(--amber-200);letter-spacing:1px;text-transform:uppercase;background:#ffffff2e;border-radius:12px;padding:5px 12px;font-size:11px;font-weight:700}.profile-level-num{color:#fff;opacity:.95;font-size:12px;font-weight:700}.profile-xp-row{z-index:2;margin:10px 0 0;position:relative}.profile-xp-bar{background:#fff3;border-radius:5px;height:10px;margin:0 6px;overflow:hidden}.profile-xp-fill{background:var(--amber-200);border-radius:5px;height:100%;animation:1.5s ease-out fillIn;position:relative}.profile-xp-fill:after{content:"";background:#ffffff4d;animation:2.5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes fillIn{0%{width:0}}.profile-xp-text{color:#fff;opacity:.85;justify-content:space-between;margin-top:5px;padding:0 6px;font-size:10px;font-weight:700;display:flex}.profile-section-title{justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.profile-sec-h{color:var(--purple-800);font-size:12px;font-weight:700}.profile-sec-link{color:var(--purple-600);font-size:11px;font-weight:700}.profile-acc-row{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:10px;padding:4px 16px 14px;scroll-padding-left:16px;display:flex;overflow-x:auto}.profile-acc-row::-webkit-scrollbar{display:none}.acc-row-end-spacer{flex-shrink:0;width:4px;height:1px}.profile-acc{border:1.5px solid var(--purple-50);cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:84px;height:96px;padding:4px;transition:transform .1s,border-color .2s,background .2s;display:flex;position:relative;overflow:visible}.profile-acc:active{transform:scale(.94)}.profile-acc.equipped{border-color:var(--purple-400);background:var(--purple-50);border-width:2.5px}.profile-acc.equipped:after{content:"";background:var(--purple-400);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M3 7l3 3 5-6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:50%;background-repeat:no-repeat;border-radius:50%;width:14px;height:14px;display:flex;position:absolute;bottom:6px;right:6px}.profile-acc.locked{opacity:.5;cursor:not-allowed}.profile-acc.locked .acc-preview-mini{filter:grayscale(.8)}.profile-acc-label{color:var(--purple-600);font-size:10px;font-weight:700}.profile-acc.equipped .profile-acc-label{color:var(--purple-800)}.profile-acc-lock{z-index:2;font-size:11px;position:absolute;top:6px;right:6px}.profile-acc-new{background:var(--coral-400);color:#fff;letter-spacing:.3px;z-index:3;border-radius:6px;padding:3px 6px;font-size:8px;font-weight:700;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000026}.acc-preview-mini{justify-content:center;align-items:center;width:56px;height:56px;margin-top:4px;display:flex;position:relative;overflow:visible}.acc-preview-mini .fox{pointer-events:none}.profile-badges{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px;display:grid}.profile-badge{border:1.5px solid var(--purple-50);background:#fff;border-radius:14px;align-items:center;gap:9px;padding:10px;display:flex}.profile-badge.locked{opacity:.5}.profile-badge-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.profile-badge-text{flex:1;min-width:0}.profile-badge-title{color:var(--purple-800);font-size:11px;font-weight:700;line-height:1.2}.profile-badge-sub{color:var(--gray-400);margin-top:2px;font-size:9px}.settings-top{border-bottom:1px solid var(--purple-50);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 14px;display:flex}.settings-title{color:var(--purple-800);font-size:15px;font-weight:700}.settings-pip-card{background:var(--pink-50);border:1.5px solid var(--pink-200);border-radius:13px;align-items:center;gap:9px;margin:12px 16px;padding:10px 12px;display:flex}.settings-pip-text{color:var(--pink-800);flex:1;font-size:11px;font-weight:600;line-height:1.3}.settings-section{padding:12px 16px 4px}.settings-sec-title{color:var(--gray-400);letter-spacing:1px;font-size:10px;font-weight:700}.settings-list{flex-direction:column;gap:6px;padding:0 16px;display:flex}.settings-item{border:1px solid var(--purple-50);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:11px;padding:11px 13px;display:flex}.settings-item-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.settings-item-icon.coral{background:var(--coral-50);color:var(--coral-800)}.settings-item-icon.purple{background:var(--purple-50);color:var(--purple-800)}.settings-item-icon.pink{background:var(--pink-50);color:var(--pink-800)}.settings-item-icon.teal{background:var(--teal-50);color:var(--teal-800)}.settings-item-icon.amber{background:var(--amber-100);color:var(--amber-800)}.settings-item-icon.gray{background:var(--gray-50);color:var(--gray-800)}.settings-item-text{flex:1;min-width:0}.settings-item-title{color:var(--purple-800);font-size:12px;font-weight:700;line-height:1.2}.settings-item-sub{color:var(--gray-400);margin-top:2px;font-size:10px;line-height:1.2}.settings-item-arrow{color:var(--purple-100);flex-shrink:0;font-size:18px}.toggle{background:var(--purple-400);cursor:pointer;border-radius:11px;flex-shrink:0;width:38px;height:22px;transition:background .2s;position:relative}.toggle.off{background:var(--gray-100)}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;right:2px}.toggle.off .toggle-knob{left:2px;right:auto}.lowstim-screen{background:#f8f4ec;flex-direction:column;flex:1;display:flex}.lowstim-screen .settings-top{border-color:var(--gray-100)}.lowstim-screen .settings-title{color:var(--gray-800)}.lowstim-screen .icon-btn{border-color:var(--gray-100);color:var(--gray-600)}.lowstim-banner{border:1px solid var(--gray-100);background:#fff;border-radius:12px;margin:14px 16px 12px;padding:12px}.lowstim-banner-row{align-items:center;gap:10px;margin-bottom:7px;display:flex}.lowstim-banner-icon{background:var(--gray-50);width:30px;height:30px;color:var(--gray-800);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.lowstim-banner-title{color:var(--gray-800);font-size:13px;font-weight:700}.lowstim-banner-text{color:var(--gray-600);font-size:12px;line-height:1.4}.lowstim-preview{border:1px solid var(--gray-100);background:#fff;border-radius:13px;margin:0 16px 14px;padding:14px}.lowstim-preview-label{color:var(--gray-400);letter-spacing:1px;text-align:center;margin-bottom:12px;font-size:10px;font-weight:700}.lowstim-preview-content{background:#f8f4ec;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.lowstim-preview-fox{opacity:.85;filter:saturate(.4);flex-shrink:0;width:50px;height:50px}.lowstim-preview-text{flex:1}.lowstim-preview-title{color:var(--gray-800);font-size:12px;font-weight:700}.lowstim-preview-sub{color:var(--gray-600);margin-top:2px;font-size:11px}.lowstim-streak-chip{background:var(--gray-50);color:var(--gray-600);border-radius:10px;margin-top:10px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.lowstim-controls{flex-direction:column;gap:6px;margin-bottom:14px;padding:0 16px;display:flex}.lowstim-ctrl{border:1px solid var(--gray-100);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:11px;padding:11px 13px;display:flex}.lowstim-ctrl-icon{background:var(--gray-50);width:30px;height:30px;color:var(--gray-800);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.lowstim-ctrl-text{flex:1}.lowstim-ctrl-title{color:var(--gray-800);font-size:12px;font-weight:700;line-height:1.2}.lowstim-ctrl-sub{color:var(--gray-400);margin-top:2px;font-size:10px;line-height:1.2}.toggle-q{background:var(--gray-600);cursor:pointer;border-radius:11px;flex-shrink:0;width:38px;height:22px;position:relative}.toggle-q.off{background:var(--gray-100)}.toggle-q .knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;right:2px}.toggle-q.off .knob{left:2px;right:auto}.lowstim-cta{margin:auto 16px calc(env(safe-area-inset-bottom,0px) + 18px);background:var(--gray-600);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:18px;padding:14px;font-size:13px;font-weight:700}.broken-screen{background:var(--cream);flex-direction:column;flex:1;align-items:center;padding:0 0 28px;display:flex;overflow-y:auto}.broken-hero{background:linear-gradient(170deg, #fdeae7 0%, var(--cream) 85%);flex-direction:column;align-items:center;width:100%;padding:28px 22px 4px;display:flex}.broken-banner{color:var(--coral-700);background:var(--coral-100);letter-spacing:1.8px;border-radius:20px;margin-bottom:18px;padding:5px 14px;font-size:10px;font-weight:700;animation:.4s ease-out popIn}.broken-phil-wrap{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.broken-phil-glow{background:radial-gradient(circle,#f49f4738 20%,#0000 70%);border-radius:50%;animation:3.5s ease-in-out infinite glowPulse;position:absolute;inset:0}.broken-title{color:var(--coral-800);letter-spacing:-.5px;text-align:center;margin:12px 0 5px;font-size:24px;font-weight:800;line-height:1.15;animation:.4s ease-out .1s both popIn}.broken-sub{color:var(--coral-700);text-align:center;max-width:260px;margin:0 0 22px;font-size:13px;font-weight:500;line-height:1.5;animation:.4s ease-out .15s both popIn}.broken-body{flex-direction:column;gap:10px;width:100%;padding:0 20px;display:flex}.broken-pip-card{border:1.5px solid var(--coral-100);background:#fff;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.4s ease-out .2s both popIn;display:flex}.broken-pip-avatar{background:var(--coral-50);border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.broken-pip-avatar img{object-fit:contain;object-position:top;width:100%;height:100%}.broken-pip-label{color:var(--coral-600);letter-spacing:.8px;margin-bottom:5px;font-size:10px;font-weight:700}.broken-pip-text{color:var(--gray-700);margin:0;font-size:13px;font-style:italic;font-weight:500;line-height:1.5}.broken-achievements{border:1.5px solid var(--purple-100);background:#fff;border-radius:18px;padding:14px 14px 16px;animation:.4s ease-out .3s both popIn}.broken-ach-title{color:var(--purple-400);letter-spacing:.8px;text-transform:uppercase;text-align:center;margin-bottom:14px;font-size:10px;font-weight:700}.broken-ach-row{display:flex}.broken-ach{text-align:center;flex:1;padding:0 6px;position:relative}.broken-ach+.broken-ach:before{content:"";background:var(--purple-100);width:1px;position:absolute;top:12%;bottom:12%;left:0}.broken-ach-icon{margin-bottom:5px;font-size:18px}.broken-ach-val{color:var(--purple-800);font-size:24px;font-weight:800;line-height:1}.broken-ach-label{color:var(--purple-400);margin-top:4px;font-size:10px;font-weight:600}.broken-bottom{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;padding:16px 20px 0;display:flex}.broken-cta-link{color:var(--gray-400);cursor:pointer;text-align:center;cursor:pointer;font-size:12px;font-weight:600}.shop-screen{background:linear-gradient(180deg, var(--purple-50) 0%, var(--cream) 50%);flex-direction:column;flex:1;display:flex}.shop-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 14px;display:flex}.shop-coins{background:var(--amber-100);border-radius:14px;align-items:center;gap:6px;padding:6px 12px;display:flex}.shop-coin{background:var(--amber-400);border:1.5px solid var(--amber-600);width:16px;height:16px;color:var(--cream);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.shop-coin-num{color:var(--amber-800);font-size:12px;font-weight:700}.shop-current{border:1.5px solid var(--purple-50);background:#fff;border-radius:16px;align-items:center;gap:12px;margin:0 16px 16px;padding:12px 14px;display:flex}.shop-flame-current{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.shop-flame-current .flame{width:26px;height:26px}.shop-current-text{flex:1}.shop-current-num{color:var(--purple-800);font-size:15px;font-weight:700;line-height:1}.shop-current-label{color:var(--purple-600);margin-top:2px;font-size:11px}.shop-freezes{gap:4px;display:flex}.shop-freeze-icon{color:#185fa5;background:#e6f1fb;border:1.5px solid #b5d4f4;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.shop-freeze-icon.empty{background:var(--gray-50);color:var(--gray-200);border-color:var(--gray-100)}.shop-section{padding:0 16px 8px}.shop-sec-h{color:var(--purple-600);letter-spacing:1px;font-size:11px;font-weight:700}.shop-list{flex-direction:column;gap:8px;margin-bottom:16px;padding:0 16px;display:flex}.shop-item{border:1.5px solid var(--purple-50);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:11px 12px;display:flex}.shop-item.featured{border-color:var(--purple-400);background:var(--purple-50);border-width:2px}.shop-item-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.shop-item-icon.blue{color:#0c447c;background:#e6f1fb}.shop-item-icon.purple{background:var(--purple-50);color:var(--purple-800)}.shop-item-icon.amber{background:var(--amber-100);color:var(--amber-800);font-weight:700}.shop-item-info{flex:1;min-width:0}.shop-item-title{color:var(--purple-800);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.shop-item-tag{background:var(--purple-400);color:#fff;letter-spacing:.3px;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:700}.shop-item-sub{color:var(--purple-600);margin-top:3px;font-size:11px;line-height:1.3}.shop-item-buy{border:1.5px solid var(--amber-200);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:8px 12px;display:flex}.shop-item-buy.locked{border-color:var(--purple-50);background:var(--gray-50);opacity:.7}.shop-item-buy-num{color:var(--amber-800);font-size:12px;font-weight:700}.shop-item-buy.locked .shop-item-buy-num{color:var(--gray-400)}.shop-earn-list{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.shop-earn-item{border:1.5px solid var(--purple-50);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:10px 12px;display:flex}.shop-earn-icon{background:var(--amber-100);width:36px;height:36px;color:var(--amber-800);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.shop-earn-info{flex:1}.shop-earn-title{color:var(--purple-800);font-size:12px;font-weight:700;line-height:1.2}.shop-earn-sub{color:var(--gray-400);margin-top:2px;font-size:10px}.shop-earn-progress{color:var(--amber-800);flex-shrink:0;font-size:11px;font-weight:700}.shop-earn-bar{background:var(--gray-50);border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.shop-earn-fill{background:var(--amber-200);border-radius:4px;height:100%}.debug-fab{color:#fff;z-index:999;cursor:pointer;background:#3c3489e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:inherit;font-size:18px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d}@media (width>=500px){.debug-fab{bottom:30px;right:30px}}.debug-panel{background:#fff;padding:16px 18px 24px}.debug-panel h3{color:var(--purple-800);margin-bottom:12px;font-size:13px;font-weight:700}.debug-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.debug-btn{background:var(--purple-50);color:var(--purple-800);cursor:pointer;text-align:center;border:none;border-radius:9px;padding:9px;font-family:inherit;font-size:11px;font-weight:700}.debug-btn:active{background:var(--purple-100)}#sidebar{display:none}@media (width>=768px){#stage{background:var(--cream);flex-direction:row;justify-content:flex-start;align-items:stretch;width:100vw}#sidebar,.sidebar{background:var(--purple-800);flex-direction:column;flex-shrink:0;width:248px;min-width:248px;height:100%;overflow:hidden auto;display:flex!important}#device{background:var(--cream);flex-direction:column;flex:1;max-width:none;max-height:none;display:flex;box-shadow:none!important;border:none!important;border-radius:0!important}#device:before{display:none!important}#screens{position:absolute;inset:0;overflow:hidden}.screen{padding-top:0}.screen.active{overflow-y:auto}.bottom-nav{display:none!important}.auth-screen{justify-content:center;align-items:center;background:var(--cream)!important}.auth-screen>:not(.auth-bg-shape):not(.auth-back){width:100%;max-width:420px}.auth-screen .auth-content{flex:none}.auth-screen .auth-pip-area{padding-top:16px}.splash-screen{justify-content:center;align-items:center}.splash-wm-stage{width:min(55vw,290px)}.splash-loader{justify-content:center;align-items:center;gap:6px;width:auto;height:auto;display:flex}.screen[id=screen-onboarding],.screen[id=screen-greeting],.screen[id=screen-pipPromise],.screen[id=screen-permissions],.screen[id=screen-setupPreview]{justify-content:center;align-items:center;background:radial-gradient(ellipse 65% 75% at 8% 92%, var(--purple-100) 0%, transparent 65%), radial-gradient(ellipse 55% 65% at 92% 8%, var(--amber-100) 0%, transparent 65%), var(--phil-bg)!important}.onboarding-screen{justify-content:center;align-items:center;background:var(--phil-bg)!important}.onboard-card{background:0 0;border-radius:28px;flex-direction:row;width:min(800px,92vw);height:auto;max-height:86vh;overflow:hidden;box-shadow:0 24px 64px #4a468a2e,0 4px 20px #4a468a17}.onboard-card-left{background:linear-gradient(165deg, var(--purple-600) 0%, var(--purple-800) 100%);background-position:50%;background-size:cover;flex-shrink:0;justify-content:flex-end;gap:0;width:268px;max-height:none;padding:60px 28px 40px;position:relative;inset:auto}.onboard-card-left:before{display:none}.onboard-card-right{box-shadow:none;background:var(--cream);border-radius:0;flex:1;max-height:none;padding:0;position:relative;bottom:auto;left:auto;right:auto}.onboard-card-left .onboard-progress{position:absolute;top:24px;left:24px;right:24px}.onboard-card-left .onboard-bubble{-webkit-backdrop-filter:none;background:#ffffff21;border-color:#ffffff52;margin-bottom:0}.onboard-card-left[style*=background-image] .onboard-fox,.onboard-card-left[style*=background-image] .promise-pip{display:none}.onboard-card-left[style*=background-image]:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 30%,#140f322e 60%,#140f32b8 100%);position:absolute;inset:0}.onboard-card-left[style*=background-image] .onboard-bubble,.onboard-card-left[style*=background-image] .onboard-progress{z-index:2;position:relative}.onboard-card-left[style*=background-image] .onboard-bubble{color:#fff;-webkit-backdrop-filter:blur(6px);background:#ffffff26;border-color:#ffffff59;margin-bottom:0}.onboard-card-left[style*=background-image] .onboard-bubble:before{border-bottom-color:#ffffff73}.onboard-card-left[style*=background-image] .onboard-bubble:after{border-bottom-color:#ffffff26}.onboard-card-left .onboard-progress{justify-content:flex-start;gap:8px;padding:0;position:absolute;top:24px;left:24px;right:24px}.onboard-card-left .onboard-bar{background:#fff3;flex:1;width:auto}.onboard-card-left .onboard-bar.done{background:#ffffffd9;animation:none}.onboard-card-left .onboard-bar.active{background:#fff;animation:none}.onboard-card-left .onboard-fox{margin-bottom:20px}.onboard-card-left .promise-pip{margin-bottom:12px}.onboard-card-left .onboard-bubble{color:#fff;background:#ffffff21;border-color:#ffffff52;padding:10px 14px;font-size:13px}.onboard-card-left .onboard-bubble:before{border-bottom-color:#ffffff73}.onboard-card-left .onboard-bubble:after{border-bottom-color:#ffffff21}.onboard-card-right{background:var(--cream);flex:1;min-height:0}.onboard-card-right .onboard-content{padding:44px 40px 16px;overflow-y:auto}.onboard-card-right .onboard-cta{background:linear-gradient(to bottom, transparent, var(--cream) 28%);padding:12px 40px 40px}.onboard-card-right .onboard-skip{top:20px;right:20px}.onboard-card-right .onboard-title{letter-spacing:-.4px;text-align:left;margin-bottom:6px;font-size:26px}.onboard-card-right .onboard-sub{text-align:left;margin-bottom:20px}.onboard-card-right .ob-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.onboard-card-right .streak-circle{margin:12px auto 16px}.greeting-card{background:var(--cream);border-radius:28px;max-width:420px;padding:52px 52px 44px;box-shadow:0 24px 64px #4a468a26,0 4px 20px #4a468a14}.home-screen .home-hero{margin:16px 24px 14px}.home-screen .home-topbar{padding:16px 24px 8px}.home-screen .quest-list,.home-screen .home-section-header{padding:0 24px}.home-screen .level-section{padding:12px 24px}}.sb-logo{border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:20px 20px 16px}.sb-logo svg{width:120px;height:auto;display:block}.sb-logo svg path{fill:#fff!important}.sb-user-card{cursor:pointer;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:12px;padding:16px 16px 14px;transition:background .15s;display:flex}.sb-user-card:hover{background:#ffffff0d}.sb-avatar{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.sb-avatar img{object-fit:contain;object-position:center top;width:100%;height:100%}.sb-user-info{flex:1;min-width:0}.sb-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.sb-rank{color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600}.sb-xp-wrap{margin-top:7px}.sb-xp-labels{color:#ffffff73;justify-content:space-between;margin-bottom:4px;font-size:10px;font-weight:600;display:flex}.sb-xp-bar{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.sb-xp-fill{background:linear-gradient(90deg, var(--amber-400), var(--amber-300));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.sb-stats-row{border-bottom:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 10px 10px;display:flex}.sb-stat-pill{cursor:pointer;background:#ffffff12;border-radius:9px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.sb-stat-pill:hover{background:#ffffff21}.sb-stat-pill .pill-icon{flex-shrink:0;font-size:18px;line-height:1}.sb-stat-pill .pill-value{color:#fff;font-size:14px;font-weight:700;line-height:1.1}.sb-stat-pill .pill-label{color:#ffffff73;margin-top:1px;font-size:10px;font-weight:600}.sb-nav{flex-direction:column;flex:1;gap:1px;padding:8px 10px;display:flex;overflow-y:auto}.sb-nav-section{letter-spacing:.8px;text-transform:uppercase;color:#ffffff4d;padding:10px 10px 4px;font-size:10px;font-weight:700}.sb-nav-section:first-child{padding-top:4px}.sb-nav-item{cursor:pointer;color:#ffffff8c;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:11px;padding:9px 10px 9px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex;position:relative}.sb-nav-item:hover{color:#ffffffe6;background:#ffffff12}.sb-nav-item.active{color:#fff;background:#ffffff1f}.sb-nav-item.active:before{content:"";background:var(--amber-400);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sb-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sb-nav-icon svg{width:20px;height:20px}.sb-bottom{border-top:1px solid #ffffff1a;flex-shrink:0;padding:10px}