*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;color:#f5f3ee;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*{-webkit-tap-highlight-color:transparent}::placeholder{color:#5a5754}::selection{background:hsla(76,86%,72%,.2);color:#fff}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.06);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.12)}h1{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.5px}h2{font-size:22px;line-height:1.2;letter-spacing:-.3px}h2,h3{font-weight:600}h3{font-size:18px;line-height:1.25}h4{font-size:15px;font-weight:600;line-height:1.3}a{color:#d4f57a;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid hsla(76,86%,72%,.5);outline-offset:2px;border-radius:4px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px hsla(76,86%,72%,.08)}input,select,textarea{font-family:inherit;font-size:14px;color:#f5f3ee;transition:border-color .15s ease,box-shadow .15s ease}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:hsla(0,0%,100%,.1);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#d4f57a;cursor:pointer;border:3px solid #0a0a0a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{font-family:inherit;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .15s ease,border-color .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.card{background:#111;border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:16px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card-hover:hover{border-color:hsla(0,0%,100%,.12)!important;transform:translateY(-1px);box-shadow:0 4px 24px rgba(0,0,0,.4)}.card-hover:active{transform:translateY(0)}.card-elevated{background:#141414;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.3)}.card-accent{background:#111;border:1px solid hsla(76,86%,72%,.2);border-radius:14px;padding:16px}.card-accent:hover{border-color:hsla(76,86%,72%,.35)}.stat-number{font-family:Playfair Display,serif;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5a5754}.label-accent{color:#d4f57a}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.pill-default{background:#1c1c1c;border:1px solid hsla(0,0%,100%,.08);color:#9a9690}.pill-accent{background:hsla(76,86%,72%,.1);border:1px solid hsla(76,86%,72%,.2);color:#d4f57a}.pill-green{background:rgba(122,245,180,.1);border:1px solid rgba(122,245,180,.25);color:#7af5b4}.pill-red{background:hsla(0,100%,70%,.08);border:1px solid hsla(0,100%,70%,.25);color:hsla(0,100%,70%,.9)}.pill-amber{background:rgba(255,180,71,.1);border:1px solid rgba(255,180,71,.25);color:#ffb447}.divider{height:1px;background:hsla(0,0%,100%,.06);margin:16px 0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:14px 20px;background:hsla(0,0%,4%,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.06)}.page{min-height:100vh;background:#0a0a0a;font-family:Geist,sans-serif;padding-bottom:80px}.page-content{max-width:600px;margin:0 auto;padding:20px 16px}.page-content-wide{max-width:800px;margin:0 auto;padding:20px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 8px hsla(76,86%,72%,.15)}50%{box-shadow:0 0 20px hsla(76,86%,72%,.3)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes progressFill{0%{width:0}}@keyframes successFlash{0%{background:rgba(122,245,180,.15)}to{background:transparent}}@keyframes prGlow{0%,to{box-shadow:0 0 12px hsla(76,86%,72%,.15)}50%{box-shadow:0 0 28px hsla(76,86%,72%,.35)}}@keyframes confettiBurst{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes numberCount{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease both}.fade-in-up{animation:fadeInUp .3s ease both}.scale-in{animation:scaleIn .2s ease both}.check-pop{animation:checkPop .3s ease both}.glow{animation:glow 2s ease-in-out infinite}.pulse{animation:pulse 1.5s ease-in-out infinite}.success-flash{animation:successFlash .6s ease both}.spin{animation:spin .8s linear infinite}.pr-glow{animation:prGlow 2s ease-in-out infinite}.confetti-burst{animation:confettiBurst .4s ease both}.number-count{animation:numberCount .3s ease both}.stagger>*{animation:fadeInUp .3s ease both}.stagger>:first-child{animation-delay:.02s}.stagger>:nth-child(2){animation-delay:.04s}.stagger>:nth-child(3){animation-delay:.06s}.stagger>:nth-child(4){animation-delay:.08s}.stagger>:nth-child(5){animation-delay:.1s}.stagger>:nth-child(6){animation-delay:.12s}.stagger>:nth-child(7){animation-delay:.14s}.stagger>:nth-child(8){animation-delay:.16s}.stagger>:nth-child(n+9){animation-delay:.18s}.skeleton{background:linear-gradient(90deg,#111,#1a1a1a 40px,#111 80px);background-size:200px 100%;animation:shimmer 1.2s infinite;border-radius:8px}.accent-gradient{background:linear-gradient(135deg,#d4f57a,#7af5b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{height:4px;border-radius:2px;background:hsla(0,0%,100%,.06);overflow:hidden}.progress-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#d4f57a,#7af5b4);transition:width .5s ease;animation:progressFill .6s ease}.scroll-x{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px}.scroll-x::-webkit-scrollbar{display:none}.stat-grid{display:flex;gap:1px;background:#1a1a1a;border-radius:12px;overflow:hidden}.stat-grid>div{flex:1 1;text-align:center;padding:12px 8px;background:#111}.stat-grid>div:first-child{border-radius:12px 0 0 12px}.stat-grid>div:last-child{border-radius:0 12px 12px 0}.glass{background:hsla(0,0%,7%,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.06)}.btn-primary{background:linear-gradient(135deg,#d4f57a,#b8d94e);border:none;border-radius:14px;color:#0a0a0a;font-family:Playfair Display,serif;font-weight:500;cursor:pointer;min-height:48px;padding:14px 24px;font-size:15px;box-shadow:0 4px 20px hsla(76,86%,72%,.25),0 0 40px hsla(76,86%,72%,.1);transition:box-shadow .3s ease,transform .12s ease}.btn-primary:hover{box-shadow:0 6px 28px hsla(76,86%,72%,.35),0 0 50px hsla(76,86%,72%,.15)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;box-shadow:none}a.btn-primary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary{background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#9a9690;font-family:Geist,sans-serif;cursor:pointer;min-height:44px;padding:10px 16px;font-size:13px;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn-secondary:hover{border-color:hsla(76,86%,72%,.3);color:#d4f57a;box-shadow:0 0 16px hsla(76,86%,72%,.06)}.card-premium{background:radial-gradient(circle at 10% 20%,hsla(0,0%,100%,.02) 0,#141414 70%);border:1px solid hsla(0,0%,100%,.06);border-radius:14px;padding:16px}.card-premium:hover{border-color:hsla(0,0%,100%,.1);box-shadow:0 4px 24px rgba(0,0,0,.4)}.card-glow{background:#111;border:1px solid hsla(76,86%,72%,.15);border-radius:16px;padding:16px;box-shadow:0 0 20px hsla(76,86%,72%,.04);transition:box-shadow .3s ease,border-color .3s ease}.card-glow:hover{border-color:hsla(76,86%,72%,.25);box-shadow:0 0 30px hsla(76,86%,72%,.08)}.search-input-glow:focus{border-color:hsla(76,86%,72%,.3)!important;box-shadow:0 0 12px hsla(76,86%,72%,.1),0 0 4px hsla(76,86%,72%,.15)}.text-gradient{background:linear-gradient(135deg,#f5f3ee,#d4f57a 50%,#7af5b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ambient-glow{position:relative}.ambient-glow:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(circle,hsla(76,86%,72%,.06) 0,transparent 70%);pointer-events:none;z-index:-1}input:focus,select:focus,textarea:focus{border-color:hsla(76,86%,72%,.4)!important;box-shadow:0 0 0 3px hsla(76,86%,72%,.06),0 0 16px hsla(76,86%,72%,.06)!important}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot-active{background:#d4f57a;box-shadow:0 0 8px hsla(76,86%,72%,.5)}.status-dot-active,.status-dot-warning{animation:pulse 2s ease-in-out infinite}.status-dot-warning{background:#ffb447;box-shadow:0 0 8px rgba(255,180,71,.5)}.status-dot-success{background:#7af5b4}.status-dot-danger{background:hsla(0,100%,70%,.9)}.number-pop{animation:numberCount .4s cubic-bezier(.16,1,.3,1) both}.tab-content{animation:fadeIn .2s ease both}@keyframes petSpin{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes petBounce{0%,to{transform:translateY(0) scaleX(1) scaleY(1)}30%{transform:translateY(-12px) scaleX(.9) scaleY(1.1)}50%{transform:translateY(0) scaleX(1.15) scaleY(.85)}70%{transform:translateY(-6px) scaleX(.95) scaleY(1.05)}}@keyframes petShake{0%,to{transform:translateX(0)}10%{transform:translateX(-3px)}20%{transform:translateX(3px)}30%{transform:translateX(-3px)}40%{transform:translateX(3px)}50%{transform:translateX(-2px)}60%{transform:translateX(2px)}}@keyframes petWag{0%,to{transform:rotate(0)}20%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-4deg)}}@keyframes petDash{0%,to{transform:translateX(0)}30%{transform:translateX(15px)}50%{transform:translateX(15px) scaleX(-1)}80%{transform:translateX(0) scaleX(-1)}90%{transform:translateX(0) scaleX(1)}}@keyframes petSplash{0%,to{transform:translateY(0)}20%{transform:translateY(-16px)}40%{transform:translateY(-16px) rotate(10deg)}60%{transform:translateY(0) rotate(-5deg)}80%{transform:translateY(-4px)}}@keyframes petGrow{0%,to{transform:scale(1)}40%{transform:scale(1.3)}60%{transform:scale(1.35)}}@keyframes petGlitch{0%,to{transform:translate(0);filter:none}10%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}20%{transform:translate(2px,-1px);filter:hue-rotate(180deg)}30%{transform:translate(-1px,-2px);filter:none}40%{transform:translate(1px,2px);filter:hue-rotate(270deg)}50%{transform:translate(0);filter:none}}@keyframes petBloom{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.4) drop-shadow(0 0 8px rgba(129,199,132,.5))}}@keyframes petTeleport{0%{opacity:1;transform:scale(1)}20%{opacity:0;transform:scale(.5)}40%{opacity:0;transform:scale(.5) translateX(20px)}60%{opacity:0;transform:scale(.5) translateX(-20px)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pet-spin{animation:petSpin .5s ease}.pet-bounce{animation:petBounce .6s ease}.pet-shake{animation:petShake .5s ease}.pet-wag{animation:petWag .5s ease}.pet-dash{animation:petDash .7s ease}.pet-splash{animation:petSplash .6s ease}.pet-grow{animation:petGrow .6s ease}.pet-glitch{animation:petGlitch .5s steps(1)}.pet-bloom{animation:petBloom .7s ease}.pet-teleport{animation:petTeleport .8s ease}@keyframes cookieDrop{0%{transform:translateY(-20px) scale(0);opacity:0}50%{transform:translateY(4px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes jarShake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes levelUp{0%{transform:scale(1);box-shadow:0 0 0 0 hsla(76,86%,72%,.4)}50%{transform:scale(1.05);box-shadow:0 0 30px 10px hsla(76,86%,72%,.2)}to{transform:scale(1);box-shadow:0 0 0 0 hsla(76,86%,72%,0)}}@keyframes xpFill{0%{width:0}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes popIn{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.15) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.cookie-drop{animation:cookieDrop .4s ease both}.jar-shake{animation:jarShake .3s ease}.level-up{animation:levelUp .6s ease both}.xp-fill{animation:xpFill .8s ease both}.sparkle{animation:sparkle 1.5s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.pop-in{animation:popIn .35s ease both}.btn-glow{position:relative;overflow:hidden}.btn-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(76,86%,72%,.15) 0,transparent 70%);animation:spin 4s linear infinite;pointer-events:none}.jar-fill{transition:height .5s ease;background:linear-gradient(180deg,hsla(76,86%,72%,.3),hsla(76,86%,72%,.1));border-radius:0 0 12px 12px}.xp-bar{height:6px;border-radius:3px;background:hsla(0,0%,100%,.06);overflow:hidden}.xp-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#d4f57a,#7af5b4);transition:width .6s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stagger>*{animation:none!important;opacity:1!important}}@media (max-width:480px){.page-content,.page-content-wide{padding:16px 14px}.btn-primary,.btn-secondary{margin-top:4px;margin-bottom:4px}.card,.card-elevated,.card-glow,.card-premium{padding:14px}.pill{min-height:36px;padding:6px 12px}input,select,textarea{min-height:44px}[role=button],a,button{touch-action:manipulation}}input[type=decimal]:focus,input[type=number]:focus,input[type=text]:focus,textarea:focus{border-color:hsla(76,86%,72%,.4)!important;box-shadow:0 0 0 3px hsla(76,86%,72%,.1),0 0 12px hsla(76,86%,72%,.08)!important;transition:border-color .15s ease,box-shadow .15s ease}@keyframes prPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@supports (padding-bottom:env(safe-area-inset-bottom)){.page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.transition-fast{transition:all .15s ease}.transition-base{transition:all .3s ease}.transition-slow{transition:all .6s cubic-bezier(.16,1,.3,1)}