:root{--bg-gradient-1: #d63031;--bg-gradient-2: #e17055;--bg-gradient-3: #fdcb6e;--app-bg: rgba(255, 255, 255, .95);--app-shadow: 0 20px 60px rgba(0, 0, 0, .2);--text-primary: #2d3436;--text-secondary: #636e72;--text-muted: #b2bec3;--border-color: #dfe6e9;--card-bg: #f8f9fa;--input-bg: #fafafa;--input-bg-hover: white}[data-theme=dark]{--bg-gradient-1: #1a1a2e;--bg-gradient-2: #16213e;--bg-gradient-3: #0f3460;--app-bg: rgba(30, 30, 45, .95);--app-shadow: 0 20px 60px rgba(0, 0, 0, .5);--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #666;--border-color: #404050;--card-bg: rgba(50, 50, 65, .8);--input-bg: rgba(40, 40, 55, .8);--input-bg-hover: rgba(50, 50, 65, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-1) 0%,var(--bg-gradient-2) 50%,var(--bg-gradient-3) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;display:flex;justify-content:center;align-items:center;padding:20px;transition:background .3s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}button,input{transition:all .2s cubic-bezier(.4,0,.2,1)}button:focus-visible,input:focus-visible{outline:3px solid rgba(108,92,231,.5);outline-offset:2px}.app{background:var(--app-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:30px 30px 80px;max-width:450px;width:100%;box-shadow:var(--app-shadow);text-align:center;position:relative;animation:slideUp .5s cubic-bezier(.4,0,.2,1);transition:background .3s ease,box-shadow .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app h1{font-size:1.8rem;color:var(--text-primary);margin-bottom:25px;font-weight:600;animation:fadeIn .6s ease .2s both}.app h2{font-size:1.4rem;color:var(--text-primary);margin-bottom:20px;font-weight:600}.bottom-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card-bg);border-top:1px solid var(--border-color);border-radius:0 0 24px 24px;padding:8px 0}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 20px;background:none;border:none;cursor:pointer;border-radius:12px;transition:all .2s ease}.nav-tab:hover{background:#0000000d}[data-theme=dark] .nav-tab:hover{background:#ffffff0d}.nav-tab.active{background:#d630311a}.nav-icon{font-size:1.3rem}.nav-label{font-size:.7rem;color:var(--text-muted);font-weight:500}.nav-tab.active .nav-label{color:#d63031;font-weight:600}.tab-content{animation:fadeIn .3s ease}.settings-section{background:var(--card-bg);border-radius:16px;padding:20px;margin-top:20px;text-align:left;border:1px solid var(--border-color)}.settings-section h3{font-size:1rem;color:var(--text-secondary);margin-bottom:15px;font-weight:500}.pro-status{color:#00b894;font-weight:500}.upgrade-btn-small{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;width:100%;transition:all .2s ease}.upgrade-btn-small:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00b8944d}.theme-toggle{position:absolute;top:12px;left:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 4px 12px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pro-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;animation:pulse 2s infinite,fadeIn .3s ease;box-shadow:0 2px 10px #e74c3c4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer{margin-bottom:30px}.timer-modes{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.mode-btn{padding:10px 20px;border:none;background:#dfe6e9;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:#636e72;position:relative;overflow:hidden}.mode-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s}.mode-btn:hover:before{width:200%;height:200%}.mode-btn:hover{background:#b2bec3;transform:scale(1.02)}.mode-btn.active{background:linear-gradient(135deg,#d63031,#e17055);color:#fff;box-shadow:0 3px 12px #d630314d;transform:scale(1.05)}.timer-display-container{position:relative;width:280px;height:280px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.timer-progress-ring{filter:drop-shadow(0 4px 15px rgba(0,0,0,.1))}.progress-ring-fg{filter:drop-shadow(0 2px 8px currentColor)}.progress-ring-fg.running{filter:drop-shadow(0 2px 12px currentColor)}.timer-display{font-size:4rem;font-weight:700;color:var(--text-primary);letter-spacing:4px;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.timer-display.running{animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.85}}.timer-controls{display:flex;gap:15px;justify-content:center;margin-bottom:15px}.keyboard-hints{display:flex;gap:15px;justify-content:center;font-size:.75rem;color:var(--text-muted);opacity:.7;transition:opacity .2s}.keyboard-hints:hover{opacity:1}.keyboard-hints span{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--card-bg);border-radius:6px;cursor:default;color:var(--text-secondary)}.control-btn{padding:15px 35px;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.control-btn.start{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 4px 15px #00b89466}.control-btn.start:hover{background:linear-gradient(135deg,#00a383,#00b5ad);transform:translateY(-3px);box-shadow:0 6px 20px #00b89480}.control-btn.start:active{transform:translateY(-1px);box-shadow:0 2px 10px #00b89466}.control-btn.pause{background:linear-gradient(135deg,#fdcb6e,#ffeaa7);color:#2d3436;box-shadow:0 4px 15px #fdcb6e66}.control-btn.pause:hover{background:linear-gradient(135deg,#f9bf3b,#fdcb6e);transform:translateY(-3px);box-shadow:0 6px 20px #fdcb6e80}.control-btn.pause:active{transform:translateY(-1px)}.control-btn.reset{background:linear-gradient(135deg,#dfe6e9,#b2bec3);color:#636e72}.control-btn.reset:hover{background:linear-gradient(135deg,#b2bec3,#a0adb3);transform:translateY(-2px)}.control-btn.reset:active{transform:translateY(0)}.control-btn.skip{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff;padding:15px 20px;font-size:1.2rem}.control-btn.skip:hover{background:linear-gradient(135deg,#6c5ce7,#5f4dd0);transform:translateY(-2px)}.task-input{margin-bottom:25px;text-align:left}.task-input label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.task-input input{width:100%;padding:15px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--input-bg);color:var(--text-primary)}.task-input input:hover{border-color:var(--text-muted);background:var(--input-bg-hover)}.task-input input:focus{outline:none;border-color:#d63031;background:var(--input-bg-hover);box-shadow:0 0 0 4px #d630311a}.task-input input::placeholder{color:var(--text-muted);transition:color .2s}.task-input input:focus::placeholder{color:var(--border-color)}.goal-progress{background:var(--card-bg);border-radius:16px;padding:20px;margin-bottom:20px;text-align:left;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.goal-progress:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.goal-title{font-size:.95rem;color:var(--text-primary);font-weight:500}.streak{font-size:.85rem;color:#e17055;font-weight:600;animation:streakGlow 2s ease-in-out infinite}@keyframes streakGlow{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 8px rgba(225,112,85,.5)}}.progress-bar-container{height:12px;background:var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#00b894,#00cec9);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-fill.complete{background:linear-gradient(90deg,#00b894,#55efc4)}.progress-bar-fill.complete:after{animation:shimmer 1.5s infinite}.goal-status{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.complete-badge{color:#00b894;font-weight:600;animation:celebrateBounce .5s ease}@keyframes celebrateBounce{0%,to{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(.95)}}.analytics{background:#f8f9fa;border-radius:16px;padding:20px;margin-bottom:20px}.analytics h3{font-size:1rem;color:#636e72;margin-bottom:15px;font-weight:500}.analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.analytics-stat{text-align:center}.analytics-stat .value{display:block;font-size:1.3rem;font-weight:700;color:#2d3436}.analytics-stat .label{font-size:.75rem;color:#636e72}.chart{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding-top:20px}.chart-day{display:flex;flex-direction:column;align-items:center;flex:1}.chart-bar{width:30px;min-height:4px;background:linear-gradient(180deg,#d63031,#e17055);border-radius:4px 4px 0 0;position:relative;transition:height .3s}.bar-value{position:absolute;top:-20px;font-size:.7rem;color:#636e72;white-space:nowrap}.chart-label{margin-top:8px;font-size:.75rem;color:#636e72}.analytics.locked{position:relative;overflow:hidden}.analytics-blur{filter:blur(4px);opacity:.6}.chart-placeholder{display:flex;justify-content:space-between;align-items:flex-end;height:80px;gap:10px}.chart-placeholder .bar{flex:1;background:linear-gradient(180deg,#d63031,#e17055);border-radius:4px 4px 0 0}.upgrade-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffffe6;border-radius:16px;padding:15px;text-align:center}.lock-icon{font-size:1.8rem;margin-bottom:8px}.upgrade-overlay h4{font-size:1rem;color:#2d3436;margin-bottom:4px}.upgrade-overlay p{font-size:.8rem;color:#636e72;margin-bottom:12px}.upgrade-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;padding:10px 18px;border-radius:25px;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #6c5ce766}.upgrade-floating{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;padding:14px 28px;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:15px;box-shadow:0 4px 15px #6c5ce74d;position:relative;overflow:hidden}.upgrade-floating:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:rotate(45deg) translate(-100%);animation:upgradeShine 3s infinite}@keyframes upgradeShine{0%{transform:rotate(45deg) translate(-100%)}to{transform:rotate(45deg) translate(100%)}}.upgrade-floating:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #6c5ce780}.upgrade-floating:active{transform:translateY(-1px) scale(.98)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:24px;padding:40px;max-width:420px;width:100%;position:relative;max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 80px #0000004d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:#b2bec3}.modal-close:hover{color:#636e72}.modal-header{text-align:center;margin-bottom:25px}.modal-header h2{font-size:1.8rem;color:#2d3436;margin-bottom:8px}.modal-header p{color:#636e72}.pricing{text-align:center;margin-bottom:25px}.price{display:flex;justify-content:center;align-items:baseline;gap:5px}.price .amount{font-size:3rem;font-weight:700;color:#2d3436}.price .period{font-size:1.2rem;color:#636e72}.price-annual{font-size:.9rem;color:#00b894;margin-top:5px}.features-list{margin-bottom:25px}.feature-item{display:flex;gap:15px;padding:12px 0;border-bottom:1px solid #f1f2f6}.feature-item:last-child{border-bottom:none}.feature-icon{font-size:1.3rem}.feature-item strong{display:block;color:#2d3436;font-size:.95rem}.feature-item p{color:#636e72;font-size:.85rem;margin-top:2px}.cta-button{width:100%;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:16px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00b89466}.guarantee{text-align:center;font-size:.85rem;color:#636e72;margin-top:15px}.plan-selector{display:flex;gap:10px;margin-bottom:25px}.plan-option{flex:1;padding:15px 10px;border:2px solid #dfe6e9;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.plan-option:hover{border-color:#00b894}.plan-option.selected{border-color:#00b894;background:#f0fff4}.plan-name{font-size:.8rem;color:#636e72;text-transform:uppercase;letter-spacing:.5px}.plan-price{font-size:1.3rem;font-weight:700;color:#2d3436}.plan-badge{position:absolute;top:-10px;right:-5px;background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;font-size:.65rem;padding:3px 8px;border-radius:10px;font-weight:600}.social-proof{text-align:center;font-size:.85rem;color:#636e72;margin-top:20px;padding-top:15px;border-top:1px solid #f1f2f6}.unlock-method-toggle{display:flex;background:#f1f2f6;border-radius:25px;padding:4px;margin-bottom:25px}.method-btn{flex:1;padding:12px 20px;border:none;border-radius:22px;background:transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;color:#636e72}.method-btn.active{background:#fff;color:#2d3436;box-shadow:0 2px 10px #0000001a}.method-btn:hover:not(.active){color:#2d3436}.coin-balance-display{text-align:center;padding:20px;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:16px;margin-bottom:20px}.coin-balance-large{display:block;font-size:2.5rem;font-weight:700;color:#f39c12;margin-bottom:5px}.coin-balance-label{font-size:.9rem;color:#856404}.coin-unlock-options{display:flex;gap:12px;margin-bottom:20px}.coin-option{flex:1;padding:18px 15px;border:2px solid #dfe6e9;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.coin-option:hover:not(.disabled){border-color:#f39c12}.coin-option.selected{border-color:#f39c12;background:#fff9e6}.coin-option.disabled{opacity:.6;cursor:not-allowed}.coin-option-duration{font-size:1.1rem;font-weight:700;color:#2d3436}.coin-option-cost{font-size:1rem;color:#f39c12;font-weight:600}.coin-option-need{font-size:.75rem;color:#e74c3c;font-weight:500}.coin-option-badge{position:absolute;top:-10px;right:-5px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;font-size:.65rem;padding:3px 8px;border-radius:10px;font-weight:600}.coin-earn-info{background:#f8f9fa;border-radius:12px;padding:15px;margin-bottom:20px}.coin-earn-info p{font-size:.9rem;color:#2d3436;margin-bottom:10px}.coin-earn-info ul{list-style:none;padding:0;margin:0}.coin-earn-info li{font-size:.85rem;color:#636e72;padding:5px 0 5px 20px;position:relative}.coin-earn-info li:before{content:"•";position:absolute;left:5px;color:#f39c12}.cta-button.coin-cta{background:linear-gradient(135deg,#f39c12,#e67e22)}.cta-button.coin-cta:hover:not(:disabled){box-shadow:0 10px 30px #f39c1266}.cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cta-button:disabled:hover{transform:none;box-shadow:none}.project-selector{margin-bottom:20px;text-align:left}.project-selector label{display:block;font-size:.9rem;color:#636e72;margin-bottom:10px}.project-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.project-chip{padding:8px 16px;border:2px solid;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:transparent;position:relative;overflow:hidden}.project-chip:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:currentColor;opacity:.1;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.project-chip:hover:after{width:150%;height:150%}.project-chip:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000026}.project-chip:active{transform:translateY(0) scale(.98)}.project-chip.selected{box-shadow:0 4px 15px #0003}.project-locked{font-size:.8rem;color:#b2bec3;font-style:italic}.sound-selector{margin-bottom:20px;text-align:left}.sound-selector label{display:block;font-size:.9rem;color:#636e72;margin-bottom:10px}.sound-options{display:flex;gap:8px;flex-wrap:wrap}.sound-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border:2px solid #dfe6e9;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sound-option:hover{border-color:#b2bec3;transform:translateY(-2px)}.sound-option.active{border-color:#d63031;background:#fff5f5}.sound-icon{font-size:1.2rem}.sound-label{font-size:.75rem;color:#636e72}.sound-option.active .sound-label{color:#d63031;font-weight:600}.session-history{background:var(--card-bg);border-radius:16px;padding:15px 20px;margin-bottom:20px;text-align:left;border:1px solid var(--border-color)}.session-history.empty{text-align:center;padding:20px}.session-history h3{font-size:1rem;color:var(--text-secondary);font-weight:500;margin:0}.empty-message{color:var(--text-muted);font-size:.9rem;margin-top:10px}.history-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.expand-icon{font-size:.8rem;color:var(--text-muted);transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.sessions-list{margin-top:15px;display:flex;flex-direction:column;gap:10px;animation:fadeIn .2s ease}.session-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--input-bg);border-radius:10px;transition:transform .2s,background .2s}.session-item:hover{transform:translate(4px);background:var(--input-bg-hover)}.session-info{display:flex;flex-direction:column;gap:4px}.session-task{font-size:.9rem;color:var(--text-primary);font-weight:500}.session-project{font-size:.75rem;font-weight:600}.session-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.session-duration{font-size:.9rem;font-weight:600;color:#00b894}.session-time{font-size:.75rem;color:var(--text-muted)}.show-more-btn{width:100%;padding:12px;background:transparent;border:2px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.show-more-btn:hover{border-color:#6c5ce7;color:#6c5ce7;background:#6c5ce70d}.ai-insights{background:linear-gradient(135deg,#a29bfe20,#6c5ce720);border:1px solid #a29bfe40;border-radius:16px;padding:20px;margin-bottom:20px}.ai-insights h3{font-size:1rem;color:#6c5ce7;margin-bottom:15px;font-weight:500}.insights-list{display:flex;flex-direction:column;gap:10px}.insight-item{font-size:.9rem;color:#2d3436;padding:10px;background:#ffffffb3;border-radius:8px}.ai-insights.locked{position:relative;overflow:hidden}.ai-insights-blur{filter:blur(4px);opacity:.6}.ai-insights.locked .insight-item{background:#f1f2f6}.coin-notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #0003;z-index:1001;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:90%}.coin-notification.visible{transform:translate(-50%) translateY(0);opacity:1}.coin-icon{font-size:2rem;animation:coinBounce .5s ease}@keyframes coinBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.coin-content{flex:1}.coin-amount{font-size:1.2rem;font-weight:700;color:#2d3436}.coin-message{font-size:.85rem;color:#636e72;margin-top:2px}.coin-close{background:none;border:none;font-size:1.5rem;color:#636e72;cursor:pointer;padding:0;line-height:1}.coin-close:hover{color:#2d3436}.coin-balance-wrapper{position:relative;display:inline-block;margin-bottom:15px}.coin-balance{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:600;color:#2d3436;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 8px #0000001a;cursor:help;transition:transform .2s ease}.coin-balance:hover{transform:scale(1.05)}.coin-balance-icon{font-size:1rem}.coin-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;background:#2d3436;color:#fff;padding:10px 14px;border-radius:10px;font-size:.8rem;font-weight:400;line-height:1.4;width:220px;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100;box-shadow:0 4px 15px #0003}.coin-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#2d3436}.coin-balance-wrapper:hover .coin-tooltip{opacity:1;visibility:visible}@media(max-width:480px){body{padding:10px}.app{padding:25px 20px;border-radius:20px}.app h1{font-size:1.5rem;margin-bottom:20px}.pro-badge{top:15px;right:15px;padding:4px 10px;font-size:.7rem}.timer-modes{gap:6px;margin-bottom:20px}.mode-btn{padding:8px 14px;font-size:.8rem}.timer-display-container{width:220px;height:220px;margin-bottom:20px}.timer-display{font-size:3rem;letter-spacing:2px}.timer-controls{gap:10px;margin-bottom:12px}.control-btn{padding:12px 25px;font-size:.9rem}.keyboard-hints{display:none}.task-input input{padding:12px 14px;font-size:.95rem}.project-chips{gap:6px}.project-chip{padding:6px 12px;font-size:.8rem}.sound-options{gap:6px}.sound-option{padding:8px 12px}.sound-icon{font-size:1rem}.sound-label{font-size:.7rem}.goal-progress{padding:15px}.goal-header{flex-direction:column;gap:5px;align-items:flex-start}.goal-title{font-size:.85rem}.analytics{padding:15px}.analytics-stats{gap:8px}.analytics-stat .value{font-size:1.1rem}.analytics-stat .label{font-size:.7rem}.chart{height:80px}.chart-bar{width:20px}.modal{padding:25px 20px;border-radius:20px}.modal-header h2{font-size:1.5rem}.price .amount{font-size:2.5rem}.plan-selector{flex-direction:column;gap:8px}.plan-option{padding:12px}.features-list{margin-bottom:20px}.feature-item{gap:10px;padding:10px 0}.upgrade-floating{padding:12px 20px;font-size:.85rem}}@media(max-width:360px){.app{padding:20px 15px}.timer-display-container{width:180px;height:180px}.timer-display{font-size:2.5rem}.timer-modes{flex-wrap:wrap}.mode-btn{padding:6px 12px;font-size:.75rem}.control-btn{padding:10px 20px;font-size:.85rem}}@media(min-width:481px)and (max-width:768px){.app{max-width:500px;padding:35px}}