:root{--bg:#fff8ec;--surface:#fff;--surface-2:#fff1d9;--ink:#3b2414;--ink-2:#6e5240;--muted:#8f7563;--line:#f0dfc4;--gold:#f2b33d;--gold-deep:#c47f00;--gold-ink:#8a5600;--brown:#7a4a24;--bar:#b26b00;--danger:#c8372d;--shadow:0 6px 24px #7a4a241f;--radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a120c;--surface:#2a1d14;--surface-2:#33241a;--ink:#f8ecdc;--ink-2:#dcc6ae;--muted:#a88f7a;--line:#42301f;--gold:#f2b33d;--gold-deep:#e6a12a;--gold-ink:#f5c463;--brown:#c08a5a;--bar:#c98310;--danger:#ff6b5e;--shadow:0 6px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1a120c;--surface:#2a1d14;--surface-2:#33241a;--ink:#f8ecdc;--ink-2:#dcc6ae;--muted:#a88f7a;--line:#42301f;--gold-deep:#e6a12a;--gold-ink:#f5c463;--brown:#c08a5a;--bar:#c98310;--danger:#ff6b5e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:Rubik,system-ui,sans-serif}body{overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}.gold{color:var(--gold-deep)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.error{color:var(--danger);font-weight:500}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:520px;min-height:100dvh;padding:0 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.top{padding:calc(14px + env(safe-area-inset-top)) 0 10px;justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.02em;font-size:1.35rem;font-weight:900}.hello{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:.9rem;overflow:hidden}.tabs{bottom:0;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;display:flex;position:fixed;inset-inline:0}.tabs button{max-width:130px;color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:.75rem;transition:color .2s,transform .2s;display:flex}.tabs button.active{color:var(--ink);font-weight:700}.tabs button.active .tab-emo{transform:scale(1.18)translateY(-2px)}.tab-emo{font-size:1.4rem;transition:transform .25s cubic-bezier(.3,1.6,.5,1);position:relative}.dot{top:0;background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1s infinite pulse;position:absolute;inset-inline-end:-4px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card h3{margin:0 0 12px;font-size:1.05rem}.btn{background:var(--surface-2);color:var(--ink);white-space:nowrap;border:0;border-radius:14px;padding:11px 18px;font-weight:700;transition:transform .15s,opacity .2s}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(135deg, #ffd166, var(--gold) 55%, #e09a1f);color:#3b2414;box-shadow:0 4px 14px #f2b33d66}.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn.danger{background:var(--danger);color:#fff}.danger-text{color:var(--danger)!important}.btn.small{border-radius:11px;padding:7px 12px;font-size:.85rem}.btn.wide{width:100%;margin-top:8px}.btn.big{padding:15px;font-size:1.1rem}.icon-btn{background:0 0;border:0;border-radius:10px;padding:6px;font-size:1rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row .input{flex:1;min-width:0}.row.tight{flex-wrap:nowrap;gap:6px}.input{border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:11px 14px;transition:border-color .2s}.input:focus{border-color:var(--gold)}.field{flex-direction:column;gap:6px;margin-bottom:14px;font-weight:500;display:flex}.field small{font-weight:400}.calc-line{background:var(--surface-2);text-align:center;border-radius:12px;margin:0 0 6px;padding:10px 12px}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px;font-weight:700;transition:all .2s}.chip.active{background:var(--gold);border-color:var(--gold);color:#3b2414;transform:scale(1.05)}.chips{gap:8px;margin-bottom:12px;display:flex}.chips.scroll{padding-bottom:4px;overflow-x:auto}.chips.scroll .chip{flex-shrink:0}.seg{background:var(--surface-2);border-radius:14px;margin-bottom:14px;padding:4px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:11px;flex:1;padding:9px;font-weight:500}.seg button.active{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 2px 8px #00000014}.badge{color:#e6defc;background:#2b2350;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.note{background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:.9rem}.toast{bottom:calc(90px + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);z-index:50;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:11px 20px;font-weight:500;animation:.3s cubic-bezier(.3,1.5,.5,1) toast-in;position:fixed;left:50%;transform:translate(-50%)}.timer{flex-direction:column;align-items:center;padding-top:8px;display:flex}.meter{color:#fff3dc;text-align:center;width:100%;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 0,#5a3517,#2a1a0e 75%);border-radius:28px;padding:34px 16px 26px;transition:box-shadow .4s;position:relative;overflow:hidden}.meter.on{box-shadow:0 0 0 3px var(--gold), 0 10px 40px #f2b33d59}.meter-money{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 3px 18px #f2b33d59;direction:ltr;font-size:clamp(2.8rem,15vw,4.2rem);font-weight:900;position:relative}.meter.on .meter-money{animation:1s infinite heartbeat}.meter-clock{font-variant-numeric:tabular-nums;opacity:.9;direction:ltr;font-size:1.6rem;font-weight:500;position:relative}.meter-sub{opacity:.8;min-height:1.4em;margin-top:10px;position:relative}.warn{color:#ffb4a8;margin-top:8px;font-weight:700;position:relative}.coin-rain span{bottom:-40px;left:calc(6% + var(--i) * 12%);animation:2.4s linear infinite float-up;animation-delay:calc(var(--i) * -.33s);opacity:0;font-size:1.5rem;position:absolute}.ot{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.ot-label{color:var(--ink-2);font-weight:500}.big-btn{aspect-ratio:1;color:#3b2414;background:radial-gradient(circle at 35% 30%, #ffe08a, var(--gold) 50%, #d88d12);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:min(280px,80vw);margin-top:22px;font-size:1.5rem;font-weight:900;transition:transform .1s,box-shadow .1s;animation:2.6s ease-in-out infinite idle-bob;display:flex;box-shadow:0 10px #a86a0a,0 18px 40px #d88d1273}.big-btn .emo{font-size:3.6rem;line-height:1}.big-btn:active:not(:disabled){transform:translateY(8px);box-shadow:0 2px #a86a0a,0 6px 16px #d88d1266}.big-btn:disabled{filter:grayscale(.8);opacity:.6;animation:none}.big-btn.stop{background:radial-gradient(circle at 35% 30%,#fff,#f1ece6 50%,#d5ccc2);animation:none;box-shadow:0 10px #a99d90,0 18px 40px #0000002e}.big-btn.stop:active{box-shadow:0 2px #a99d90}.today{color:var(--ink-2);margin-top:26px}.today b{color:var(--gold-ink)}.tiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.tile{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:2px;min-width:0;padding:14px;display:flex}.tile-label{color:var(--muted);font-size:.85rem}.tile-value{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:900}.tile-sub{color:var(--muted);font-size:.78rem}.compare-line{text-align:center;color:var(--ink-2);margin:4px 0 14px}.records{gap:2px;display:grid}.rec{border-bottom:1px dashed var(--line);grid-template-columns:28px 1fr auto;align-items:center;padding:8px 0;display:grid}.rec:last-child{border-bottom:0}.rec-emoji{font-size:1.1rem}.rec-label{color:var(--ink-2)}.rec-value{font-variant-numeric:tabular-nums}.achs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ach{background:var(--surface-2);opacity:.5;filter:grayscale();border-radius:14px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.ach.unlocked{opacity:1;filter:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 60%, transparent)}.ach-emoji{flex-shrink:0;font-size:1.6rem}.ach b{font-size:.88rem;display:block}.ach small{color:var(--muted);font-size:.74rem;display:block}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:9px 0;display:grid}.history li:last-child{border-bottom:0}.h-when{color:var(--ink-2);font-size:.88rem}.h-dur{color:var(--muted);direction:ltr}.h-money{font-weight:700}.ot-tag{color:#e6defc;background:#2b2350;border-radius:6px;margin-inline-start:4px;padding:1px 5px;font-size:.7rem;font-style:normal}.chart-tip{min-height:1.5em;color:var(--ink);margin-bottom:8px;font-size:.88rem}.chart-plot{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:150px;padding-top:18px;display:flex;position:relative}.chart-axis-top{top:0;color:var(--muted);font-size:.7rem;position:absolute;inset-inline-start:0}.chart-grid{border-top:1px dashed var(--line);background:linear-gradient(var(--line), var(--line)) 0 50% / 100% 1px no-repeat;opacity:.7;pointer-events:none;position:absolute;inset:18px 0 0}.bar-hit{background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;padding:0;display:flex;position:relative}.bar-hit.hot{background:color-mix(in srgb, var(--bar) 10%, transparent)}.bar{background:var(--bar);border-radius:4px 4px 0 0;width:min(70%,18px);transition:height .5s cubic-bezier(.3,1.3,.5,1)}.bar-x{color:var(--muted);font-size:.68rem;position:absolute;bottom:-20px}.chart{padding-bottom:20px}.board-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.board-head h2{overflow-wrap:anywhere;margin:0;font-size:1.4rem}.podium{text-align:center;color:#fff3dc;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 0,#5a3517,#2a1a0e 80%);border-radius:24px;margin-bottom:14px;padding:18px}.podium-crown{font-size:2.6rem;animation:2s ease-in-out infinite crown}.podium-name{overflow-wrap:anywhere;font-size:1.3rem;font-weight:900}.podium-money{color:var(--gold);font-size:2rem;font-weight:900}.podium-sub{opacity:.8;font-size:.85rem}.ranks{margin:0;padding:0;list-style:none}.ranks li{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;margin-bottom:8px;padding:12px;animation:.4s both slide-in;display:grid}.ranks li:nth-child(2){animation-delay:50ms}.ranks li:nth-child(3){animation-delay:.1s}.ranks li:nth-child(n+4){animation-delay:.15s}.ranks li.me{box-shadow:inset 0 0 0 2px var(--gold), var(--shadow)}.rank{text-align:center;color:var(--muted);font-size:1.4rem;font-weight:900}.r-name{overflow-wrap:anywhere;min-width:0;font-weight:700}.r-name em{color:var(--gold-ink);font-style:normal;font-weight:500}.r-name small{color:var(--muted);font-size:.78rem;font-weight:400;display:block}.r-money{font-variant-numeric:tabular-nums;font-weight:900}.empty{text-align:center;padding:30px 8px}.empty-emoji{font-size:4.5rem;animation:2.6s ease-in-out infinite idle-bob}.empty h2{margin:8px 0}.empty form{margin-top:16px}.onboard{padding:calc(30px + env(safe-area-inset-top)) 0 20px;text-align:center}.onboard form{text-align:start;margin-top:20px}.onboard h1{margin:10px 0 6px;font-size:1.9rem;font-weight:900}.onboard-emoji{font-size:3.4rem;animation:2.6s ease-in-out infinite idle-bob}.lead{color:var(--ink-2);font-size:1.05rem}.groups{margin:0 0 12px;padding:0;list-style:none}.groups li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.groups li>span:first-child{overflow-wrap:anywhere;min-width:0}.footer{margin:24px 0 8px}.modal-back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#1a120c99;justify-content:center;align-items:center;padding:16px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-back.solid{background:var(--bg)}.modal{background:var(--surface);text-align:center;border-radius:26px;width:100%;max-width:420px;max-height:90dvh;padding:22px 18px;animation:.4s cubic-bezier(.3,1.5,.5,1) modal-in;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h3{margin:0 0 8px;font-size:1.25rem}.modal .row{justify-content:center;margin-top:14px}.result{overflow:hidden}.result-emoji{font-size:3.4rem;animation:.6s cubic-bezier(.3,1.8,.5,1) pop}.result-label{color:var(--muted);margin:4px 0 0}.result-money{color:var(--gold-deep);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:900;animation:.7s cubic-bezier(.3,1.8,.5,1) .1s both pop}.result-time{color:var(--ink-2);margin:4px 0 10px}.result-compare{font-size:1.05rem;font-weight:700}.result-quip{color:var(--muted);font-style:italic}.fresh{text-align:start;margin:12px 0}.fresh-title{text-align:center;margin:0 0 8px;font-weight:900}.fresh .ach{margin-bottom:6px}.pop{animation:.6s cubic-bezier(.3,1.8,.5,1) .4s both pop}.confetti span{animation:1.8s ease-in both fall;animation-delay:calc(var(--i) * 60ms);pointer-events:none;font-size:1.4rem;position:absolute;top:-40px}.edit-preview{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:18px;margin:12px 0;display:flex}.edit-clock{direction:ltr;font-size:2rem;font-weight:900}.edit-money{color:var(--gold-ink);font-size:1.3rem;font-weight:700}.range{width:100%;accent-color:var(--gold-deep)}.range-ends{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;display:flex}.intro{z-index:100;color:#fff3dc;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 40%,#6b3f1b,#1a100a 70%);flex-direction:column;justify-content:center;align-items:center;transition:transform .7s cubic-bezier(.6,0,.8,.4),opacity .7s;display:flex;position:fixed;inset:0;overflow:hidden}.intro.leaving{opacity:0;transform:scale(1.8)}.intro-stage{perspective:600px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.intro-stage:after{content:"";opacity:0;border:4px solid #f2b33d;border-radius:50%;animation:1.12s ease-out 2.17s forwards ring;position:absolute;inset:40px}.intro-poop,.intro-money{font-size:120px;line-height:1;position:absolute}.intro-poop{animation:.98s cubic-bezier(.3,1.4,.6,1) both drop,1.19s ease-in .98s forwards shake,.35s ease-in 2.17s forwards vanish}.intro-money{opacity:0;filter:drop-shadow(0 0 30px #f2b33db3);animation:.84s cubic-bezier(.3,1.8,.5,1) 2.24s forwards appear,2.24s ease-in-out 3.08s infinite hover}.intro-particle{opacity:0;font-size:30px;animation:1.54s cubic-bezier(.1,.8,.3,1) 2.24s forwards burst;position:absolute}.intro-flash{opacity:0;pointer-events:none;background:#fff6d8;animation:.63s ease-out 2.1s forwards flash;position:absolute;inset:0}.intro-title{letter-spacing:-.02em;gap:4px;margin:26px 0 0;font-size:3rem;font-weight:900;display:flex}.intro-title span{opacity:0;animation:.77s cubic-bezier(.3,1.8,.5,1) forwards pop;display:inline-block}.intro-title span:first-child{animation-delay:2.66s}.intro-title span:nth-child(2){animation-delay:2.8s}.intro-title span:nth-child(3){animation-delay:2.94s}.intro-title .gold{color:#f2b33d}.intro-tag{opacity:0;margin:6px 0 0;font-size:1.1rem;animation:.7s 3.29s forwards fade-up}.intro-skip{bottom:calc(24px + env(safe-area-inset-bottom));opacity:.4;margin:0;font-size:.8rem;position:absolute}@keyframes drop{0%{transform:translateY(-120vh)rotate(-30deg)}to{transform:translateY(0)rotate(0)}}@keyframes shake{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.05)rotate(-6deg)}40%{transform:scale(1.1)rotate(7deg)}60%{transform:scale(1.16)rotate(-9deg)translate(-3px)}75%{transform:scale(1.22)rotate(11deg)translate(4px)}90%{transform:scale(1.3)rotate(-12deg)translate(-4px)}to{transform:scale(1.36)rotate(0)}}@keyframes vanish{to{opacity:0;transform:scale(.2)rotateY(90deg)rotate(180deg)}}@keyframes appear{0%{opacity:0;transform:scale(0)rotateY(-180deg)}to{opacity:1;transform:scale(1)rotateY(0)}}@keyframes hover{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(var(--r)) scale(1.1)}}@keyframes ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;border-width:1px;transform:scale(2.6)}}@keyframes flash{0%{opacity:0}30%{opacity:.85}to{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:.85;transform:none}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(30px)scale(.92)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}}@keyframes float-up{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-300px)rotate(360deg)}}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(520px)rotate(540deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes crown{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)translateY(-3px)}}@keyframes pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
