:root{--cream:#fff8ec;--cream-soft:#fff2de;--paper:#fff;--ink:#0e2f3c;--ink-soft:#20495a;--ink-muted:#5e7a86;--ink-whisper:#9db1ba;--mint:#00d9a3;--mint-deep:#00b587;--mint-soft:#b5f5e2;--coral:#ff6b8b;--coral-soft:#ffd1dc;--lavender:#b388ff;--lavender-soft:#e2d4ff;--sunshine:#ffd85c;--sunshine-soft:#ffefb8;--sky:#5fc7ff;--sky-soft:#c8e9ff;--peach:#ff9268;--peach-soft:#ffd9c4;--teal-deep:#0e7490;--teal-dark:#0b3c50;--accent:var(--mint);--accent-soft:var(--mint-soft);--accent-deep:var(--mint-deep);--font-display:"Fredoka","Nunito",system-ui,sans-serif;--font-chunky:"Fredoka","Nunito",system-ui,sans-serif;--font-body:"Fredoka","Nunito",system-ui,-apple-system,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,monospace;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-xl:36px;--radius-pill:999px;--border-ink:3px solid var(--ink);--border-ink-thin:2px solid var(--ink);--shadow-sticker:0 4px 0 var(--ink);--shadow-sticker-soft:0 4px 0 rgba(14,47,60,.85);--shadow-pop:0 8px 0 var(--ink);--shadow-card:0 6px 20px rgba(14,47,60,.08);--shadow-card-lg:0 12px 40px rgba(14,47,60,.12);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.22,1,0.36,1);--text-primary:var(--ink);--text-secondary:var(--ink-muted);--bg-primary:var(--cream);--bg-card:var(--paper);--border-radius:var(--radius-lg);--border-radius-sm:var(--radius-sm);--card-shadow:var(--shadow-card)}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:var(--font-fredoka-var),"Fredoka",var(--font-nunito),"Nunito",system-ui,-apple-system,sans-serif}body{font-family:var(--font-fredoka-var),"Fredoka",var(--font-nunito),"Nunito",system-ui,-apple-system,sans-serif;font-weight:500;background:var(--cream);min-height:100vh;line-height:1.5;background-image:radial-gradient(ellipse 900px 700px at 85% -5%,rgba(255,216,92,.35),transparent 60%),radial-gradient(ellipse 700px 500px at -5% 15%,rgba(179,136,255,.22),transparent 60%),radial-gradient(ellipse 1000px 600px at 50% 40%,rgba(95,199,255,.12),transparent 70%),radial-gradient(ellipse 800px 700px at 100% 90%,rgba(255,107,139,.18),transparent 60%);background-attachment:fixed}body,h1,h2,h3,h4,h5,h6{color:var(--ink);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-fredoka-var),"Fredoka",var(--font-nunito),"Nunito",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.1}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accent-timer{--accent:var(--mint);--accent-soft:var(--mint-soft);--accent-deep:var(--mint-deep)}.accent-stopwatch{--accent:var(--coral);--accent-soft:var(--coral-soft);--accent-deep:#e03d6b}.accent-pomodoro{--accent:var(--peach);--accent-soft:var(--peach-soft);--accent-deep:#e56e3e}.accent-interval{--accent:var(--sunshine);--accent-soft:var(--sunshine-soft);--accent-deep:#e5b53e}.accent-breathe{--accent:var(--sky);--accent-soft:var(--sky-soft);--accent-deep:#389cd1}.accent-chance{--accent:var(--lavender);--accent-soft:var(--lavender-soft);--accent-deep:#8e5ee5}.accent-counter{--accent:var(--mint);--accent-soft:var(--mint-soft);--accent-deep:var(--mint-deep)}.page-container{min-height:100vh;display:flex;flex-direction:column;padding:20px clamp(16px,4vw,48px) 40px;max-width:1320px;margin:0 auto;position:relative}.page-container>:not(.parallax-decorations){position:relative;z-index:1}.page-content{flex:1 1;gap:56px;padding-top:8px}.masthead,.page-content{display:flex;flex-direction:column;align-items:center}.masthead{gap:10px;padding:14px 0 18px;margin-bottom:16px;text-align:center}.masthead-link{display:inline-flex;align-items:center;gap:14px;padding:8px 20px 8px 10px;border-radius:var(--radius-pill);transition:transform .3s var(--ease-bounce)}.masthead-link:hover{transform:rotate(-1deg) scale(1.02)}.masthead-icon{width:58px;height:58px;border-radius:16px;border:3px solid var(--ink);box-shadow:var(--shadow-sticker);background:#fff;flex-shrink:0}.masthead-wordmark{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);color:var(--ink);letter-spacing:-.02em;line-height:1}.masthead-tagline{font-family:var(--font-body);font-weight:700;font-size:clamp(.95rem,2vw,1.1rem);color:var(--ink-muted);letter-spacing:.01em;display:inline-flex;align-items:center;gap:8px}.masthead-tagline:after,.masthead-tagline:before{content:"✦";color:var(--mint);font-size:.85em}.mode-selector{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:8px 0 24px}.mode-tab{padding:10px 22px;font-family:var(--font-display);font-size:clamp(.95rem,2.2vw,1.1rem);color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:var(--radius-pill);cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s var(--ease-out),background .2s var(--ease-out);box-shadow:0 3px 0 var(--ink);text-decoration:none;letter-spacing:-.01em;line-height:1;position:relative}.mode-tab:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 5px 0 var(--ink);background:var(--cream-soft)}.mode-tab.active{background:var(--ink);color:var(--cream);transform:translateY(1px);box-shadow:0 2px 0 var(--ink)}.mode-tab.active:hover{transform:translateY(-1px) rotate(-1deg);box-shadow:0 4px 0 var(--ink)}.inner-mode-tabs{display:flex;gap:6px;justify-content:center;align-items:center;width:100%;flex-shrink:0;margin-bottom:8px;padding:6px;background:var(--cream);border-radius:var(--radius-pill);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);max-width:-moz-fit-content;max-width:fit-content;margin-left:auto;margin-right:auto}.inner-mode-tab{padding:6px 16px;font-family:var(--font-display);font-size:.92rem;color:var(--ink-soft);background:transparent;border:none;cursor:pointer;transition:all .2s var(--ease-out);text-decoration:none;border-radius:var(--radius-pill);letter-spacing:-.01em;line-height:1.2}.inner-mode-tab:hover{color:var(--ink)}.inner-mode-tab.active{color:var(--cream);background:var(--ink)}.timer-card{background:var(--paper);border-radius:var(--radius-xl);border:3px solid var(--ink);box-shadow:0 8px 0 var(--ink);padding:clamp(20px,3vw,32px) clamp(20px,4vw,40px) clamp(28px,4vw,40px);text-align:center;max-width:720px;min-height:620px;flex-direction:column;overflow:hidden;margin:0 auto;box-sizing:border-box;position:relative}.timer-card,.timer-card-content{width:100%;display:flex;align-items:center}.timer-card-content{flex:1 1;flex-direction:column;justify-content:center;min-height:0;gap:20px;padding-top:8px}.timer-digits{font-family:var(--font-chunky);font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);line-height:.9;display:flex;align-items:baseline;justify-content:center}.timer-digits span{display:inline-block}.time-input{font-family:var(--font-chunky);font-weight:400;font-size:clamp(3rem,10vw,5.5rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:2.5ch;text-align:center;border:none;background:transparent;outline:none;padding:4px 0 10px;color:var(--ink);letter-spacing:-.01em;line-height:1;-moz-appearance:textfield}.time-input-wrapper{position:relative;display:inline-block}.time-input-wrapper:after{content:"";position:absolute;bottom:4px;left:8%;width:84%;height:4px;border-radius:4px;background:var(--ink);transition:background .3s var(--ease-out)}.time-input-wrapper:focus-within:after{background:var(--accent);height:5px}.time-input:focus{outline:none}.time-input::-webkit-inner-spin-button,.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-separator{font-size:clamp(3rem,10vw,5.5rem);padding:0 6px;letter-spacing:-.01em;line-height:1}.config-input,.time-separator{font-family:var(--font-chunky);font-weight:400;color:var(--ink)}.config-input{font-size:clamp(1.75rem,5vw,2.6rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:4ch;text-align:center;border:none;background:transparent;outline:none;padding:4px 0 8px;-moz-appearance:textfield}.config-input:focus{outline:none}.config-input::-webkit-inner-spin-button,.config-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spin-btn{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;line-height:1;border-radius:50%;transition:transform .25s var(--ease-bounce),color .2s var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--ink-muted);-webkit-tap-highlight-color:transparent}.spin-btn:hover{color:var(--ink);transform:translateY(-1px)}.spin-btn:active,.spin-btn:focus{transform:translateY(0);outline:none}.spin-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spin-label{font-size:.95rem;color:var(--ink-muted);margin-top:4px}.btn-sticker,.chance-btn,.spin-label,.timer-btn{font-family:var(--font-display);letter-spacing:-.01em}.btn-sticker,.chance-btn,.timer-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:var(--radius-pill);border:3px solid var(--ink);font-size:1.1rem;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s var(--ease-out);color:var(--cream);background:var(--ink);min-width:140px;box-shadow:0 4px 0 var(--ink);line-height:1}.btn-sticker:hover:not(:disabled),.chance-btn:hover:not(:disabled),.timer-btn:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg);box-shadow:0 6px 0 var(--ink)}.btn-sticker:active,.chance-btn:active,.timer-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.btn-sticker:disabled,.chance-btn:disabled,.timer-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 4px 0 var(--ink)!important}.btn-sticker.primary,.timer-btn{background:var(--accent);color:var(--ink)}.btn-sticker.mint{background:var(--mint);color:var(--ink)}.btn-sticker.coral{background:var(--coral);color:var(--ink)}.btn-sticker.lavender{background:var(--lavender);color:var(--ink)}.btn-sticker.sunshine{background:var(--sunshine);color:var(--ink)}.btn-sticker.sky{background:var(--sky);color:var(--ink)}.btn-sticker.secondary,.timer-btn-secondary{background:#fff;color:var(--ink)}.btn-go{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 48px;border-radius:var(--radius-pill);background:var(--mint);color:var(--ink);border:3px solid var(--ink);font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.5rem);cursor:pointer;transition:transform .25s var(--ease-bounce),box-shadow .2s var(--ease-out);box-shadow:0 6px 0 var(--ink);letter-spacing:-.01em;line-height:1;position:relative}.btn-go:before{content:"";position:absolute;top:6px;left:12px;width:16px;height:6px;background:hsla(0,0%,100%,.55);border-radius:50%;transform:rotate(-15deg)}.btn-go:hover{transform:translateY(-3px) rotate(-1.5deg);box-shadow:0 9px 0 var(--ink)}.btn-go:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}.btn-go .chevron{transition:transform .25s var(--ease-bounce);font-weight:900;font-size:1.2em}.btn-go:hover .chevron{transform:translateX(3px)}.preset-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:4px}.preset-btn{padding:6px 14px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:#fff;font-family:var(--font-display);font-size:.88rem;color:var(--ink);cursor:pointer;transition:all .2s var(--ease-bounce);box-shadow:0 2px 0 var(--ink);line-height:1}.preset-btn:hover{transform:translateY(-1px) rotate(-1deg);box-shadow:0 3px 0 var(--ink);background:var(--accent-soft)}.preset-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--ink)}.progress-ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--cream-soft);stroke-width:14}.progress-ring-fill{fill:none;stroke-linecap:round;stroke-width:14;filter:drop-shadow(0 2px 0 rgba(14,47,60,.18));transition:stroke-dashoffset .5s var(--ease-out)}.progress-ring-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.lap-list{flex:1 1;overflow-y:auto;width:100%;max-width:360px;padding:0 8px}.lap-item{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:2px dotted var(--cream-soft);font-family:var(--font-body);font-size:.95rem;font-weight:700;color:var(--ink);gap:32px}.lap-item:last-child{border-bottom:none}.lap-item>span:last-child{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em}.session-dots{display:flex;gap:10px;justify-content:center;margin:10px 0;align-items:center}.session-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--ink);transition:all .3s var(--ease-bounce)}.session-dot.active,.session-dot.completed{background:var(--accent)}.session-dot.active{transform:scale(1.4);box-shadow:0 0 0 3px var(--accent-soft)}.phase-label{font-family:var(--font-display);font-size:1.1rem;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;background:var(--accent-soft);padding:4px 14px;border-radius:var(--radius-pill);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);line-height:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.7) rotate(-5deg)}60%{transform:scale(1.06) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes completionPop{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.08) rotate(-2deg)}70%{transform:scale(.98) rotate(1deg)}to{transform:scale(1) rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.wiggle{animation:wiggle .6s var(--ease-bounce)}@keyframes coinFlip{0%{transform:translateY(0) rotateX(0deg)}15%{transform:translateY(-120px) rotateX(540deg)}30%{transform:translateY(0) rotateX(3turn)}42%{transform:translateY(-40px) rotateX(4turn)}54%{transform:translateY(0) rotateX(1620deg)}64%{transform:translateY(-12px) rotateX(1710deg)}74%{transform:translateY(0) rotateX(1760deg)}84%{transform:translateY(-3px) rotateX(1790deg)}to{transform:translateY(0) rotateX(5turn)}}.coin-result{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;font-family:Georgia,serif;color:#555;background:radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(0,0,0,.08) 100%),linear-gradient(170deg,#d8d8d8,silver 40%,#a8a8a8 60%,#b8b8b8);border:3px solid #a0a0a0;box-shadow:0 1px 0 0 #bbb,0 2px 0 0 #aaa,0 3px 0 0 #999,0 5px 8px rgba(0,0,0,.2);text-shadow:0 1px 1px hsla(0,0%,100%,.5);position:relative}.coin-result:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1)}.coin-result.heads{background:radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(0,0,0,.08) 100%),linear-gradient(170deg,#d8d8d8,silver 40%,#a8a8a8 60%,#b8b8b8)}.coin-result.tails{background:radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(0,0,0,.08) 100%),linear-gradient(170deg,#d0d0d0,#b8b8b8 40%,#a0a0a0 60%,#b0b0b0)}.coin-flipping{animation:coinFlip 2s ease-out}@keyframes diceRoll{0%{transform:translateY(0) rotate(0deg)}15%{transform:translateY(-100px) rotate(180deg)}30%{transform:translateY(0) rotate(1turn)}42%{transform:translateY(-35px) rotate(480deg)}54%{transform:translateY(0) rotate(580deg)}64%{transform:translateY(-10px) rotate(640deg)}74%{transform:translateY(0) rotate(690deg)}84%{transform:translateY(-3px) rotate(710deg)}to{transform:translateY(0) rotate(2turn)}}.die-face{width:64px;height:64px;border-radius:12px;background:#fff;border:3px solid var(--ink);position:relative;box-shadow:0 4px 12px rgba(0,0,0,.1)}.die-rolling{animation:diceRoll 1.8s ease-out}.die-dot{width:10px;height:10px;border-radius:50%;background:var(--ink);position:absolute}.die-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-chunky);font-weight:400;font-size:1.6rem;color:var(--ink)}.spinner-wheel-container{position:relative;display:inline-block}.spinner-pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:26px;height:34px;z-index:2;filter:drop-shadow(0 3px 0 rgba(14,47,60,.25));transition:transform .5s var(--ease-out)}.spinner-pointer:before{top:0;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:28px solid var(--ink)}.spinner-pointer:after,.spinner-pointer:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.spinner-pointer:after{top:-4px;width:12px;height:12px;border-radius:50%;background:var(--ink)}.spinner-pointer.spinning{transform:translateX(-50%) rotate(-18deg);transition:transform .4s var(--ease-out)}.segment-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:#fff;font-family:var(--font-display);font-size:.9rem;border:2px solid var(--ink);color:var(--ink);box-shadow:0 2px 0 var(--ink)}@keyframes numberPop{0%{transform:scale(.6) rotate(-6deg);opacity:0}60%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.random-number-display{font-family:var(--font-chunky);font-weight:400;font-size:clamp(2.5rem,9vw,4.5rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);animation:numberPop .6s var(--ease-bounce);letter-spacing:-.03em;line-height:1}.counter-unit-card{position:relative;padding:24px 24px 20px;border:3px solid var(--ink);border-radius:var(--radius-lg);background:#fff;box-shadow:0 5px 0 var(--ink);display:flex;flex-direction:column;align-items:center;width:100%;transition:transform .2s var(--ease-bounce)}.counter-unit-card:hover{transform:translateY(-2px) rotate(-.5deg)}.counter-unit-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.counter-unit-header-right{display:flex;gap:4px}.counter-corner-btn{background:none;border:2px solid transparent;padding:6px;font-size:.8rem;font-family:inherit;color:var(--ink-muted);cursor:pointer;transition:all .2s var(--ease-bounce);display:flex;align-items:center;justify-content:center;border-radius:50%}.counter-corner-btn:hover{border-color:var(--ink);color:var(--ink);background:var(--cream-soft)}.counter-display{font-family:var(--font-chunky);font-weight:400;font-size:clamp(3rem,10vw,5rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);line-height:1;min-width:3ch;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:36px 0;letter-spacing:-.03em}.counter-display.compact{font-size:clamp(2.25rem,7vw,3.75rem)}.counter-label{font-family:var(--font-display);font-size:1.1rem;color:var(--ink-muted);text-align:center;min-height:1.5em;letter-spacing:-.01em}.counter-increment-btn{width:100%;font-size:1.5rem;font-family:var(--font-display);margin-top:10px;border-radius:var(--radius-pill);padding:14px;background:var(--accent);color:var(--ink);border:3px solid var(--ink);cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s var(--ease-out);box-shadow:0 4px 0 var(--ink);line-height:1}.counter-increment-btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 6px 0 var(--ink)}.counter-increment-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}.counter-increment-btn.compact{padding:10px;font-size:1.2rem;border-radius:var(--radius-md)}.counter-modal-overlay{position:fixed;inset:0;background:rgba(14,47,60,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .25s var(--ease-out)}.counter-modal{background:var(--paper);border-radius:var(--radius-lg);border:3px solid var(--ink);box-shadow:0 8px 0 var(--ink);padding:26px;width:100%;max-width:400px;animation:popIn .3s var(--ease-bounce)}.counter-modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;padding-bottom:14px;border-bottom:2px dashed var(--cream-soft)}.counter-modal-title{font-family:var(--font-display);font-size:1.25rem;color:var(--ink);letter-spacing:-.01em}.counter-modal-close{background:none;border:none;font-size:1.5rem;color:var(--ink-muted);cursor:pointer;padding:0 6px;line-height:1;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:color .2s}.counter-modal-close:hover{color:var(--ink)}.counter-modal-body{display:flex;flex-direction:column;gap:20px}.counter-modal-field{display:flex;flex-direction:column;align-items:center;gap:8px}.counter-modal-label{font-family:var(--font-display);font-size:.95rem;color:var(--ink-muted);align-self:flex-start;letter-spacing:-.01em}.counter-modal-input{padding:10px 14px;border-radius:var(--radius-sm);border:2px solid var(--ink);font-size:.95rem;font-family:inherit;font-weight:700;outline:none;width:100%;background:var(--cream);box-sizing:border-box;color:var(--ink);transition:background .2s}.counter-modal-input:focus{background:#fff}.counter-modal-row{display:flex;gap:24px;justify-content:center}.counter-remove-btn{position:absolute;top:4px;right:8px;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--ink-muted);padding:4px;line-height:1;z-index:1;transition:color .2s}.counter-remove-btn:hover{color:var(--coral)}.counter-dual-layout{display:flex;align-items:flex-start;justify-content:center;gap:24px;width:100%}.counter-dual-divider{width:3px;height:200px;background:var(--ink);border-radius:3px;flex-shrink:0;align-self:center;position:relative}.counter-dual-divider:after,.counter-dual-divider:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--ink)}.counter-dual-divider:before{top:-8px}.counter-dual-divider:after{bottom:-8px}.counter-multi-scroll{display:flex;flex-wrap:wrap;gap:14px;width:100%;overflow-y:auto;justify-content:center;align-items:flex-start;flex:1 1;min-height:0;padding:8px 0}.counter-multi-scroll .counter-unit-card{width:calc(25% - 11px);min-width:120px;padding:14px 12px}.counter-multi-scroll .counter-label{font-size:.9rem;min-height:1.2em}.counter-multi-scroll .counter-display.compact{font-size:clamp(1.75rem,5vw,2.2rem);margin:18px 0}.counter-multi-scroll .counter-increment-btn.compact{padding:8px;font-size:1rem}.counter-multi-scroll .counter-corner-btn svg{width:16px;height:16px}.app-hero{position:relative;width:100%;max-width:1180px;margin:0 auto;padding:clamp(32px,5vw,60px) clamp(20px,4vw,48px);border:3px solid var(--ink);border-radius:var(--radius-xl);background:radial-gradient(ellipse 500px 300px at 90% 10%,rgba(255,216,92,.45),transparent 70%),radial-gradient(ellipse 400px 300px at 5% 90%,rgba(179,136,255,.45),transparent 70%),linear-gradient(155deg,#b5f5e2,#fff2de 50%,#ffd1dc);box-shadow:0 10px 0 var(--ink);overflow:hidden}.app-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:clamp(24px,4vw,48px);gap:clamp(24px,4vw,48px);align-items:center;position:relative;z-index:2}.app-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:#fff;border:2px solid var(--ink);font-family:var(--font-display);font-size:.85rem;color:var(--ink);box-shadow:0 2px 0 var(--ink);margin-bottom:18px}.app-hero-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px var(--ink)}.app-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.05;color:var(--ink);margin-bottom:16px;letter-spacing:-.02em}.app-hero h1 .highlight{background:var(--sunshine);padding:0 10px;border-radius:var(--radius-sm);display:inline-block;transform:rotate(-2deg);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);margin:2px 4px}.app-hero p{font-family:var(--font-body);font-weight:700;font-size:clamp(1rem,2vw,1.15rem);color:var(--ink-soft);max-width:460px;margin-bottom:24px;line-height:1.55}.app-hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.app-hero-stats{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}.app-hero-stat{display:flex;flex-direction:column;gap:2px}.app-hero-stat-value{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);line-height:1}.app-hero-stat-label{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--ink-muted)}.app-hero-phones{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}.app-hero-phone{border-radius:32px;border:3px solid var(--ink);box-shadow:0 8px 0 var(--ink);transition:transform .4s var(--ease-bounce);background:#fff;overflow:hidden}.app-hero-phone-back{position:absolute;top:20px;left:4%;transform:rotate(-8deg);width:38%;max-width:200px;opacity:.95;z-index:1}.app-hero-phone-front{position:relative;transform:rotate(3deg);width:52%;max-width:260px;z-index:3}.app-hero-phone-third{position:absolute;top:30px;right:4%;transform:rotate(8deg);width:36%;max-width:190px;z-index:2}.app-hero-phone img{display:block;width:100%;height:auto}.app-hero-sticker{position:absolute;font-family:var(--font-display);padding:8px 16px;border-radius:var(--radius-pill);border:2px solid var(--ink);background:#fff;font-size:.9rem;box-shadow:0 3px 0 var(--ink);z-index:4;color:var(--ink);animation:wiggle 4s ease-in-out infinite}.app-hero-sticker.top-right{top:8%;right:6%;background:var(--coral);transform:rotate(6deg)}.app-hero-sticker.bottom-left{bottom:10%;left:4%;background:var(--lavender);transform:rotate(-5deg)}.app-promo{background:var(--paper);border-radius:var(--radius-xl);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);padding:clamp(32px,5vw,48px);max-width:780px;width:100%;margin:0 auto;text-align:center;position:relative;overflow:hidden}.app-promo:before{top:-60px;right:-60px;width:200px;height:200px;background:var(--sunshine-soft)}.app-promo:after,.app-promo:before{content:"";position:absolute;border-radius:50%;z-index:0}.app-promo:after{bottom:-40px;left:-40px;width:160px;height:160px;background:var(--lavender-soft)}.app-promo>*{position:relative;z-index:1}.app-promo h2{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.02em;margin-bottom:10px}.app-promo p{font-family:var(--font-body);font-weight:700;color:var(--ink-soft);font-size:1rem;max-width:440px;margin:0 auto 24px;line-height:1.55}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:18px;gap:18px;width:100%;max-width:1180px;margin:0 auto}.feature-card{background:#fff;border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--ink);padding:24px 22px;transition:transform .25s var(--ease-bounce);position:relative}.feature-card:hover{transform:translateY(-3px) rotate(-.5deg)}.feature-card-icon{width:54px;height:54px;border-radius:16px;border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:14px}.feature-card h3{font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.01em;margin-bottom:6px}.feature-card p{font-family:var(--font-body);font-weight:700;font-size:.92rem;color:var(--ink-muted);line-height:1.5;margin:0}.screenshot-gallery{width:100%;max-width:1180px;margin:0 auto}.screenshot-gallery-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);text-align:center;margin-bottom:8px;letter-spacing:-.02em}.screenshot-gallery-sub{font-family:var(--font-body);font-weight:700;font-size:1rem;color:var(--ink-muted);text-align:center;margin-bottom:28px}.screenshot-strip{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory;scrollbar-width:thin}.screenshot-strip::-webkit-scrollbar{height:8px}.screenshot-strip::-webkit-scrollbar-thumb{background:var(--ink);border-radius:8px}.screenshot-strip::-webkit-scrollbar-track{background:var(--cream-soft);border-radius:8px}.screenshot-card{flex:0 0 auto;width:240px;border-radius:28px;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);overflow:hidden;background:#fff;scroll-snap-align:start;transition:transform .25s var(--ease-bounce)}.screenshot-card:hover{transform:translateY(-4px) rotate(-1deg)}.screenshot-card img{display:block;width:100%;height:auto}.shorts-section{max-width:760px;width:100%;margin:0 auto;padding:0 8px}.shorts-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);text-align:center;margin-bottom:18px;letter-spacing:-.02em}.shorts-carousel{gap:20px}.shorts-arrow,.shorts-carousel{display:flex;align-items:center;justify-content:center}.shorts-arrow{border:3px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;flex-shrink:0;padding:8px;border-radius:50%;width:44px;height:44px;transition:transform .2s var(--ease-bounce),box-shadow .2s;box-shadow:0 3px 0 var(--ink)}.shorts-arrow:hover{transform:translateY(-2px) rotate(-3deg);box-shadow:0 5px 0 var(--ink);background:var(--sunshine)}.shorts-viewport{overflow:hidden;width:400px;border-radius:28px;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.shorts-track{display:flex}.shorts-slide{flex:0 0 100%;min-width:0}.shorts-video-card{height:712px;overflow:hidden}.shorts-video-card iframe{border:none;width:100%;height:100%;display:block}.shorts-indicators{display:flex;justify-content:center;gap:8px;margin-top:18px}.shorts-indicator{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);background:#fff;cursor:pointer;padding:0;transition:all .3s var(--ease-bounce)}.shorts-indicator.active{background:var(--ink);transform:scale(1.3)}.comments-section{background:var(--paper);border-radius:var(--radius-xl);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);padding:clamp(28px,5vw,44px);max-width:780px;width:100%;margin:0 auto;position:relative}.comments-heading{text-align:center;margin-bottom:24px}.comments-heading h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.02em;margin-bottom:6px}.comments-heading p{font-family:var(--font-body);font-weight:700;color:var(--ink-muted);font-size:.95rem;margin:0}.comments-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:18px;border:2px dashed var(--ink);border-radius:var(--radius-lg);background:var(--cream)}.comments-input,.comments-textarea{padding:10px 14px;border-radius:var(--radius-sm);border:2px solid var(--ink);font-size:.95rem;outline:none;font-family:var(--font-body);font-weight:700;background:#fff;box-sizing:border-box;color:var(--ink);transition:box-shadow .2s,transform .2s}.comments-input{width:60%;min-width:180px}.comments-input:focus,.comments-textarea:focus{box-shadow:0 3px 0 var(--ink);transform:translateY(-1px)}.comments-textarea{width:100%;resize:vertical;min-height:80px;line-height:1.5}.comments-input::placeholder,.comments-textarea::placeholder{color:var(--ink-whisper);font-weight:700}.comments-submit-btn{padding:10px 26px;border-radius:var(--radius-pill);border:3px solid var(--ink);background:var(--mint);color:var(--ink);font-family:var(--font-display);font-size:1rem;cursor:pointer;transition:transform .2s var(--ease-bounce),box-shadow .2s;box-shadow:0 3px 0 var(--ink);letter-spacing:-.01em;line-height:1}.comments-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-submit-btn:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg);box-shadow:0 5px 0 var(--ink)}.comments-submit-btn:active{transform:translateY(1px);box-shadow:0 2px 0 var(--ink)}.comments-list{display:flex;flex-direction:column;gap:0}.comment-item{padding:16px 0;border-bottom:2px dotted var(--cream-soft);animation:fadeIn .4s var(--ease-out)}.comment-item:last-child{border-bottom:none;padding-bottom:0}.comment-item:first-child{padding-top:4px}.comment-author{font-family:var(--font-display);font-size:1.05rem;color:var(--ink);letter-spacing:-.01em}.comment-time{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted);letter-spacing:.03em}.comment-reply-btn{background:none;border:none;color:var(--ink-muted);font-family:var(--font-display);font-size:.85rem;cursor:pointer;padding:6px 12px;margin-top:4px;border-radius:var(--radius-pill);transition:all .2s;letter-spacing:-.01em}.comment-reply-btn:hover{color:var(--ink);background:var(--cream-soft)}.comment-replies{margin-top:10px;padding-left:18px;border-left:3px dotted var(--cream-soft)}.comment-item-reply{padding:10px 0;border-bottom:2px dotted var(--cream-soft)}.comment-item-reply:last-child{border-bottom:none;padding-bottom:0}.comment-item-reply .comment-author{font-size:.95rem}.comment-item-reply .comment-message{font-size:.92rem}.comment-reply-form{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:14px;background:var(--cream);border-radius:var(--radius-md);border:2px dashed var(--ink)}.comment-cancel-btn{padding:8px 18px;border-radius:var(--radius-pill);border:2px solid var(--ink);background:#fff;color:var(--ink);font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:transform .2s var(--ease-bounce);box-shadow:0 2px 0 var(--ink)}.comment-cancel-btn:hover{transform:translateY(-1px) rotate(-1deg);box-shadow:0 3px 0 var(--ink)}.comment-message{font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--ink-soft);margin:4px 0 0;line-height:1.6;word-break:break-word}.site-footer{margin-top:48px;padding:24px 16px;text-align:center;font-family:var(--font-body);font-weight:700;color:var(--ink-muted);font-size:.9rem}.site-footer a{text-decoration:none;color:var(--ink-muted);padding:6px 12px;border-radius:var(--radius-pill);transition:all .2s}.site-footer a:hover{color:var(--ink);background:var(--cream-soft)}.parallax-decorations{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.lottie-accent{pointer-events:none;opacity:.9}.ring-wrapper{margin-top:4px}@media (max-width:880px){.app-hero-grid{grid-template-columns:1fr;text-align:center}.app-hero h1,.app-hero p{margin-left:auto;margin-right:auto}.app-hero-ctas,.app-hero-stats{justify-content:center}.app-hero-phones{min-height:340px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:600px){.page-container{padding:16px 14px 32px}.page-content{gap:40px}.timer-card{padding:20px 16px 24px;min-height:560px;box-shadow:0 5px 0 var(--ink)}.mode-selector{gap:6px;flex-wrap:nowrap;padding:4px 0 16px;overflow-x:auto}.mode-tab{padding:8px 14px;font-size:.9rem}.inner-mode-tabs{gap:2px;padding:4px}.inner-mode-tab{padding:5px 10px;font-size:.78rem}.spin-label{font-size:.85rem}.running-layout{gap:16px!important}.progress-ring-container{transform:scale(.8);margin:-30px 0}.ring-wrapper{margin:0!important}.shorts-carousel{gap:6px}.shorts-viewport{width:76vw}.shorts-video-card{height:calc(76vw * 16 / 9)}.shorts-arrow{width:36px;height:36px;padding:6px}.counter-display{font-size:clamp(2.5rem,8vw,3.5rem)}.counter-display.compact{font-size:clamp(1.75rem,6vw,2.5rem)}.counter-unit-card{padding:18px 16px}.counter-corner-btn{padding:4px}.counter-corner-btn svg{width:20px;height:20px}.counter-dual-layout{flex-direction:column;gap:10px;align-items:center}.counter-dual-layout .counter-unit-card{padding:10px 14px}.counter-dual-layout .counter-display.compact{font-size:clamp(1.75rem,5vw,2.25rem);margin:28px 0}.counter-dual-divider{width:70%;height:3px}.counter-dual-divider:after,.counter-dual-divider:before{display:none}.counter-multi-scroll .counter-unit-card{width:calc(50% - 7px);min-width:100px}.comments-section{padding:22px 18px}.app-hero{padding:26px 20px}.app-hero-phones{min-height:280px}.screenshot-card{width:200px}.parallax-decorations{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}