:root{--timer-start:#667eea;--timer-end:#764ba2;--stopwatch-start:#f093fb;--stopwatch-end:#f5576c;--pomodoro-start:#4facfe;--pomodoro-end:#00f2fe;--interval-start:#43e97b;--interval-end:#38f9d7;--bg-primary:#fafafa;--bg-card:hsla(0,0%,100%,.92);--text-primary:#1a1a2e;--text-secondary:#555;--card-shadow:0 8px 32px rgba(0,0,0,.08);--border-radius:20px;--border-radius-sm:12px}*{box-sizing:border-box}.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}body{font-family:var(--font-fredoka),"Fredoka One",cursive,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0}.timer-digits{font-family:var(--font-nunito),"Nunito",sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.mode-selector{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:8px}.mode-tab{padding:10px 20px;position:relative;text-decoration:none;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;transition:color .2s ease;border:none;color:var(--text-secondary);background:none}.mode-tab:after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;border-radius:4px;background:transparent;transition:background .2s ease}.mode-tab.active,.mode-tab:hover{color:var(--text-primary)}.mode-tab.active:after{background:var(--text-primary)}.inner-mode-tabs{gap:6px;flex-shrink:0;margin-bottom:12px}.inner-mode-tabs,.timer-card-content{display:flex;justify-content:center;width:100%}.timer-card-content{flex:1 1;flex-direction:column;align-items:center;min-height:0}.inner-mode-tab{padding:8px 18px;border-radius:50px;text-decoration:none;font-size:.9rem;font-weight:400;color:var(--text-secondary);background:transparent;border:2px solid transparent;transition:all .2s ease}.inner-mode-tab:hover{color:var(--text-primary);background:rgba(0,0,0,.04)}.inner-mode-tab.active{color:var(--text-primary);background:var(--bg-card);border-color:var(--text-primary);font-weight:500}.timer-card{background:var(--bg-card);border-radius:var(--border-radius);border:5px solid var(--text-primary);padding:clamp(16px,3vw,24px) clamp(24px,5vw,48px) clamp(24px,5vw,48px);text-align:center;max-width:700px;width:100%;height:640px;display:flex;flex-direction:column;align-items:center;overflow:hidden;margin:24px auto 0;box-sizing:border-box}.timer-btn{padding:18px 48px;border-radius:50px;border:none;font-family:var(--font-fredoka),"Fredoka One",cursive;font-size:1.3rem;cursor:pointer;transition:all .2s ease;color:#fff;min-width:180px;box-shadow:0 4px 14px rgba(0,0,0,.1)}.timer-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.timer-btn:active{transform:translateY(0)}.timer-btn-secondary{background:#ebebeb;color:var(--text-primary);box-shadow:0 4px 14px rgba(0,0,0,.06)}.timer-btn-secondary:hover{background:#d0d0d0}.preset-btn{padding:8px 18px;border-radius:50px;border:2px solid #e0e0e0;background:#fff;font-family:var(--font-fredoka),"Fredoka One",cursive;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.preset-btn:hover{border-color:currentColor;transform:translateY(-1px)}.time-input{font-family:var(--font-nunito),"Nunito",sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:2.5ch;text-align:center;border:none;background:transparent;outline:none;padding:4px 0 8px;position:relative;-moz-appearance:textfield}.time-input-wrapper{position:relative;display:inline-block}.time-input-wrapper:after{content:"";position:absolute;bottom:4px;left:10%;width:80%;height:5px;border-radius:5px;background:var(--text-primary)}.time-input:focus{outline:none}.time-input::-webkit-inner-spin-button,.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.config-input{font-family:var(--font-nunito),"Nunito",sans-serif;font-size:clamp(1.5rem,5vw,2.2rem);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:3ch;padding:10px 0;border:none;background:transparent;cursor:pointer;font-size:clamp(1.2rem,3vw,1.6rem);line-height:1;border-radius:50%;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.spin-btn:hover{background:rgba(0,0,0,.05)}.spin-btn:active{background:rgba(0,0,0,.1)}.spin-label{font-size:1.15rem}.time-separator{font-family:var(--font-nunito),"Nunito",sans-serif;font-size:clamp(2.5rem,8vw,4rem);color:var(--text-primary);padding:0 4px}.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:#d0d0d0}.progress-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.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:320px}.lap-item{display:flex;justify-content:space-between;padding:6px 12px;border-bottom:1px solid #f0f0f0;font-size:.95rem;color:var(--text-primary);gap:32px}.app-promo{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:clamp(24px,5vw,40px);max-width:700px;width:100%;margin:40px auto;text-align:center}.session-dots{display:flex;gap:8px;justify-content:center;margin:12px 0}.session-dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:background .3s ease}.session-dot.active,.session-dot.completed{background:var(--text-primary)}.phase-label{font-size:1.3rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes completionPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.chance-btn{padding:14px 48px;border-radius:50px;border:2px solid var(--text-primary);background:var(--text-primary);color:#fff;font-size:1.15rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s}.chance-btn:disabled{opacity:.5;cursor:not-allowed}@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(--text-primary);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(--text-primary);position:absolute}.die-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.spinner-wheel-container{position:relative;display:inline-block}.spinner-pointer{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:24px;height:32px;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));transition:transform .5s ease}.spinner-pointer:before{top:0;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:26px solid var(--text-primary)}.spinner-pointer:after,.spinner-pointer:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.spinner-pointer:after{top:-4px;width:10px;height:10px;border-radius:50%;background:var(--text-primary)}.spinner-pointer.spinning{transform:translateX(-50%) rotate(-20deg);transition:transform .4s ease-out}.segment-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:50px;background:#f0f0f0;font-size:.85rem;border:2px solid transparent}@keyframes numberPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.random-number-display{font-family:var(--font-nunito),"Nunito",sans-serif;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary);animation:numberPop .4s ease-out}.counter-unit-card{position:relative;padding:24px 28px;border:2px solid #e0e0e0;border-radius:12px;background:hsla(0,0%,100%,.6);flex-direction:column}.counter-unit-card,.counter-unit-header{display:flex;align-items:center;width:100%}.counter-unit-header{justify-content:space-between;margin-bottom:8px}.counter-unit-header-right{display:flex;gap:8px}.counter-corner-btn{background:none;border:none;padding:6px;font-size:.8rem;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.counter-corner-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.counter-display{font-family:var(--font-nunito),"Nunito",sans-serif;font-size:clamp(3rem,10vw,5rem);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary);line-height:1;min-width:3ch;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:40px 0}.counter-display.compact{font-size:clamp(2rem,7vw,3.5rem)}.counter-label{font-size:1.2rem;font-weight:500;color:var(--text-secondary);text-align:center;min-height:1.5em}.counter-increment-btn{width:100%;font-size:1.5rem;margin-top:12px;border-radius:12px;padding:16px}.counter-increment-btn.compact{padding:12px;font-size:1.3rem;border-radius:10px}.counter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.counter-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:360px;box-shadow:0 8px 32px rgba(0,0,0,.15)}.counter-modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.counter-modal-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center}.counter-modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0 4px;line-height:1;position:absolute;right:0;top:50%;transform:translateY(-50%)}.counter-modal-close:hover{color:var(--text-primary)}.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-size:.85rem;color:var(--text-secondary);font-weight:500;align-self:flex-start}.counter-modal-input{padding:10px 14px;border-radius:8px;border:1.5px solid #d0d0d0;font-size:.95rem;outline:none;width:100%;font-family:inherit;background:#f8f8f8;box-sizing:border-box}.counter-modal-input:focus{border-color:var(--text-primary);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:#999;padding:4px;line-height:1;z-index:1}.counter-remove-btn:hover{color:#f5576c}.counter-dual-layout{display:flex;align-items:flex-start;justify-content:center;gap:24px;width:100%}.counter-dual-divider{width:2px;height:200px;background:#e0e0e0;border-radius:2px;flex-shrink:0;align-self:center}.counter-multi-scroll{display:flex;flex-wrap:wrap;gap:12px;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% - 9px);min-width:120px;padding:12px 10px}.counter-multi-scroll .counter-label{font-size:.85rem;min-height:1.2em}.counter-multi-scroll .counter-display.compact{font-size:clamp(1.5rem,5vw,2rem);margin:16px 0}.counter-multi-scroll .counter-increment-btn.compact{padding:8px;font-size:1rem;border-radius:8px}.counter-multi-scroll .counter-corner-btn svg{width:18px;height:18px}.lottie-accent{pointer-events:none;opacity:.85}.page-container{min-height:100vh;display:flex;flex-direction:column;padding:20px 16px}.page-container>:not(.parallax-decorations){position:relative;z-index:1}.page-content{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:0}.shorts-section{max-width:700px;width:100%;margin:12px auto 0;padding:0 16px}.shorts-title{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:500;text-align:center;margin-bottom:24px;color:var(--text-primary)}.shorts-carousel{gap:20px}.shorts-arrow,.shorts-carousel{display:flex;align-items:center;justify-content:center}.shorts-arrow{border:none;background:none;color:var(--text-primary);cursor:pointer;flex-shrink:0;padding:4px;transition:opacity .2s ease}.shorts-arrow:hover{opacity:.5}.shorts-viewport{overflow:hidden;width:400px;border-radius:20px}.shorts-track{display:flex}.shorts-slide{flex:0 0 100%;min-width:0;padding:0 4px}.shorts-video-card{height:712px;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12);border:3px solid var(--text-primary)}.shorts-video-card iframe{border:none;width:100%;height:100%;display:block}.shorts-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px}.shorts-indicator{width:10px;height:10px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;padding:0;transition:all .3s ease}.shorts-indicator.active{background:var(--text-primary);transform:scale(1.3)}.comments-section{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:clamp(24px,5vw,40px);max-width:700px;width:100%;margin:0 auto}.comments-form{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.comments-input,.comments-textarea{padding:8px 12px;border-radius:8px;border:1.5px solid #d0d0d0;font-size:.9rem;outline:none;font-family:inherit;background:#f8f8f8;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.comments-input{width:50%;min-width:160px;font-family:Verdana,Geneva,sans-serif;font-weight:300}.comments-input:focus,.comments-textarea:focus{border-color:var(--text-primary);background:#fff}.comments-textarea{width:100%;resize:vertical;min-height:60px;font-family:Verdana,Geneva,sans-serif;font-weight:300}.comments-input::placeholder,.comments-textarea::placeholder{font-family:Verdana,Geneva,sans-serif;font-weight:400}.comments-submit-btn{padding:8px 28px;border-radius:8px;border:2px solid var(--text-primary);background:var(--text-primary);color:#fff;font-size:.95rem;font-family:inherit;cursor:pointer;transition:opacity .2s}.comments-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-submit-btn:hover:not(:disabled){opacity:.85}.comments-list{display:flex;flex-direction:column;gap:0}.comment-item{padding:12px 0;border-bottom:1px solid #f0f0f0}.comment-item:last-child{border-bottom:none}.comment-author{font-weight:700;font-size:.95rem;color:var(--text-primary);font-family:Arial,Helvetica,sans-serif}.comment-reply-btn,.comment-time{font-size:.8rem;color:var(--text-secondary);font-family:Arial,Helvetica,sans-serif}.comment-reply-btn{background:none;border:none;cursor:pointer;padding:4px 0;margin-top:4px;transition:color .2s}.comment-reply-btn:hover{color:var(--text-primary)}.comment-replies{margin-top:8px;padding-left:16px;border-left:2px solid #e8e8e8}.comment-item-reply{padding:8px 0}.comment-item-reply .comment-author,.comment-item-reply .comment-message{font-size:.85rem}.comment-reply-form{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px;background:#f8f8f8;border-radius:8px}.comment-cancel-btn{padding:8px 20px;border-radius:8px;border:1.5px solid #d0d0d0;background:transparent;color:var(--text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer;transition:border-color .2s,color .2s}.comment-cancel-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.comment-message{font-size:.9rem;color:var(--text-primary);font-weight:300;font-family:Verdana,Geneva,sans-serif;margin:0;line-height:1.5;word-break:break-word}.site-footer{margin-top:auto;padding:24px 16px;text-align:center}.site-footer a{text-decoration:none;color:var(--text-secondary);padding:8px 16px;transition:color .2s}.site-footer a:hover{color:var(--text-primary)}.ring-wrapper{margin-top:40px}@media (max-width:600px){.page-content{padding-left:12px;padding-right:12px}.timer-card{padding:20px 16px;height:560px}.timer-btn{padding:16px 36px;font-size:1.15rem;min-width:140px}.mode-selector{gap:4px;flex-wrap:nowrap;padding:8px 4px}.mode-tab{padding:6px 10px;font-size:.85rem}.inner-mode-tabs{gap:3px}.inner-mode-tab{padding:5px 8px;font-size:.72rem}.parallax-decorations{display:none}.spin-label{font-size:.85rem}.running-layout{gap:0!important}.progress-ring-container{transform:scale(.8);margin:-35px 0}.ring-wrapper{margin:0 0 -40px!important}.shorts-carousel{gap:4px}.shorts-section{padding:0}.shorts-viewport{width:75vw}.shorts-video-card{height:calc(75vw * 16 / 9)}.counter-display{font-size:clamp(2.5rem,8vw,3.5rem)}.counter-display.compact{font-size:clamp(1.8rem,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.5rem,5vw,2rem);margin:28px 0}.counter-dual-layout .counter-label{font-size:.9rem;min-height:1.2em}.counter-dual-layout .counter-increment-btn.compact{padding:8px;font-size:1rem;border-radius:8px}.counter-dual-divider{width:80%;height:2px}.counter-increment-btn{padding:14px;font-size:1.3rem;border-radius:10px}.counter-increment-btn.compact{padding:10px;font-size:1.1rem;border-radius:8px}.counter-multi-scroll .counter-unit-card{width:calc(50% - 6px);min-width:100px}.comments-section{padding:20px 16px}}