*{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}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,-28px)}60%{opacity:1;transform:translate(-50%,4px)}80%{transform:translate(-50%,-2px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-exit{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-24px)}}@keyframes toast-icon-pop{0%{transform:scale(0)rotate(-180deg)}60%{transform:scale(1.18)rotate(8deg)}80%{transform:scale(.95)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes toast-check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes toast-icon-pulse{0%,to{box-shadow:0 0 #6dd5b800}50%{box-shadow:0 0 0 8px #6dd5b847}}@keyframes toast-text-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.toast-wrap{z-index:9000;pointer-events:auto;will-change:transform, opacity;max-width:calc(100vw - 32px);animation:.46s cubic-bezier(.34,1.56,.64,1) both toast-enter;position:fixed;top:24px;left:50%}.toast-wrap.is-exiting{animation:.26s cubic-bezier(.4,0,.6,1) forwards toast-exit}.toast{color:#fff;cursor:pointer;text-align:left;background:#1f1a2a;border:none;border-radius:999px;align-items:center;gap:10px;min-width:200px;max-width:480px;padding:8px 18px 8px 8px;font-family:inherit;transition:transform .16s,box-shadow .2s;display:flex;box-shadow:0 16px 48px #1f1a2a4d,0 2px 8px #1f1a2a2e}.toast:hover{transform:translateY(-1px)scale(1.015);box-shadow:0 20px 56px #1f1a2a5c,0 2px 8px #1f1a2a2e}.toast:active{transform:scale(.97)}.toast-icon{color:#1f5b48;transform-origin:50%;background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;animation:.55s cubic-bezier(.34,1.56,.64,1) 80ms both toast-icon-pop,.85s ease-out .55s toast-icon-pulse;display:grid}.toast-icon svg{width:14px;height:14px;overflow:visible}.toast-icon svg polyline{stroke-dasharray:24;animation:.34s cubic-bezier(.65,0,.35,1) .34s both toast-check-draw}.toast-text{flex-direction:column;gap:1px;min-width:0;animation:.32s cubic-bezier(.22,1,.36,1) .18s both toast-text-in;display:flex}.toast-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.toast-sub{opacity:.72;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:11px;font-weight:500;line-height:1.3;overflow:hidden}@media (width<=767px){.toast-wrap{max-width:calc(100vw - 24px);top:76px}.toast{min-width:0;padding:8px 16px 8px 8px}.toast-title{font-size:13px}.toast-sub{max-width:none;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)}.tasks-list{flex-direction:column;gap:4px;padding:0 16px 8px;display:flex}.task-block{flex-direction:column;display:flex}.task-row{border:1.5px solid var(--purple-50);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,border-color .15s,opacity .15s;display:flex}.task-row.is-done{background:var(--gray-50,#f5f3ef);opacity:.7;border-color:#0000}.task-row.is-done .task-title{color:var(--gray-600);text-decoration:line-through}.task-row--subtask{margin-left:28px;padding:8px 12px}.task-check{border:2px solid var(--purple-200,#cdcaf6);cursor:pointer;color:#fff;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;padding:0;transition:background .15s,border-color .15s,transform .13s;display:grid}.task-check svg{width:14px;height:14px}.task-check:hover{border-color:var(--purple-400,#9c99f0)}.task-check:active{transform:scale(.9)}.task-check.is-checked{background:var(--purple-400,#7e7be6);border-color:var(--purple-400,#7e7be6)}.task-check--subtask{border-width:1.5px;width:18px;height:18px}.task-check--subtask svg{width:11px;height:11px}.task-title{min-width:0;color:var(--purple-800,#1f1a2a);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.task-row--subtask .task-title{font-size:13px;font-weight:500}.task-actions{opacity:0;flex-shrink:0;gap:4px;transition:opacity .15s;display:flex}.task-row:hover .task-actions,.task-row:focus-within .task-actions{opacity:1}.task-mini-btn{width:24px;height:24px;color:var(--gray-400,#8b7e97);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-family:inherit;font-size:16px;font-weight:700;transition:background .13s,color .13s;display:grid}.task-mini-btn:hover{background:var(--purple-50,#f0eef9);color:var(--purple-800)}.task-mini-btn--del:hover{color:#c53030;background:#fde4e4}.task-add-btn{border:1.5px dashed var(--purple-200,#cdcaf6);text-align:left;color:var(--purple-600,#6f6bc9);cursor:pointer;background:0 0;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .13s,border-color .13s}.task-add-btn:hover{background:var(--purple-50,#f0eef9);border-color:var(--purple-400,#9c99f0)}.task-row--adding{padding:8px 12px}.task-input{color:var(--purple-800,#1f1a2a);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:600}.task-input::placeholder{color:var(--gray-400,#8b7e97);font-weight:500}.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}.settings-pf{--pf-cream:#f8e8d2;--pf-cream-2:#fbf0df;--pf-purple:#7e7be6;--pf-purple-2:#9c99f0;--pf-purple-3:#b7b5f4;--pf-orange:#f5a56f;--pf-orange-2:#f8b98c;--pf-ink:#1f1a2a;--pf-ink-2:#43394f;--pf-mute:#8b7e97;--pf-card:#fff;background:var(--pf-cream);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.settings-pf:before{content:"";opacity:.6;pointer-events:none;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.10  0 0 0 0 0.05  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.settings-pf .pf-back-float{-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--pf-ink);cursor:pointer;z-index:10;background:#ffffffd1;border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:grid;position:absolute;top:20px;left:18px;box-shadow:0 4px 16px #1f1a2a1a}.settings-pf .pf-back-float:hover{transform:scale(1.08);box-shadow:0 6px 20px #1f1a2a26}.settings-pf .pf-back-float:active{transform:scale(.94)}.settings-pf .pf-back-float svg{width:20px;height:20px}.settings-pf .pf-body{z-index:1;scrollbar-width:none;flex-direction:column;flex:1;gap:14px;padding:20px 18px 100px;display:flex;position:relative;overflow-y:auto}.settings-pf .pf-body::-webkit-scrollbar{display:none}.settings-pf .pf-body>*{flex-shrink:0}.settings-pf .pf-hero{background:linear-gradient(160deg, var(--pf-purple-2) 0%, var(--pf-purple) 100%);color:#fff;cursor:pointer;border-radius:28px;padding:24px 22px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 14px 28px -16px #7e7be68c}.settings-pf .pf-hero:hover{transform:translateY(-2px)}.settings-pf .pf-hero:active{transform:translateY(0)scale(.98)}.settings-pf .pf-hero:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='white' opacity='0.18'><path d='M30 30 L33 38 L41 41 L33 44 L30 52 L27 44 L19 41 L27 38 Z'/><path d='M150 60 L152 65 L157 67 L152 69 L150 74 L148 69 L143 67 L148 65 Z'/><path d='M180 130 L183 138 L191 141 L183 144 L180 152 L177 144 L169 141 L177 138 Z'/></g></svg>");background-position:100% 0;background-repeat:no-repeat;background-size:220px;width:70%;height:100%;position:absolute;top:0;right:0}.settings-pf .pf-hero-text{z-index:2;max-width:70%;position:relative}.settings-pf .pf-hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:11px;font-weight:700}.settings-pf .pf-hero-title{letter-spacing:-.025em;margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.05}.settings-pf .pf-hero-quote{opacity:.92;margin-bottom:24px;font-size:14px;font-style:italic;font-weight:600;line-height:1.4}.settings-pf .pf-hero-cta{background:var(--pf-ink);color:#fff;z-index:2;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.settings-pf .pf-hero-cta svg{width:20px;height:20px}.settings-pf .pf-hero-phil{z-index:1;pointer-events:none;width:130px;position:absolute;bottom:-30px;right:0}.settings-pf .pf-hero-phil-img{width:100%;height:auto;display:block}.settings-pf .pf-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-pf .pf-stat{border-radius:24px;padding:18px 18px 22px;position:relative;overflow:hidden}.settings-pf .pf-stat--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%);color:var(--pf-ink)}.settings-pf .pf-stat--lavender{background:var(--pf-purple-3);color:var(--pf-ink)}.settings-pf .pf-stat--ice{color:var(--pf-ink);background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.settings-pf .pf-stat--shop{color:var(--pf-ink);text-align:left;background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.settings-pf .pf-stat-icon{background:#ffffff80;border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:14px;font-size:18px;display:grid}.settings-pf .pf-stat-label{opacity:.7;margin-bottom:2px;font-size:12px;font-weight:600}.settings-pf .pf-stat-value{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.settings-pf .pf-stat-suffix{opacity:.6;margin-left:4px;font-size:14px;font-weight:600}.settings-pf .pf-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-mute);margin-bottom:-4px;padding:8px 4px 0;font-size:11px;font-weight:800}.settings-pf .pf-card{background:var(--pf-card);border-radius:24px;padding:18px;box-shadow:0 2px 8px #1f1a2a0a}.settings-pf .pf-card-title{color:var(--pf-ink);letter-spacing:-.015em;margin-bottom:14px;font-size:15px;font-weight:800}.settings-pf .pf-tones{grid-template-columns:1fr;gap:8px;display:grid}.settings-pf .pf-tone{background:var(--pf-cream-2);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;transition:all .18s;display:flex}.settings-pf .pf-tone:hover{border-color:var(--pf-purple-3)}.settings-pf .pf-tone.is-active{background:var(--pf-ink);color:#fff;border-color:var(--pf-ink)}.settings-pf .pf-tone-emoji{font-size:22px;line-height:1}.settings-pf .pf-tone-name{letter-spacing:-.01em;font-size:14px;font-weight:700}.settings-pf .pf-toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #1f1a2a0f;align-items:center;gap:14px;padding:12px 0;display:flex}.settings-pf .pf-toggle-row:last-child{border-bottom:0}.settings-pf .pf-toggle-row:first-child{padding-top:4px}.settings-pf .pf-toggle-icon{background:var(--pf-cream-2);border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.settings-pf .pf-toggle-text{flex:1;min-width:0}.settings-pf .pf-toggle-title{color:var(--pf-ink);letter-spacing:-.01em;font-size:14px;font-weight:700}.settings-pf .pf-toggle-sub{color:var(--pf-mute);margin-top:2px;font-size:11px;font-weight:500}.settings-pf .pf-toggle{background:#1f1a2a1f;border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background .25s;position:relative}.settings-pf .pf-toggle.is-on{background:var(--pf-purple)}.settings-pf .pf-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .32s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #1f1a2a33}.settings-pf .pf-toggle.is-on .pf-toggle-knob{left:21px}.settings-pf .pf-feature{background:var(--pf-ink);color:#fff;cursor:pointer;border-radius:24px;align-items:center;gap:14px;padding:28px 24px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.settings-pf .pf-feature:hover{transform:translateY(-2px)}.settings-pf .pf-feature:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='white' opacity='0.06'><circle cx='30' cy='30' r='2'/><circle cx='70' cy='50' r='2'/><circle cx='40' cy='70' r='2'/><path d='M75 80 L77 84 L81 86 L77 88 L75 92 L73 88 L69 86 L73 84 Z'/></g></svg>");background-position:100% 0;background-repeat:no-repeat;background-size:140px;width:50%;height:100%;position:absolute;top:0;right:0}.settings-pf .pf-feature-icon{z-index:2;background:#ffffff1a;border-radius:16px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:20px;display:grid;position:relative;overflow:hidden}.settings-pf .pf-feature-phil-img{object-fit:contain;width:100%;height:100%}.settings-pf .pf-feature-text{z-index:2;flex:1;position:relative}.settings-pf .pf-feature-eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-bottom:4px;font-size:10px;font-weight:700}.settings-pf .pf-feature-title{letter-spacing:-.02em;font-size:17px;font-weight:800;line-height:1.15}.settings-pf .pf-feature-cta{width:40px;height:40px;color:var(--pf-ink);z-index:2;background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.settings-pf .pf-feature-cta svg{width:16px;height:16px}.settings-pf .pf-feature--pro{background:linear-gradient(135deg,#1a1040 0%,#3b1f7a 45%,#6e3aad 100%)}.settings-pf .pf-feature--pro:before{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='%23ffd700' opacity='0.12'><path d='M30 30 L33 38 L41 41 L33 44 L30 52 L27 44 L19 41 L27 38 Z'/><path d='M150 60 L152 65 L157 67 L152 69 L150 74 L148 69 L143 67 L148 65 Z'/><path d='M170 140 L173 148 L181 151 L173 154 L170 162 L167 154 L159 151 L167 148 Z'/><circle cx='80' cy='160' r='2.5'/><circle cx='130' cy='30' r='2'/></g></svg>");width:60%}.settings-pf .pf-feature-sub{opacity:.55;letter-spacing:.01em;margin-top:5px;font-size:12px;font-weight:500}.settings-pf .pf-pro-badge{color:gold;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;z-index:2;background:#ffd7002e;border:1px solid #ffd70059;border-radius:20px;flex-shrink:0;padding:5px 12px;font-size:10px;font-weight:800;position:relative}.settings-pf .pf-feature-icon--pro{background:#ffd70026}.settings-pf .pf-pro-wrap{position:relative}.settings-pf .pf-feature--pro{width:100%;padding-left:110px}.settings-pf .pf-pro-phil{pointer-events:none;z-index:2;width:105px;position:absolute;bottom:0;left:14px}.settings-pf .pf-pro-phil img{width:100%;height:auto;display:block}.settings-pf .pf-link-row{cursor:pointer;text-align:left;background:0 0;border-bottom:1px solid #1f1a2a0f;align-items:center;gap:12px;width:100%;padding:14px 0;display:flex}.settings-pf .pf-link-row:first-child{padding-top:4px}.settings-pf .pf-link-row:last-child{border-bottom:0;padding-bottom:4px}.settings-pf .pf-link-row--danger .pf-link-title{color:#e53935}.settings-pf .pf-link-icon{background:var(--pf-cream-2);border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;display:grid}.settings-pf .pf-link-text{flex-direction:column;flex:1;gap:2px;display:flex}.settings-pf .pf-link-title{color:var(--pf-ink);letter-spacing:-.01em;font-size:14px;font-weight:700}.settings-pf .pf-link-sub{color:var(--pf-mute);font-size:12px;font-weight:500}.settings-pf .pf-link-arrow{color:var(--pf-mute);font-size:18px;font-weight:600}.settings-pf .pf-signout-wrap{flex-direction:column;align-items:center;gap:8px;padding:18px 4px 4px;display:flex}.settings-pf .pf-signout{color:var(--pf-ink-2);cursor:pointer;background:0 0;border:1.5px solid #1f1a2a26;border-radius:999px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .18s}.settings-pf .pf-signout:hover{color:#c24a3d;background:#c24a3d0f;border-color:#c24a3d}.settings-pf .pf-signout-email{color:var(--pf-mute);font-size:11px;font-weight:500}.settings-pf .pf-foot{text-align:center;color:var(--pf-mute);letter-spacing:.04em;opacity:.6;padding:16px 0 24px;font-size:11px;font-weight:500}@keyframes pf-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-pf .pf-body>*{animation:.5s cubic-bezier(.16,1,.3,1) both pf-rise}.settings-pf .pf-body>:first-child{animation-delay:40ms}.settings-pf .pf-body>:nth-child(2){animation-delay:.1s}.settings-pf .pf-body>:nth-child(3){animation-delay:.16s}.settings-pf .pf-body>:nth-child(4){animation-delay:.22s}.settings-pf .pf-body>:nth-child(5){animation-delay:.28s}.settings-pf .pf-body>:nth-child(6){animation-delay:.32s}.settings-pf .pf-body>:nth-child(7){animation-delay:.36s}.settings-pf .pf-body>:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.settings-pf *,.settings-pf :before,.settings-pf :after{transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=767px){.settings-pf .pf-stat-suffix{display:none}.settings-pf .pf-stat-value--cta{align-items:center;font-size:18px;display:flex}.settings-pf .pf-feature--pro{flex-wrap:wrap;gap:12px;padding:20px 18px}.settings-pf .pf-feature--pro .pf-feature-text{flex:60%;min-width:0}.settings-pf .pf-pro-badge{text-align:center;flex-basis:100%;order:3;margin-top:2px}.settings-pf .pf-feature--pro .pf-feature-cta{margin-left:auto}}@media (width>=768px) and (width<=1023px){.settings-pf .pf-body{max-width:600px;margin:0 auto;padding:12px 24px 100px}}@media (width>=1024px){.settings-pf .pf-back-float{display:none}.settings-pf .pf-body{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:40px 56px 80px;display:grid}.settings-pf .pf-body>*{flex-shrink:initial;min-width:0}.settings-pf .pf-hero{flex-direction:column;grid-area:span 2/1/auto/span 8;justify-content:space-between;min-height:340px;padding:36px;display:flex}.settings-pf .pf-hero-text{max-width:60%}.settings-pf .pf-hero-eyebrow{margin-bottom:14px;font-size:12px}.settings-pf .pf-hero-title{margin-bottom:24px;font-size:44px;line-height:1}.settings-pf .pf-hero-quote{max-width:540px;margin-bottom:0;font-size:18px}.settings-pf .pf-hero-cta{align-self:flex-start;width:56px;height:56px;margin-top:24px}.settings-pf .pf-hero-cta svg{width:22px;height:22px}.settings-pf .pf-hero-phil{width:340px;bottom:-100px;right:-10px}.settings-pf .pf-card--tone{box-shadow:none;background:0 0;flex-direction:column;grid-area:span 2/9/auto/span 4;gap:12px;padding:0;display:flex}.settings-pf .pf-eyebrow--tone{padding:4px 4px 0}.settings-pf .pf-card--tone .pf-tones{flex-direction:column;flex:1;gap:10px;display:flex}.settings-pf .pf-tone{border-radius:18px;flex:1;gap:12px;padding:0 18px}.settings-pf .pf-tone-emoji{font-size:22px}.settings-pf .pf-tone-name{font-size:15px}.settings-pf .pf-stats{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr 1fr;gap:18px;display:grid}.settings-pf .pf-stat{cursor:default;border:none;flex-direction:column;justify-content:space-between;min-height:130px;padding:24px 24px 26px;display:flex}.settings-pf .pf-stat--shop{cursor:pointer}.settings-pf .pf-stat-icon{width:44px;height:44px;margin-bottom:0;font-size:22px}.settings-pf .pf-stat-label{margin-top:14px;margin-bottom:4px;font-size:13px}.settings-pf .pf-stat-value{font-size:32px}.settings-pf .pf-stat-suffix{font-size:16px}.settings-pf .pf-stat-value--cta{align-items:center;font-size:20px;display:flex}.settings-pf .pf-eyebrow--setup{grid-column:1/span 7;padding:20px 4px 0}.settings-pf .pf-card--setup{grid-column:1/span 7;padding:18px 24px}.settings-pf .pf-eyebrow--account{grid-column:8/span 5;padding:20px 4px 0}.settings-pf .pf-card--account{grid-column:8/span 5;align-self:start;padding:18px 24px}.settings-pf .pf-pro-wrap{grid-column:1/-1}.settings-pf .pf-feature{padding:48px 40px}.settings-pf .pf-feature--pro{padding-left:200px}.settings-pf .pf-pro-phil{width:190px;bottom:-30px;left:24px}.settings-pf .pf-feature-icon{border-radius:18px;width:68px;height:68px;font-size:26px}.settings-pf .pf-feature-eyebrow{margin-bottom:6px;font-size:11px}.settings-pf .pf-feature-title{font-size:24px}.settings-pf .pf-feature-sub{margin-top:6px;font-size:13px}.settings-pf .pf-feature-cta{width:52px;height:52px}.settings-pf .pf-feature-cta svg{width:20px;height:20px}.settings-pf .pf-pro-badge{padding:6px 16px;font-size:11px}.settings-pf .pf-link-icon{border-radius:13px;width:42px;height:42px;font-size:17px}.settings-pf .pf-link-sub{font-size:12.5px}.settings-pf .pf-eyebrow--exp{grid-column:1/span 7;padding:20px 4px 0}.settings-pf .pf-card--exp{grid-column:1/span 7;padding:18px 24px}.settings-pf .pf-toggle-row{gap:16px;padding:18px 0}.settings-pf .pf-toggle-icon{border-radius:14px;width:44px;height:44px;font-size:20px}.settings-pf .pf-toggle-title{font-size:16px}.settings-pf .pf-toggle-sub{margin-top:3px;font-size:12.5px}.settings-pf .pf-eyebrow--legal{grid-column:8/span 5;padding:20px 4px 0}.settings-pf .pf-card--legal{grid-column:8/span 5;align-self:start;padding:18px 24px}.settings-pf .pf-link-row{padding:18px 0}.settings-pf .pf-link-icon{width:44px;height:44px;font-size:18px}.settings-pf .pf-link-title{font-size:16px}.settings-pf .pf-signout-wrap{grid-column:1/-1;padding:32px 0 8px}.settings-pf .pf-signout{padding:12px 32px;font-size:14px}.settings-pf .pf-foot{grid-column:1/-1;padding:16px 0 32px;font-size:12px}}@keyframes pf-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}.settings-pf .pf-sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1f1a2a8c;animation:.2s pf-fade-in;position:fixed;inset:0}.settings-pf .pf-sheet{z-index:101;text-align:center;background:#fff;border-radius:28px 28px 0 0;flex-direction:column;align-items:center;max-height:90vh;padding:8px 24px 32px;animation:.28s cubic-bezier(.22,1,.36,1) pf-sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #1f1a2a33}@media (width>=768px){@keyframes pf-sheet-in-desktop{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.settings-pf .pf-sheet{border-radius:28px;width:90vw;max-width:480px;padding:24px 28px 28px;animation:.25s pf-sheet-in-desktop;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.settings-pf .pf-sheet-grip{background:#1f1a2a26;border-radius:2px;width:44px;height:4px;margin:8px 0 16px}@media (width>=768px){.settings-pf .pf-sheet-grip{display:none}}.settings-pf .pf-sheet-icon{background:linear-gradient(160deg, var(--pf-purple-3) 0%, var(--pf-purple-2) 100%);border-radius:22px;place-items:center;width:64px;height:64px;margin-bottom:12px;font-size:30px;display:grid}.settings-pf .pf-sheet-title{letter-spacing:-.02em;color:var(--pf-ink);margin-bottom:4px;font-size:22px;font-weight:800}.settings-pf .pf-sheet-sub{color:var(--pf-mute);max-width:320px;margin-bottom:18px;font-size:13px}.settings-pf .pf-sheet-input{width:100%;color:var(--pf-ink);text-align:center;background:#f6f3ed;border:2px solid #0000;border-radius:14px;outline:none;margin-bottom:18px;padding:14px 16px;font-family:inherit;font-size:18px;font-weight:700;transition:border-color .15s}.settings-pf .pf-sheet-input:focus{border-color:var(--pf-purple)}.settings-pf .pf-sheet-input::placeholder{color:var(--pf-mute);font-weight:500}.settings-pf .pf-sheet-options{flex-direction:column;gap:8px;width:100%;margin-bottom:14px;display:flex}.settings-pf .pf-sheet-option{cursor:pointer;text-align:left;width:100%;color:var(--pf-ink);background:#f6f3ed;border:2px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;transition:background .13s,border-color .13s,transform .13s;display:flex}.settings-pf .pf-sheet-option:hover{background:#efeae0}.settings-pf .pf-sheet-option:active{transform:scale(.98)}.settings-pf .pf-sheet-option.is-active{border-color:var(--pf-purple);background:#7e7be61a}.settings-pf .pf-sheet-option-emoji{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.settings-pf .pf-sheet-option-text{flex:1;font-size:14px;font-weight:700}.settings-pf .pf-sheet-option-check{color:var(--pf-purple);font-size:14px;font-weight:800}.settings-pf .pf-sheet-presets{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;margin-bottom:14px;display:grid}.settings-pf .pf-sheet-preset{cursor:pointer;color:var(--pf-ink);background:#f6f3ed;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 6px 12px;font-family:inherit;transition:background .13s,border-color .13s,transform .13s;display:flex}.settings-pf .pf-sheet-preset:hover{background:#efeae0}.settings-pf .pf-sheet-preset:active{transform:scale(.96)}.settings-pf .pf-sheet-preset.is-active{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%);border-color:#0000}.settings-pf .pf-sheet-preset-num{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.settings-pf .pf-sheet-preset-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:10px;font-weight:700}.settings-pf .pf-sheet-actions{gap:10px;width:100%;display:flex}.settings-pf .pf-sheet-btn{cursor:pointer;border:none;border-radius:999px;flex:1;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .13s}.settings-pf .pf-sheet-btn:active{transform:scale(.97)}.settings-pf .pf-sheet-btn--cancel{color:var(--pf-ink-2);background:#f0eee8}.settings-pf .pf-sheet-btn--confirm{background:var(--pf-ink);color:#fff}.settings-pf .pf-sheet-hint{color:var(--pf-mute);margin-top:8px;font-size:11px;font-style:italic}@media (width>=1440px){.settings-pf .pf-body{gap:24px;max-width:1280px;padding:80px}.settings-pf .pf-top{max-width:1280px;padding:32px 80px 16px}.settings-pf .pf-hero{min-height:400px;padding:48px}.settings-pf .pf-hero-title{font-size:52px}.settings-pf .pf-hero-phil{width:400px;bottom:-120px;right:-10px}.settings-pf .pf-stat{min-height:188px;padding:32px}.settings-pf .pf-stat-value{font-size:42px}}.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-pf{--pf-cream:#f8e8d2;--pf-cream-2:#fbf0df;--pf-purple:#7e7be6;--pf-purple-2:#9c99f0;--pf-purple-3:#b7b5f4;--pf-orange:#f5a56f;--pf-orange-2:#f8b98c;--pf-ink:#1f1a2a;--pf-ink-2:#43394f;--pf-mute:#8b7e97;--pf-card:#fff;background:var(--pf-cream);height:100%;color:var(--pf-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.shop-pf:before{content:"";opacity:.6;pointer-events:none;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.10  0 0 0 0 0.05  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.shop-pf .sp-back-float{-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--pf-ink);cursor:pointer;z-index:10;background:#ffffffd1;border:1px solid #ffffff80;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;top:20px;left:18px;box-shadow:0 4px 16px #1f1a2a1a}.shop-pf .sp-back-float:hover{transform:scale(1.08);box-shadow:0 6px 20px #1f1a2a26}.shop-pf .sp-back-float:active{transform:scale(.94)}.shop-pf .sp-back-float svg{width:20px;height:20px}.shop-pf .sp-body{z-index:1;scrollbar-width:none;flex-direction:column;flex:1;gap:14px;padding:20px 18px 100px;display:flex;position:relative;overflow-y:auto}.shop-pf .sp-body::-webkit-scrollbar{display:none}.shop-pf .sp-body>*{flex-shrink:0}.shop-pf .sp-hero{background:linear-gradient(160deg, var(--pf-purple-2) 0%, var(--pf-purple) 100%);color:#fff;border-radius:28px;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 14px 28px -16px #7e7be68c}.shop-pf .sp-hero:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='white' opacity='0.18'><path d='M30 30 L33 38 L41 41 L33 44 L30 52 L27 44 L19 41 L27 38 Z'/><path d='M150 60 L152 65 L157 67 L152 69 L150 74 L148 69 L143 67 L148 65 Z'/><path d='M180 130 L183 138 L191 141 L183 144 L180 152 L177 144 L169 141 L177 138 Z'/></g></svg>");background-position:100% 0;background-repeat:no-repeat;background-size:220px;width:70%;height:100%;position:absolute;top:0;right:0}.shop-pf .sp-hero-text{z-index:2;max-width:70%;position:relative}.shop-pf .sp-hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:11px;font-weight:700}.shop-pf .sp-hero-title{letter-spacing:-.025em;margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.05}.shop-pf .sp-hero-quote{opacity:.92;font-size:14px;font-style:italic;font-weight:600;line-height:1.4}.shop-pf .sp-hero-phil{z-index:1;pointer-events:none;width:130px;position:absolute;bottom:-30px;right:0}.shop-pf .sp-hero-phil img{width:100%;height:auto;display:block}.shop-pf .sp-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-mute);padding:8px 4px 0;font-size:11px;font-weight:800}.shop-pf .sp-balance{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width>=768px){.shop-pf .sp-balance{grid-template-columns:repeat(4,1fr)}}.shop-pf .sp-balance-card{color:var(--pf-ink);border-radius:24px;padding:18px 18px 22px;position:relative;overflow:hidden}.shop-pf .sp-balance-card--coins{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.shop-pf .sp-balance-card--freezes{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.shop-pf .sp-balance-card--boost{background:linear-gradient(160deg,#fde68a 0%,#f5a56f 100%)}.shop-pf .sp-balance-card--shield{background:var(--pf-purple-3)}.shop-pf .sp-balance-card.is-empty{opacity:.55;filter:saturate(.5)}.shop-pf .sp-balance-card.is-empty .sp-balance-value{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:13px;font-weight:700}.shop-pf .sp-balance-icon{background:#ffffff80;border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:14px;font-size:18px;display:grid}.shop-pf .sp-balance-label{opacity:.7;margin-bottom:2px;font-size:12px;font-weight:600}.shop-pf .sp-balance-value{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.shop-pf .sp-balance-suffix{opacity:.6;margin-left:4px;font-size:14px;font-weight:600}.shop-pf .sp-shop-grid{grid-template-columns:1fr;gap:12px;display:grid}.shop-pf .sp-shop-card{cursor:pointer;text-align:left;min-height:180px;color:var(--pf-ink);border:none;border-radius:24px;flex-direction:column;padding:18px 18px 22px;font-family:inherit;transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.shop-pf .sp-shop-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1f1a2a1a}.shop-pf .sp-shop-card:active{transform:scale(.98)}.shop-pf .sp-shop-card--ice{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.shop-pf .sp-shop-card--lavender{background:var(--pf-purple-3)}.shop-pf .sp-shop-card--amber{background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.shop-pf .sp-shop-card--locked{opacity:.7;cursor:not-allowed}.shop-pf .sp-shop-card--locked:hover{box-shadow:none;transform:none}.shop-pf .sp-shop-card-badge{background:var(--pf-ink);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:800;position:absolute;top:16px;right:16px}.shop-pf .sp-shop-card-icon{background:#ffffff80;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:24px;display:grid}.shop-pf .sp-shop-card-title{letter-spacing:-.02em;color:var(--pf-ink);margin-bottom:4px;font-size:17px;font-weight:800;line-height:1.15}.shop-pf .sp-shop-card-sub{color:var(--pf-ink-2);opacity:.7;margin-bottom:14px;font-size:12px;font-weight:600;line-height:1.3}.shop-pf .sp-shop-card-price{background:var(--pf-ink);color:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:5px;margin-top:auto;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.shop-pf .sp-card{background:var(--pf-card);border-radius:18px;padding:6px 18px;box-shadow:0 2px 12px #1f1a2a12,0 1px 3px #1f1a2a0d}.shop-pf .sp-earn-row{border-bottom:1px solid #1f1a2a0f;align-items:center;gap:14px;padding:14px 0;display:flex}.shop-pf .sp-earn-row:last-child{border-bottom:0;padding-bottom:8px}.shop-pf .sp-earn-row:first-child{padding-top:8px}.shop-pf .sp-earn-icon{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.shop-pf .sp-earn-text{flex:1;min-width:0}.shop-pf .sp-earn-title{color:var(--pf-ink);font-size:14px;font-weight:700;line-height:1.2}.shop-pf .sp-earn-sub{color:var(--pf-mute);margin-top:2px;font-size:11px}.shop-pf .sp-earn-bar{background:#1f1a2a12;border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.shop-pf .sp-earn-fill{background:linear-gradient(90deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%);border-radius:3px;height:100%;transition:width .4s}.shop-pf .sp-earn-progress{color:var(--pf-orange);flex-shrink:0;font-size:12px;font-weight:700}.shop-pf .sp-foot{color:var(--pf-mute);text-align:center;padding:12px 0 4px;font-size:11px}@keyframes sp-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shop-pf .sp-body>*{animation:.3s both sp-fade-up}.shop-pf .sp-body>:first-child{animation-delay:40ms}.shop-pf .sp-body>:nth-child(2){animation-delay:80ms}.shop-pf .sp-body>:nth-child(3){animation-delay:.12s}.shop-pf .sp-body>:nth-child(4){animation-delay:.16s}.shop-pf .sp-body>:nth-child(5){animation-delay:.2s}.shop-pf .sp-body>:nth-child(6){animation-delay:.24s}.shop-pf .sp-body>:nth-child(7){animation-delay:.28s}@media (width<=767px){.shop-pf .sp-body{padding-top:72px}}@media (width>=768px) and (width<=1023px){.shop-pf .sp-body{max-width:600px;margin:0 auto;padding:12px 24px 100px}.shop-pf .sp-shop-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.shop-pf .sp-back-float{display:none}.shop-pf .sp-body{gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:40px 56px 80px}.shop-pf .sp-hero{flex-direction:column;justify-content:space-between;min-height:280px;padding:36px;display:flex}.shop-pf .sp-hero-text{max-width:60%}.shop-pf .sp-hero-eyebrow{margin-bottom:14px;font-size:12px}.shop-pf .sp-hero-title{margin-bottom:24px;font-size:44px;line-height:1}.shop-pf .sp-hero-quote{max-width:540px;font-size:18px}.shop-pf .sp-hero-phil{width:280px;bottom:-50px;right:-10px}.shop-pf .sp-shop-grid{grid-template-columns:repeat(3,1fr)}.shop-pf .sp-shop-card{min-height:200px}}.shop-pf .sp-shop-card-price--locked{color:var(--pf-ink-2);background:#1f1a2a2e}.shop-pf .sp-shop-card-price--active{background:var(--pf-ink);color:#ffe8a3}.shop-pf .sp-shop-card--locked-state{opacity:.78;filter:saturate(.7)}.shop-pf .sp-shop-card--full{opacity:.78}.shop-pf .sp-shop-card--active-state{box-shadow:inset 0 0 0 2px #1f1a2aeb}.shop-pf .sp-shop-card-badge--active{color:var(--pf-ink);background:#ffe8a3}.shop-pf .sp-skins-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=768px){.shop-pf .sp-skins-grid{grid-template-columns:repeat(4,1fr)}}.shop-pf .sp-skin-card{background:var(--pf-card);cursor:pointer;color:var(--pf-ink);border:none;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 14px;font-family:inherit;transition:transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 12px #1f1a2a12}.shop-pf .sp-skin-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1f1a2a1a}.shop-pf .sp-skin-card:active{transform:scale(.97)}.shop-pf .sp-skin-card.is-equipped{box-shadow:0 0 0 2px var(--pf-purple) inset, 0 2px 12px #1f1a2a12}.shop-pf .sp-skin-thumb{aspect-ratio:1;background:linear-gradient(160deg,#f4ebd7 0%,#e8dfc5 100%);border-radius:14px;place-items:center;width:100%;display:grid;overflow:hidden}.shop-pf .sp-skin-thumb img{width:78%;height:auto;display:block}.shop-pf .sp-skin-name{text-align:center;margin-top:2px;font-size:13px;font-weight:700}.shop-pf .sp-skin-pill{background:var(--pf-ink);color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.shop-pf .sp-skin-pill--equipped{background:var(--pf-purple);color:#fff}.shop-pf .sp-skin-pill--owned{color:var(--pf-purple);background:#7e7be626}.shop-pf .sp-skin-pill--locked{color:var(--pf-ink-2);background:#1f1a2a1f}.shop-pf .sp-earn-row.is-ready{background:#ffe8a359;border-radius:12px;padding-left:12px;padding-right:12px}.shop-pf .sp-earn-row.is-claimed{opacity:.55}.shop-pf .sp-earn-claim{background:var(--pf-ink);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .13s}.shop-pf .sp-earn-claim:hover{transform:scale(1.05)}.shop-pf .sp-earn-claim:active{transform:scale(.95)}.shop-pf .sp-earn-claimed{color:var(--pf-mute);flex-shrink:0;font-size:12px;font-weight:700}@keyframes sp-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}.shop-pf .sp-sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1f1a2a8c;animation:.2s sp-fade-in;position:fixed;inset:0}.shop-pf .sp-sheet{z-index:101;text-align:center;background:#fff;border-radius:28px 28px 0 0;flex-direction:column;align-items:center;max-height:90vh;padding:8px 24px 32px;animation:.28s cubic-bezier(.22,1,.36,1) sp-sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #1f1a2a33}@media (width>=768px){@keyframes sp-sheet-in-desktop{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.shop-pf .sp-sheet{border-radius:28px;width:90vw;max-width:440px;padding:24px 28px 28px;animation:.25s sp-sheet-in-desktop;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.shop-pf .sp-sheet-grip{background:#1f1a2a26;border-radius:2px;width:44px;height:4px;margin:8px 0 16px}@media (width>=768px){.shop-pf .sp-sheet-grip{display:none}}.shop-pf .sp-sheet-icon{background:linear-gradient(160deg,#f4ebd7 0%,#e8dfc5 100%);border-radius:24px;place-items:center;width:80px;height:80px;margin-bottom:14px;font-size:40px;display:grid;overflow:hidden}.shop-pf .sp-sheet-icon img{width:80%;height:auto;display:block}.shop-pf .sp-sheet-title{letter-spacing:-.02em;color:var(--pf-ink);margin-bottom:6px;font-size:22px;font-weight:800}.shop-pf .sp-sheet-sub{color:var(--pf-ink-2);opacity:.75;max-width:320px;margin-bottom:14px;font-size:14px}.shop-pf .sp-sheet-detail{color:var(--pf-purple);background:#7e7be61f;border-radius:999px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600}.shop-pf .sp-sheet-cost{background:#f6f3ed;border-radius:16px;flex-direction:column;gap:6px;width:100%;margin-bottom:18px;padding:14px 18px;display:flex}.shop-pf .sp-sheet-cost-row{color:var(--pf-ink-2);justify-content:space-between;font-size:14px;display:flex}.shop-pf .sp-sheet-cost-row strong{color:var(--pf-ink);font-weight:800}.shop-pf .sp-sheet-actions{gap:10px;width:100%;display:flex}.shop-pf .sp-sheet-btn{cursor:pointer;border:none;border-radius:999px;flex:1;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .13s}.shop-pf .sp-sheet-btn:active{transform:scale(.97)}.shop-pf .sp-sheet-btn--cancel{color:var(--pf-ink-2);background:#f0eee8}.shop-pf .sp-sheet-btn--confirm{background:var(--pf-ink);color:#fff}@keyframes sp-undo-in{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.shop-pf .sp-undo-bar{background:var(--pf-ink);color:#fff;z-index:99;border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 14px 10px 20px;animation:.25s sp-undo-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1f1a2a4d}.shop-pf .sp-undo-text{flex-direction:column;align-items:flex-start;display:flex}.shop-pf .sp-undo-title{font-size:13px;font-weight:800}.shop-pf .sp-undo-sub{opacity:.7;font-size:11px}.shop-pf .sp-undo-btn{color:var(--pf-ink);cursor:pointer;background:#ffe8a3;border:none;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:800}.shop-pf .sp-undo-btn:active{transform:scale(.95)}@media (width>=1440px){.shop-pf .sp-body{gap:24px;width:100%;max-width:1280px;padding:80px}.shop-pf .sp-hero{min-height:400px;padding:48px}.shop-pf .sp-hero-title{font-size:52px}.shop-pf .sp-hero-phil{width:400px;bottom:-120px;right:-10px}.shop-pf .sp-balance-card{min-height:188px;padding:32px}.shop-pf .sp-balance-value{font-size:42px}.shop-pf .sp-shop-card{min-height:220px;padding:32px}.shop-pf .sp-shop-card-title{font-size:22px}.shop-pf .sp-shop-card-icon{width:56px;height:56px;font-size:28px}}.profile-pf{--pf-cream:#f8e8d2;--pf-cream-2:#fbf0df;--pf-purple:#7e7be6;--pf-purple-2:#9c99f0;--pf-purple-3:#b7b5f4;--pf-orange:#f5a56f;--pf-orange-2:#f8b98c;--pf-ink:#1f1a2a;--pf-ink-2:#43394f;--pf-mute:#8b7e97;--pf-card:#fff;background:var(--pf-cream);height:100%;color:var(--pf-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-pf:before{content:"";opacity:.6;pointer-events:none;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.10  0 0 0 0 0.05  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.profile-pf .pp-back-float{-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--pf-ink);cursor:pointer;z-index:10;background:#ffffffd1;border:1px solid #ffffff80;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;top:20px;left:18px;box-shadow:0 4px 16px #1f1a2a1a}.profile-pf .pp-back-float:hover{transform:scale(1.08);box-shadow:0 6px 20px #1f1a2a26}.profile-pf .pp-back-float:active{transform:scale(.94)}.profile-pf .pp-back-float svg{width:20px;height:20px}.profile-pf .pp-body{z-index:1;scrollbar-width:none;flex-direction:column;flex:1;gap:14px;padding:20px 18px 100px;display:flex;position:relative;overflow-y:auto}.profile-pf .pp-body::-webkit-scrollbar{display:none}.profile-pf .pp-body>*{flex-shrink:0}.profile-pf .pp-hero{background:linear-gradient(160deg, var(--pf-purple-2) 0%, var(--pf-purple) 100%);color:#fff;border-radius:28px;min-height:220px;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 14px 28px -16px #7e7be68c}.profile-pf .pp-hero:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='white' opacity='0.18'><path d='M30 30 L33 38 L41 41 L33 44 L30 52 L27 44 L19 41 L27 38 Z'/><path d='M150 60 L152 65 L157 67 L152 69 L150 74 L148 69 L143 67 L148 65 Z'/><path d='M180 130 L183 138 L191 141 L183 144 L180 152 L177 144 L169 141 L177 138 Z'/></g></svg>");background-position:100% 0;background-repeat:no-repeat;background-size:220px;width:70%;height:100%;position:absolute;top:0;right:0}.profile-pf .pp-hero-text{z-index:2;max-width:64%;position:relative}.profile-pf .pp-hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:11px;font-weight:700}.profile-pf .pp-hero-name-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.profile-pf .pp-hero-name{letter-spacing:-.025em;font-size:28px;font-weight:800;line-height:1}.profile-pf .pp-hero-name-input{letter-spacing:-.025em;color:#fff;background:#ffffff1f;border:none;border-radius:10px;outline:none;width:60%;padding:6px 10px;font-family:inherit;font-size:28px;font-weight:800;line-height:1}.profile-pf .pp-hero-edit{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s,transform .13s;display:grid}.profile-pf .pp-hero-edit:hover{background:#ffffff47}.profile-pf .pp-hero-edit:active{transform:scale(.9)}.profile-pf .pp-hero-edit svg{width:14px;height:14px}.profile-pf .pp-hero-meta{align-items:center;gap:10px;margin-bottom:16px;display:flex}.profile-pf .pp-hero-rank{color:#fff;letter-spacing:.02em;background:#fff3;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.profile-pf .pp-hero-level{letter-spacing:.08em;opacity:.85;font-size:12px;font-weight:800}.profile-pf .pp-hero-xp{z-index:2;position:relative}.profile-pf .pp-hero-xp-bar{background:#ffffff2e;border-radius:999px;height:8px;overflow:hidden}.profile-pf .pp-hero-xp-fill{background:linear-gradient(90deg, #ffe8a3 0%, var(--pf-orange) 100%);border-radius:999px;height:100%;transition:width .5s}.profile-pf .pp-hero-xp-text{opacity:.85;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:600;display:flex}.profile-pf .pp-hero-phil{z-index:1;pointer-events:none;width:150px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-30px;right:0}.profile-pf .pp-hero-phil.is-equipping{transform:scale(1.08)}.profile-pf .pp-hero-phil img{width:100%;height:auto;display:block}.profile-pf .pp-hero-phil-acc{filter:drop-shadow(0 3px 8px #00000040);font-size:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) pp-acc-pop;position:absolute;top:22px;right:28px}@keyframes pp-acc-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}.profile-pf .pp-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-mute);padding:8px 4px 0;font-size:11px;font-weight:800}.profile-pf .pp-eyebrow-row{justify-content:space-between;align-items:center;padding:8px 4px 0;display:flex}.profile-pf .pp-eyebrow-row .pp-eyebrow{padding:0}.profile-pf .pp-eyebrow-link{color:var(--pf-purple);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;font-family:inherit;font-size:11px;font-weight:700}.profile-pf .pp-eyebrow-link:hover{color:var(--pf-ink)}.profile-pf .pp-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width>=768px){.profile-pf .pp-stats{grid-template-columns:repeat(4,1fr)}}.profile-pf .pp-stat{color:var(--pf-ink);border-radius:24px;padding:18px 18px 22px;position:relative;overflow:hidden}.profile-pf .pp-stat--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.profile-pf .pp-stat--lavender{background:var(--pf-purple-3)}.profile-pf .pp-stat--ice{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.profile-pf .pp-stat--teal{background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.profile-pf .pp-stat-icon{background:#ffffff80;border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:14px;font-size:18px;display:grid}.profile-pf .pp-stat-label{opacity:.7;margin-bottom:2px;font-size:12px;font-weight:600}.profile-pf .pp-stat-value{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.profile-pf .pp-stat-suffix{opacity:.6;margin-left:4px;font-size:14px;font-weight:600}.profile-pf .pp-card{background:var(--pf-card);border-radius:18px;padding:14px;box-shadow:0 2px 12px #1f1a2a12,0 1px 3px #1f1a2a0d}.profile-pf .pp-card--acc{padding:14px 0 14px 14px}.profile-pf .pp-acc-row{scrollbar-width:none;gap:10px;padding-right:14px;display:flex;overflow-x:auto}.profile-pf .pp-acc-row::-webkit-scrollbar{display:none}.profile-pf .pp-acc{cursor:pointer;background:#f6f3ed;border:2px solid #0000;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:78px;padding:10px 8px 8px;font-family:inherit;transition:transform .15s,border-color .15s;display:flex;position:relative}.profile-pf .pp-acc:hover{transform:translateY(-2px)}.profile-pf .pp-acc:active{transform:scale(.96)}.profile-pf .pp-acc.is-equipped{border-color:var(--pf-purple);background:#7e7be61a}.profile-pf .pp-acc.is-locked{opacity:.55;cursor:not-allowed}.profile-pf .pp-acc.is-locked .pp-acc-thumb img{filter:grayscale(.8)}.profile-pf .pp-acc-thumb{background:linear-gradient(160deg,#fff8e8 0%,#f3e6c7 100%);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:visible}.profile-pf .pp-acc-thumb img{border-radius:50%;width:80%;height:auto;display:block}.profile-pf .pp-acc-emoji{filter:drop-shadow(0 2px 4px #0003);font-size:18px;position:absolute;top:-4px;right:-2px}.profile-pf .pp-acc-label{color:var(--pf-ink-2);text-align:center;letter-spacing:.02em;font-size:10px;font-weight:700}.profile-pf .pp-acc.is-equipped .pp-acc-label{color:var(--pf-purple)}.profile-pf .pp-acc-new{background:var(--pf-orange);color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:2;border-radius:6px;padding:2px 5px;font-size:8px;font-weight:800;position:absolute;top:4px;left:4px}.profile-pf .pp-acc-lock{z-index:2;font-size:11px;position:absolute;top:6px;right:6px}.profile-pf .pp-badges{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=768px){.profile-pf .pp-badges{grid-template-columns:repeat(3,1fr)}}.profile-pf .pp-badge{color:var(--pf-ink);border-radius:20px;flex-direction:column;gap:4px;min-height:130px;padding:16px 16px 18px;display:flex;position:relative;overflow:hidden}.profile-pf .pp-badge--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.profile-pf .pp-badge--lavender{background:var(--pf-purple-3)}.profile-pf .pp-badge--ice{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.profile-pf .pp-badge--teal{background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.profile-pf .pp-badge.is-locked{color:var(--pf-mute);background:#ece8df}.profile-pf .pp-badge-icon{filter:saturate();background:#ffffff80;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:8px;font-size:22px;display:grid}.profile-pf .pp-badge.is-locked .pp-badge-icon{filter:grayscale(.5);background:#fff6}.profile-pf .pp-badge-title{letter-spacing:-.015em;font-size:14px;font-weight:800;line-height:1.15}.profile-pf .pp-badge-sub{opacity:.75;font-size:11px;font-weight:600}@keyframes pp-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-pf .pp-body>*{animation:.3s both pp-fade-up}.profile-pf .pp-body>:first-child{animation-delay:40ms}.profile-pf .pp-body>:nth-child(2){animation-delay:80ms}.profile-pf .pp-body>:nth-child(3){animation-delay:.12s}.profile-pf .pp-body>:nth-child(4){animation-delay:.16s}.profile-pf .pp-body>:nth-child(5){animation-delay:.2s}.profile-pf .pp-body>:nth-child(6){animation-delay:.24s}@media (width<=767px){.profile-pf .pp-body{padding-top:72px}.profile-pf .pp-hero-text{max-width:60%}.profile-pf .pp-hero-name{font-size:24px}.profile-pf .pp-hero-phil{width:130px;bottom:-20px}.profile-pf .pp-hero-phil-acc{font-size:26px;top:16px;right:22px}}@media (width>=768px) and (width<=1023px){.profile-pf .pp-body{max-width:600px;margin:0 auto;padding:12px 24px 100px}}@media (width>=1024px){.profile-pf .pp-back-float{display:none}.profile-pf .pp-body{gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:40px 56px 80px}.profile-pf .pp-hero{flex-direction:column;justify-content:space-between;min-height:280px;padding:36px;display:flex}.profile-pf .pp-hero-text{max-width:60%}.profile-pf .pp-hero-eyebrow{margin-bottom:14px;font-size:12px}.profile-pf .pp-hero-name,.profile-pf .pp-hero-name-input{font-size:40px}.profile-pf .pp-hero-phil{width:240px;bottom:-40px;right:20px}.profile-pf .pp-hero-phil-acc{font-size:48px;top:50px;right:50px}}@media (width>=1440px){.profile-pf .pp-body{gap:24px;width:100%;max-width:1280px;padding:80px}.profile-pf .pp-hero{min-height:360px;padding:48px}.profile-pf .pp-hero-name,.profile-pf .pp-hero-name-input{font-size:48px}.profile-pf .pp-hero-phil{width:320px;bottom:-60px;right:0}.profile-pf .pp-hero-phil-acc{font-size:60px;top:70px;right:70px}.profile-pf .pp-stat{min-height:188px;padding:32px}.profile-pf .pp-stat-value{font-size:38px}.profile-pf .pp-badge{min-height:160px;padding:22px}.profile-pf .pp-badge-title{font-size:16px}}.home-pf{--pf-cream:#f8e8d2;--pf-cream-2:#fbf0df;--pf-purple:#7e7be6;--pf-purple-2:#9c99f0;--pf-purple-3:#b7b5f4;--pf-orange:#f5a56f;--pf-orange-2:#f8b98c;--pf-ink:#1f1a2a;--pf-ink-2:#43394f;--pf-mute:#8b7e97;--pf-card:#fff;background:var(--pf-cream);height:100%;color:var(--pf-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-pf:before{content:"";opacity:.6;pointer-events:none;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.10  0 0 0 0 0.05  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.home-pf .hp-body{z-index:1;scrollbar-width:none;flex-direction:column;flex:1;gap:14px;padding:20px 18px 100px;display:flex;position:relative;overflow-y:auto}.home-pf .hp-body::-webkit-scrollbar{display:none}.home-pf .hp-body>*{flex-shrink:0}.home-pf .hp-hero{background:linear-gradient(160deg, var(--pf-purple-2) 0%, var(--pf-purple) 100%);color:#fff;border-radius:28px;min-height:200px;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 14px 28px -16px #7e7be68c}.home-pf .hp-hero:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='white' opacity='0.18'><path d='M30 30 L33 38 L41 41 L33 44 L30 52 L27 44 L19 41 L27 38 Z'/><path d='M150 60 L152 65 L157 67 L152 69 L150 74 L148 69 L143 67 L148 65 Z'/><path d='M180 130 L183 138 L191 141 L183 144 L180 152 L177 144 L169 141 L177 138 Z'/></g></svg>");background-position:100% 0;background-repeat:no-repeat;background-size:220px;width:70%;height:100%;position:absolute;top:0;right:0}.home-pf .hp-hero-text{z-index:2;max-width:64%;position:relative}.home-pf .hp-hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:11px;font-weight:700}.home-pf .hp-hero-title{letter-spacing:-.025em;margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.05}.home-pf .hp-hero-quote{opacity:.92;font-size:14px;font-style:italic;font-weight:600;line-height:1.4}.home-pf .hp-hero-phil{z-index:1;pointer-events:none;width:130px;position:absolute;bottom:-30px;right:0}.home-pf .hp-hero-phil img{width:100%;height:auto;display:block}.home-pf .hp-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-mute);padding:8px 4px 0;font-size:11px;font-weight:800}.home-pf .hp-eyebrow-row{justify-content:space-between;align-items:center;padding:8px 4px 0;display:flex}.home-pf .hp-eyebrow-row .hp-eyebrow{padding:0}.home-pf .hp-eyebrow-link{letter-spacing:.04em;color:var(--pf-purple);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:11px;font-weight:800}.home-pf .hp-eyebrow-link:hover{color:var(--pf-ink)}.home-pf .hp-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width>=768px){.home-pf .hp-stats{grid-template-columns:repeat(4,1fr)}}.home-pf .hp-stat{color:var(--pf-ink);border-radius:24px;padding:18px 18px 22px;position:relative;overflow:hidden}.home-pf .hp-stat--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.home-pf .hp-stat--lavender{background:var(--pf-purple-3)}.home-pf .hp-stat--ice{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.home-pf .hp-stat--teal{background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.home-pf .hp-stat-icon{background:#ffffff80;border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:14px;font-size:18px;display:grid}.home-pf .hp-stat-label{opacity:.7;margin-bottom:2px;font-size:12px;font-weight:600}.home-pf .hp-stat-value{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.home-pf .hp-stat-suffix{opacity:.6;margin-left:4px;font-size:14px;font-weight:600}.home-pf .hp-stat-bar{background:#ffffff73;border-radius:999px;height:4px;margin-top:10px;overflow:hidden}.home-pf .hp-stat-bar-fill{background:var(--pf-ink);border-radius:999px;height:100%;transition:width .6s}.home-pf .hp-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.home-pf .hp-action{cursor:pointer;text-align:left;color:var(--pf-ink);border:none;border-radius:22px;align-items:center;gap:14px;min-height:90px;padding:18px 18px 20px;font-family:inherit;transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.home-pf .hp-action:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1f1a2a1a}.home-pf .hp-action:active{transform:scale(.98)}.home-pf .hp-action--focus{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.home-pf .hp-action--dump{background:var(--pf-purple-3)}.home-pf .hp-action-icon{background:#ffffff80;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.home-pf .hp-action-text{flex:1;min-width:0}.home-pf .hp-action-title{letter-spacing:-.015em;font-size:16px;font-weight:800;line-height:1.15}.home-pf .hp-action-sub{opacity:.72;margin-top:2px;font-size:12px;font-weight:600}.home-pf .hp-card{background:var(--pf-card);border-radius:18px;padding:6px 14px;box-shadow:0 2px 12px #1f1a2a12,0 1px 3px #1f1a2a0d}.home-pf .hp-card--rows{padding:4px 14px}.home-pf .hp-quest-row{cursor:pointer;border-bottom:1px solid #1f1a2a0f;align-items:center;gap:14px;padding:12px 4px;transition:opacity .15s;display:flex}.home-pf .hp-quest-row:last-child{border-bottom:0}.home-pf .hp-quest-row.is-done{opacity:.55}.home-pf .hp-quest-row.is-done .hp-quest-title{text-decoration:line-through}.home-pf .hp-quest-icon{width:40px;height:40px;color:var(--pf-ink);border-radius:12px;flex-shrink:0;place-items:center;font-size:18px;display:grid}.home-pf .hp-quest-icon--purple{background:var(--pf-purple-3)}.home-pf .hp-quest-icon--teal,.home-pf .hp-quest-icon--green{background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.home-pf .hp-quest-icon--amber,.home-pf .hp-quest-icon--coral{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.home-pf .hp-quest-icon--pink{background:linear-gradient(160deg,#fde4e9 0%,#f8b8c4 100%)}.home-pf .hp-quest-icon--ice{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.home-pf .hp-quest-info{flex:1;min-width:0}.home-pf .hp-quest-title{color:var(--pf-ink);letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.2}.home-pf .hp-quest-meta{align-items:center;gap:10px;margin-top:4px;display:flex}.home-pf .hp-quest-meta>span{color:var(--pf-mute);font-size:11px}.home-pf .hp-quest-xp{background:#f5a56f2e;border-radius:999px;padding:2px 8px;color:#b06a3a!important;font-size:10px!important;font-weight:700!important}.home-pf .hp-quest-check{border:2px solid var(--pf-purple-3);cursor:pointer;color:#fff;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;padding:0;transition:background .15s,border-color .15s,transform .13s;display:grid}.home-pf .hp-quest-check svg{width:14px;height:14px}.home-pf .hp-quest-check:hover{border-color:var(--pf-purple)}.home-pf .hp-quest-check:active{transform:scale(.9)}.home-pf .hp-quest-check.is-checked{background:var(--pf-purple);border-color:var(--pf-purple)}.home-pf .hp-task-block{flex-direction:column;display:flex}.home-pf .hp-task-row{border-bottom:1px solid #1f1a2a0f;align-items:center;gap:10px;padding:10px 4px;transition:opacity .15s;display:flex}.home-pf .hp-task-row:last-child{border-bottom:0}.home-pf .hp-task-row.is-done{opacity:.55}.home-pf .hp-task-row.is-done .hp-task-title{text-decoration:line-through}.home-pf .hp-task-row.is-expanded{border-bottom:0}.home-pf .hp-task-check{border:2px solid var(--pf-purple-3);cursor:pointer;color:#fff;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;padding:0;transition:background .15s,border-color .15s,transform .13s;display:grid}.home-pf .hp-task-check svg{width:12px;height:12px}.home-pf .hp-task-check:hover{border-color:var(--pf-purple)}.home-pf .hp-task-check:active{transform:scale(.9)}.home-pf .hp-task-check.is-checked{background:var(--pf-purple);border-color:var(--pf-purple)}.home-pf .hp-task-check--subtask{border-width:1.5px;width:18px;height:18px}.home-pf .hp-task-check--subtask svg{width:10px;height:10px}.home-pf .hp-task-title-btn{cursor:pointer;text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex}.home-pf .hp-task-row--subtask .hp-task-title-btn{cursor:default}.home-pf .hp-task-title{min-width:0;color:var(--pf-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.home-pf .hp-task-row--subtask .hp-task-title{font-size:13px;font-weight:500}.home-pf .hp-task-chips{flex-shrink:0;gap:6px;display:inline-flex}.home-pf .hp-task-chip{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.home-pf .hp-task-chip--time{color:#b06a3a;background:#f5a56f2e}.home-pf .hp-task-chip--progress{color:var(--pf-purple);background:#7e7be629}.home-pf .hp-task-chip--repeat{color:#1f7a5f;background:#6dd5b833;padding:2px 6px}.home-pf .hp-task-chip--project{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:140px;transition:transform .13s,filter .13s;display:inline-flex;overflow:hidden}.home-pf .hp-task-chip--project:hover{filter:brightness(1.08)}.home-pf .hp-task-chip--project:active{transform:scale(.96)}.home-pf .hp-task-chip--project-orange{color:#b06a3a;background:#f5a56f38}.home-pf .hp-task-chip--project-lavender{color:var(--pf-purple);background:#7e7be62e}.home-pf .hp-task-chip--project-ice{color:#2c6ca8;background:#93c9f54d}.home-pf .hp-task-chip--project-teal{color:#1f7a5f;background:#6dd5b847}.home-pf .hp-task-project-chip{align-items:center;gap:6px;padding:5px 12px 5px 6px;display:inline-flex}.home-pf .hp-task-project-chip-emoji{background:#ffffffb3;border-radius:8px;place-items:center;width:22px;height:22px;font-size:13px;line-height:1;display:grid}.home-pf .hp-task-project-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;font-weight:700;overflow:hidden}.home-pf .hp-task-project-chip--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%);color:var(--pf-ink);border-color:#0000}.home-pf .hp-task-project-chip--lavender{background:var(--pf-purple-3);color:var(--pf-ink);border-color:#0000}.home-pf .hp-task-project-chip--ice{color:var(--pf-ink);background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%);border-color:#0000}.home-pf .hp-task-project-chip--teal{color:var(--pf-ink);background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%);border-color:#0000}.home-pf .hp-task-project-chip.is-active{outline:2px solid var(--pf-ink);outline-offset:2px;color:#fff;background-color:var(--pf-ink)!important;background-image:none!important}.home-pf .hp-task-project-chip.is-active .hp-task-project-chip-emoji{background:#ffffff40}.home-pf .hp-task-chip--due-today{color:var(--pf-purple);background:#7e7be62e}.home-pf .hp-task-chip--due-soon{color:#1f7a5f;background:#6dd5b838}.home-pf .hp-task-chip--due-later{color:var(--pf-ink-2);background:#1f1a2a14}.home-pf .hp-task-chip--due-overdue{color:#c53030;background:#e5383826}.home-pf .hp-task-actions{opacity:0;flex-shrink:0;gap:4px;transition:opacity .15s;display:flex}.home-pf .hp-task-row:hover .hp-task-actions,.home-pf .hp-task-row:focus-within .hp-task-actions,.home-pf .hp-task-row.is-expanded .hp-task-actions{opacity:1}.home-pf .hp-task-mini-btn{width:24px;height:24px;color:var(--pf-mute);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-family:inherit;font-size:16px;font-weight:700;transition:background .13s,color .13s;display:grid}.home-pf .hp-task-mini-btn:hover{color:var(--pf-purple);background:#7e7be61f}.home-pf .hp-task-mini-btn--del:hover{color:#c53030;background:#fde4e4}.home-pf .hp-task-row--adding{padding:8px 4px}.home-pf .hp-task-input{color:var(--pf-ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:600}.home-pf .hp-task-input::placeholder{color:var(--pf-mute);font-weight:500}.home-pf .hp-tasks-empty,.home-pf .hp-quests-empty{color:var(--pf-mute);text-align:center;justify-content:center;align-items:center;gap:8px;padding:22px 4px;font-size:13px;font-style:italic;display:flex}.home-pf .hp-empty-emoji{opacity:.85;font-size:18px;font-style:normal}.home-pf .hp-subtree{border-left:1.5px solid #7e7be647;margin:2px 0 6px 11px;padding-left:18px}.home-pf .hp-subtree .hp-task-row{padding-left:0;padding-right:4px;position:relative}.home-pf .hp-subtree .hp-task-row:before{content:"";background:#7e7be647;width:14px;height:1.5px;position:absolute;top:50%;left:-18px}.home-pf .hp-task-detail{background:#7e7be60f;border-radius:14px;flex-direction:column;gap:10px;margin:2px 0 10px 32px;padding:14px 14px 12px;animation:.2s hp-detail-in;display:flex}@keyframes hp-detail-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.home-pf .hp-task-notes{width:100%;color:var(--pf-ink);resize:vertical;background:#fff;border:1.5px solid #0000;border-radius:10px;outline:none;min-height:44px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .15s}.home-pf .hp-task-notes:focus{border-color:var(--pf-purple)}.home-pf .hp-task-notes::placeholder{color:var(--pf-mute)}.home-pf .hp-task-detail-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.home-pf .hp-task-detail-label{color:var(--pf-mute);letter-spacing:.04em;font-size:11px;font-weight:700}.home-pf .hp-task-estimate-chips{flex-wrap:wrap;gap:6px;display:flex}.home-pf .hp-task-estimate-chip{color:var(--pf-ink-2);cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .13s,border-color .13s,transform .13s}.home-pf .hp-task-estimate-chip:hover{border-color:var(--pf-purple-3)}.home-pf .hp-task-estimate-chip:active{transform:scale(.94)}.home-pf .hp-task-estimate-chip.is-active{background:var(--pf-ink);color:#fff;border-color:var(--pf-ink)}.home-pf .hp-task-detail-meta{color:var(--pf-mute);background:#7e7be61a;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.home-pf .hp-task-detail-meta strong{color:var(--pf-purple);font-weight:800}.home-pf .hp-task-detail-meta-icon{font-size:12px;line-height:1}.home-pf .hp-eyebrow-meta{letter-spacing:.16em;opacity:.75;font-weight:700}.home-pf .hp-task-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.home-pf .hp-task-focus-btn{background:var(--pf-ink);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .13s,box-shadow .15s}.home-pf .hp-task-focus-btn:hover{box-shadow:0 4px 12px #1f1a2a2e}.home-pf .hp-task-focus-btn:active{transform:scale(.95)}.home-pf .hp-task-add-sub{color:var(--pf-purple);cursor:pointer;background:0 0;border:1.5px dashed #7e7be673;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .13s,border-color .13s}.home-pf .hp-task-add-sub:hover{border-color:var(--pf-purple);background:#7e7be61a;border-style:solid}.home-pf .hp-task-estimate-chip--clear{color:var(--pf-mute);border-style:dashed;border-color:#1f1a2a33}@keyframes hp-undo-in{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.home-pf .hp-undo-bar{background:var(--pf-ink);color:#fff;z-index:99;border-radius:999px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 14px 10px 20px;animation:.25s hp-undo-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1f1a2a4d}.home-pf .hp-undo-text{flex-direction:column;align-items:flex-start;display:flex}.home-pf .hp-undo-title{font-size:13px;font-weight:800}.home-pf .hp-undo-sub{opacity:.7;font-size:11px}.home-pf .hp-undo-btn{color:var(--pf-ink);cursor:pointer;background:#ffe8a3;border:none;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .13s}.home-pf .hp-undo-btn:active{transform:scale(.95)}.focus-task-pill{background:#7e7be61f;border:1.5px solid #7e7be64d;border-radius:999px;align-self:center;align-items:center;gap:12px;margin:0 16px 12px;padding:8px 8px 8px 16px;display:flex}.focus-task-pill-icon{font-size:16px;line-height:1}.focus-task-pill-text{flex-direction:column;min-width:0;max-width:240px;display:flex}.focus-task-pill-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6f6bc9;opacity:.85;font-size:9px;font-weight:800}.focus-task-pill-title{color:#1f1a2a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.focus-task-pill-close{width:26px;height:26px;color:var(--pf-mute,#8b7e97);cursor:pointer;background:#1f1a2a1a;border:none;border-radius:50%;place-items:center;margin-left:4px;font-family:inherit;font-size:16px;font-weight:700;line-height:1;transition:background .13s;display:grid}.focus-task-pill-close:hover{background:#1f1a2a2e}@keyframes hp-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-pf .hp-body>*{animation:.3s both hp-fade-up}.home-pf .hp-body>:first-child{animation-delay:40ms}.home-pf .hp-body>:nth-child(2){animation-delay:80ms}.home-pf .hp-body>:nth-child(3){animation-delay:.12s}.home-pf .hp-body>:nth-child(4){animation-delay:.16s}.home-pf .hp-body>:nth-child(5){animation-delay:.2s}.home-pf .hp-body>:nth-child(6){animation-delay:.24s}.home-pf .hp-body>:nth-child(7){animation-delay:.28s}@media (width<=767px){.home-pf .hp-hero-text{max-width:60%}.home-pf .hp-hero-title{font-size:22px}.home-pf .hp-hero-phil{width:110px;bottom:-20px}}@media (width>=768px) and (width<=1023px){.home-pf .hp-body{max-width:600px;margin:0 auto;padding:20px 24px 100px}}@media (width>=1024px){.home-pf .hp-body{gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:40px 56px 80px}.home-pf .hp-hero{flex-direction:column;justify-content:space-between;min-height:260px;padding:36px;display:flex}.home-pf .hp-hero-text{max-width:60%}.home-pf .hp-hero-eyebrow{margin-bottom:14px;font-size:12px}.home-pf .hp-hero-title{margin-bottom:16px;font-size:40px;line-height:1}.home-pf .hp-hero-quote{max-width:540px;font-size:16px}.home-pf .hp-hero-phil{width:220px;bottom:-40px;right:20px}.home-pf .hp-actions{grid-template-columns:1fr 1fr;gap:14px}.home-pf .hp-action{min-height:100px;padding:22px 24px}.home-pf .hp-card{padding:8px 24px}.home-pf .hp-quest-row,.home-pf .hp-task-row{padding-left:8px;padding-right:8px}}@media (width>=1440px){.home-pf .hp-body{gap:24px;width:100%;max-width:1280px;padding:80px}.home-pf .hp-hero{min-height:340px;padding:48px}.home-pf .hp-hero-title{font-size:48px}.home-pf .hp-hero-phil{width:280px;bottom:-60px;right:0}.home-pf .hp-stat{min-height:160px;padding:28px}.home-pf .hp-stat-value{font-size:32px}}.projects-pf{--pf-cream:#f8e8d2;--pf-purple:#7e7be6;--pf-purple-2:#9c99f0;--pf-purple-3:#b7b5f4;--pf-orange:#f5a56f;--pf-orange-2:#f8b98c;--pf-ink:#1f1a2a;--pf-ink-2:#43394f;--pf-mute:#8b7e97;--pf-card:#fff;background:var(--pf-cream);height:100%;color:var(--pf-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.projects-pf:before{content:"";opacity:.6;pointer-events:none;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.10  0 0 0 0 0.05  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.projects-pf .prj-back-float{-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--pf-ink);cursor:pointer;z-index:10;background:#ffffffd1;border:1px solid #ffffff80;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;top:20px;left:18px;box-shadow:0 4px 16px #1f1a2a1a}.projects-pf .prj-back-float:hover{transform:scale(1.08)}.projects-pf .prj-back-float:active{transform:scale(.94)}.projects-pf .prj-back-float svg{width:20px;height:20px}.projects-pf .prj-body{z-index:1;scrollbar-width:none;flex-direction:column;flex:1;gap:14px;padding:20px 18px 100px;display:flex;position:relative;overflow-y:auto}.projects-pf .prj-body::-webkit-scrollbar{display:none}.projects-pf .prj-body>*{flex-shrink:0}.projects-pf .prj-hero{background:linear-gradient(160deg, var(--pf-purple-2) 0%, var(--pf-purple) 100%);color:#fff;border-radius:28px;min-height:180px;padding:24px 22px;position:relative;overflow:hidden;box-shadow:0 14px 28px -16px #7e7be68c}.projects-pf .prj-hero:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='white' opacity='0.18'><path d='M30 30 L33 38 L41 41 L33 44 L30 52 L27 44 L19 41 L27 38 Z'/><path d='M150 60 L152 65 L157 67 L152 69 L150 74 L148 69 L143 67 L148 65 Z'/><path d='M180 130 L183 138 L191 141 L183 144 L180 152 L177 144 L169 141 L177 138 Z'/></g></svg>");background-position:100% 0;background-repeat:no-repeat;background-size:220px;width:70%;height:100%;position:absolute;top:0;right:0}.projects-pf .prj-hero-text{z-index:2;max-width:64%;position:relative}.projects-pf .prj-hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:11px;font-weight:700}.projects-pf .prj-hero-title{letter-spacing:-.025em;margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.05}.projects-pf .prj-hero-quote{opacity:.92;font-size:14px;font-style:italic;font-weight:600;line-height:1.4}.projects-pf .prj-hero-phil{z-index:1;pointer-events:none;width:130px;position:absolute;bottom:-30px;right:0}.projects-pf .prj-hero-phil img{width:100%;height:auto;display:block}.projects-pf .prj-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--pf-mute);padding:8px 4px 0;font-size:11px;font-weight:800}.projects-pf .prj-eyebrow--done{color:var(--pf-mute);opacity:.6}.projects-pf .prj-new-btn{background:var(--pf-ink);color:#fff;cursor:pointer;border:none;border-radius:18px;align-items:center;gap:12px;padding:18px 22px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .15s,box-shadow .18s;display:flex;box-shadow:0 8px 24px #1f1a2a2e}.projects-pf .prj-new-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1f1a2a3d}.projects-pf .prj-new-btn:active{transform:scale(.98)}.projects-pf .prj-new-icon{background:#ffffff2e;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;font-weight:800;display:grid}.projects-pf .prj-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=768px){.projects-pf .prj-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects-pf .prj-grid{grid-template-columns:repeat(3,1fr)}}.projects-pf .prj-card{cursor:pointer;text-align:left;color:var(--pf-ink);border:none;border-radius:24px;flex-direction:column;gap:6px;min-height:170px;padding:20px 20px 22px;font-family:inherit;transition:transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.projects-pf .prj-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1f1a2a1a}.projects-pf .prj-card:active{transform:scale(.98)}.projects-pf .prj-card--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.projects-pf .prj-card--lavender{background:var(--pf-purple-3)}.projects-pf .prj-card--ice{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.projects-pf .prj-card--teal{background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.projects-pf .prj-card-emoji{background:#ffffff80;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:6px;font-size:24px;display:grid}.projects-pf .prj-card-name{letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.15}.projects-pf .prj-card-goal{color:var(--pf-ink-2);opacity:.72;margin-bottom:4px;font-size:12px;font-style:italic;font-weight:600}.projects-pf .prj-card-progress{margin-top:auto}.projects-pf .prj-card-bar{background:#1f1a2a1f;border-radius:999px;height:4px;margin-bottom:6px;overflow:hidden}.projects-pf .prj-card-fill{background:var(--pf-ink);border-radius:999px;height:100%;transition:width .5s}.projects-pf .prj-card-meta{color:var(--pf-ink-2);opacity:.78;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.projects-pf .prj-card-due.is-overdue{color:#c53030;opacity:1}.projects-pf .prj-card--empty{background:var(--pf-card);cursor:default;text-align:center;align-items:center;padding:36px 22px;box-shadow:0 2px 12px #1f1a2a0f}.projects-pf .prj-card--empty:hover{transform:none;box-shadow:0 2px 12px #1f1a2a0f}.projects-pf .prj-empty-emoji{margin-bottom:8px;font-size:36px}.projects-pf .prj-empty-title{color:var(--pf-ink);font-size:16px;font-weight:800}.projects-pf .prj-empty-sub{color:var(--pf-mute);max-width:280px;font-size:12px;font-style:italic}.projects-pf .prj-done-grid{opacity:.7;flex-direction:column;gap:6px;display:flex}.projects-pf .prj-done-card{cursor:pointer;text-align:left;color:var(--pf-ink);background:#1f1a2a0f;border:none;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;transition:background .13s;display:flex}.projects-pf .prj-done-card:hover{background:#1f1a2a1a}.projects-pf .prj-done-emoji{font-size:18px}.projects-pf .prj-done-name{flex:1;font-size:13px;font-weight:700}.projects-pf .prj-done-check{color:#1f7a5f;font-size:12px;font-weight:800}.projects-pf .prj-detail-hero{border-radius:28px;padding:24px 22px 22px;position:relative;overflow:hidden;box-shadow:0 12px 28px -14px #1f1a2a4d}.projects-pf .prj-detail-hero--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%);color:var(--pf-ink)}.projects-pf .prj-detail-hero--lavender{background:var(--pf-purple-3);color:var(--pf-ink)}.projects-pf .prj-detail-hero--ice{color:var(--pf-ink);background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.projects-pf .prj-detail-hero--teal{color:var(--pf-ink);background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.projects-pf .prj-detail-emoji{background:#ffffff8c;border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:14px;font-size:28px;display:grid}.projects-pf .prj-detail-text{margin-bottom:18px}.projects-pf .prj-detail-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.65;margin-bottom:6px;font-size:11px;font-weight:800}.projects-pf .prj-detail-name{letter-spacing:-.025em;margin-bottom:6px;font-size:26px;font-weight:800;line-height:1.05}.projects-pf .prj-detail-goal{opacity:.78;font-size:14px;font-style:italic;font-weight:600}.projects-pf .prj-detail-bar{background:#1f1a2a24;border-radius:999px;height:6px;margin-bottom:8px;overflow:hidden}.projects-pf .prj-detail-fill{background:var(--pf-ink);border-radius:999px;height:100%;transition:width .5s}.projects-pf .prj-detail-meta{color:var(--pf-ink-2);flex-wrap:wrap;gap:6px;font-size:11px;font-weight:700;display:flex}.projects-pf .prj-tasks-card{background:var(--pf-card);border-radius:18px;padding:6px 14px;box-shadow:0 2px 12px #1f1a2a12,0 1px 3px #1f1a2a0d}.projects-pf .prj-task-row{border-bottom:1px solid #1f1a2a0f;align-items:center;gap:12px;padding:12px 4px;transition:opacity .15s;display:flex}.projects-pf .prj-task-row:last-child{border-bottom:0}.projects-pf .prj-task-row.is-done{opacity:.55}.projects-pf .prj-task-row.is-done .prj-task-title{text-decoration:line-through}.projects-pf .prj-task-check{border:2px solid var(--pf-purple-3);cursor:pointer;color:#fff;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;padding:0;transition:background .15s,border-color .15s,transform .13s;display:grid}.projects-pf .prj-task-check svg{width:13px;height:13px}.projects-pf .prj-task-check:hover{border-color:var(--pf-purple)}.projects-pf .prj-task-check:active{transform:scale(.9)}.projects-pf .prj-task-check.is-checked{background:var(--pf-purple);border-color:var(--pf-purple)}.projects-pf .prj-task-title{min-width:0;color:var(--pf-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.projects-pf .prj-task-del{width:24px;height:24px;color:var(--pf-mute);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;font-size:16px;font-weight:700;transition:opacity .15s,background .13s,color .13s}.projects-pf .prj-task-row:hover .prj-task-del{opacity:1}.projects-pf .prj-task-del:hover{color:#c53030;background:#fde4e4}.projects-pf .prj-add-task{border:1.5px dashed var(--pf-purple-3);color:var(--pf-purple);cursor:pointer;text-align:left;background:0 0;border-radius:12px;width:100%;margin:8px 0;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background .13s,border-color .13s}.projects-pf .prj-add-task:hover{background:#7e7be614;border-style:solid}.projects-pf .prj-task-input{color:var(--pf-ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:600}.projects-pf .prj-task-input::placeholder{color:var(--pf-mute);font-weight:500}.projects-pf .prj-task-row--adding{padding:10px 4px}.projects-pf .prj-tasks-empty{color:var(--pf-mute);text-align:center;justify-content:center;align-items:center;gap:8px;padding:22px 4px;font-size:13px;font-style:italic;display:flex}.projects-pf .prj-detail-actions{gap:10px;margin-top:8px;display:flex}.projects-pf .prj-ship-btn{background:var(--pf-ink);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:999px;flex:1;padding:14px 22px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .13s,background .18s}.projects-pf .prj-ship-btn:hover{transform:translateY(-1px)}.projects-pf .prj-ship-btn:active{transform:scale(.97)}.projects-pf .prj-ship-btn.is-confirming{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%);color:var(--pf-ink)}.projects-pf .prj-archive-btn{color:var(--pf-mute);cursor:pointer;background:0 0;border:1.5px solid #1f1a2a1f;border-radius:999px;padding:14px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .13s,border-color .13s,color .13s}.projects-pf .prj-archive-btn:hover{color:var(--pf-ink-2);background:#1f1a2a0a}@keyframes prj-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes prj-fade-in{0%{opacity:0}to{opacity:1}}.projects-pf .prj-sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1f1a2a8c;animation:.2s prj-fade-in;position:fixed;inset:0}.projects-pf .prj-sheet{z-index:101;text-align:center;background:#fff;border-radius:28px 28px 0 0;flex-direction:column;align-items:center;max-height:92vh;padding:8px 24px 32px;animation:.28s cubic-bezier(.22,1,.36,1) prj-sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 40px #1f1a2a33}@media (width>=768px){.projects-pf .prj-sheet{border-radius:28px;width:92vw;max-width:480px;padding:24px 28px 28px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.projects-pf .prj-sheet-grip{background:#1f1a2a26;border-radius:2px;width:44px;height:4px;margin:8px 0 16px}@media (width>=768px){.projects-pf .prj-sheet-grip{display:none}}.projects-pf .prj-sheet-icon{border-radius:22px;place-items:center;width:64px;height:64px;margin-bottom:12px;font-size:32px;transition:background .18s;display:grid}.projects-pf .prj-sheet-icon--orange{background:linear-gradient(160deg, var(--pf-orange-2) 0%, var(--pf-orange) 100%)}.projects-pf .prj-sheet-icon--lavender{background:var(--pf-purple-3)}.projects-pf .prj-sheet-icon--ice{background:linear-gradient(160deg,#d4eeff 0%,#93c9f5 100%)}.projects-pf .prj-sheet-icon--teal{background:linear-gradient(160deg,#c7f2e8 0%,#6dd5b8 100%)}.projects-pf .prj-sheet-title{letter-spacing:-.02em;color:var(--pf-ink);margin-bottom:4px;font-size:22px;font-weight:800}.projects-pf .prj-sheet-sub{color:var(--pf-mute);margin-bottom:18px;font-size:13px}.projects-pf .prj-sheet-input{width:100%;color:var(--pf-ink);text-align:center;background:#f6f3ed;border:2px solid #0000;border-radius:14px;outline:none;margin-bottom:12px;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:700;transition:border-color .15s}.projects-pf .prj-sheet-input:focus{border-color:var(--pf-purple)}.projects-pf .prj-sheet-input::placeholder{color:var(--pf-mute);font-weight:500}.projects-pf .prj-sheet-input--small{font-size:13px}.projects-pf .prj-sheet-row{flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-bottom:12px;display:flex}.projects-pf .prj-sheet-label{color:var(--pf-mute);letter-spacing:.04em;flex-shrink:0;font-size:11px;font-weight:700}.projects-pf .prj-sheet-emojis{flex-wrap:wrap;flex:1;gap:6px;display:flex}.projects-pf .prj-sheet-emoji{cursor:pointer;background:#f6f3ed;border:2px solid #0000;border-radius:12px;width:36px;height:36px;font-size:18px;transition:background .13s,border-color .13s,transform .13s}.projects-pf .prj-sheet-emoji:hover{background:#efeae0}.projects-pf .prj-sheet-emoji:active{transform:scale(.94)}.projects-pf .prj-sheet-emoji.is-active{border-color:var(--pf-purple);background:#fff}.projects-pf .prj-sheet-colors{flex:1;gap:8px;display:flex}.projects-pf .prj-sheet-color{cursor:pointer;border:2px solid #0000;border-radius:10px;width:32px;height:32px;transition:transform .13s,border-color .13s}.projects-pf .prj-sheet-color:hover{transform:scale(1.08)}.projects-pf .prj-sheet-color:active{transform:scale(.94)}.projects-pf .prj-sheet-color--orange{background:linear-gradient(160deg, var(--pf-orange-2), var(--pf-orange))}.projects-pf .prj-sheet-color--lavender{background:var(--pf-purple-3)}.projects-pf .prj-sheet-color--ice{background:linear-gradient(160deg,#d4eeff,#93c9f5)}.projects-pf .prj-sheet-color--teal{background:linear-gradient(160deg,#c7f2e8,#6dd5b8)}.projects-pf .prj-sheet-color.is-active{border-color:var(--pf-ink)}.projects-pf .prj-sheet-targets{flex-wrap:wrap;flex:1;gap:6px;display:flex}.projects-pf .prj-sheet-target{color:var(--pf-ink-2);cursor:pointer;background:#f6f3ed;border:2px solid #0000;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background .13s,border-color .13s,transform .13s}.projects-pf .prj-sheet-target:hover{border-color:var(--pf-purple-3)}.projects-pf .prj-sheet-target:active{transform:scale(.94)}.projects-pf .prj-sheet-target.is-active{background:var(--pf-ink);color:#fff;border-color:var(--pf-ink)}.projects-pf .prj-sheet-target--clear{color:var(--pf-mute);border-style:dashed;border-color:#1f1a2a33}.projects-pf .prj-sheet-actions{gap:10px;width:100%;margin-top:8px;display:flex}.projects-pf .prj-sheet-btn{cursor:pointer;border:none;border-radius:999px;flex:1;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:800;transition:transform .13s}.projects-pf .prj-sheet-btn:active{transform:scale(.97)}.projects-pf .prj-sheet-btn--cancel{color:var(--pf-ink-2);background:#f0eee8}.projects-pf .prj-sheet-btn--confirm{background:var(--pf-ink);color:#fff}.projects-pf .prj-sheet-btn--confirm:disabled{opacity:.4;cursor:not-allowed}@media (width<=767px){.projects-pf .prj-body{padding-top:72px}.projects-pf .prj-hero-text{max-width:60%}.projects-pf .prj-hero-title{font-size:22px}.projects-pf .prj-hero-phil{width:110px;bottom:-20px}}@media (width>=768px) and (width<=1023px){.projects-pf .prj-body{max-width:600px;margin:0 auto;padding:12px 24px 100px}}@media (width>=1024px){.projects-pf .prj-back-float{display:none}.projects-pf .prj-body{gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:40px 56px 80px}.projects-pf .prj-hero{flex-direction:column;justify-content:space-between;min-height:240px;padding:36px;display:flex}.projects-pf .prj-hero-text{max-width:60%}.projects-pf .prj-hero-title{margin-bottom:16px;font-size:38px;line-height:1}.projects-pf .prj-hero-quote{max-width:540px;font-size:16px}.projects-pf .prj-hero-phil{width:220px;bottom:-40px;right:20px}.projects-pf .prj-card{min-height:180px;padding:24px}.projects-pf .prj-detail-hero{padding:32px 32px 28px}}@media (width>=1440px){.projects-pf .prj-body{gap:24px;width:100%;max-width:1280px;padding:80px}.projects-pf .prj-hero{min-height:320px;padding:48px}.projects-pf .prj-hero-title{font-size:48px}.projects-pf .prj-hero-phil{width:280px;bottom:-60px}.projects-pf .prj-grid{grid-template-columns:repeat(4,1fr)}}.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}