@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .4);--glass-border-bright: rgba(255, 255, 255, .6);--glass-shadow: rgba(0, 0, 0, .2);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--accent-color: rgba(147, 197, 253, .8);--blur: blur(30px);--bubble-highlight: rgba(255, 255, 255, .15)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}#root{min-height:100vh;width:100vw}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;transition:background-image .5s ease}.background-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;z-index:1}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;gap:1.5rem;position:relative;z-index:1;max-width:600px;margin:0 auto}.container.ipod-shell{max-width:none;min-height:auto;padding:clamp(16px,3vw,24px);gap:clamp(16px,3vw,28px);justify-content:center}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:2px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--bubble-highlight) 0%,transparent 50%);opacity:.6;pointer-events:none;animation:bubble-shine 8s infinite}.glass:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass:hover{background:#ffffff1f;border-color:var(--glass-border-bright);box-shadow:0 12px 48px #00000040,inset 0 1px #fff6,inset 0 -1px #ffffff26;transform:translateY(-2px)}@keyframes bubble-shine{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,20px) rotate(180deg)}}.timer-card{width:100%;max-width:500px;text-align:center}.timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.timer-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.icon-button{background:#ffffff14;border:2px solid var(--glass-border-bright);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.icon-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.icon-button:hover{background:#ffffff26;border-color:#ffffffb3;transform:scale(1.05);box-shadow:0 6px 20px #0003,inset 0 1px #fff6}.icon-button:hover:before{opacity:1}.icon-button svg{width:20px;height:20px}.timer-display-container{margin:2rem 0}.session-indicator{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:.75rem}.rep-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.rep-circles{display:flex;gap:.4rem;align-items:center;justify-content:center}.rep-circle{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.rep-circle.filled{background:var(--accent-color);border-color:#93c5fdcc;box-shadow:0 0 12px #93c5fd80,inset 0 1px #ffffff4d}.rep-circle.long-break{border-width:2px}.rep-circle.long-break.filled{background:linear-gradient(135deg,#93c5fde6,#93c5fdb3);box-shadow:0 0 16px #93c5fd99,inset 0 1px #fff6;animation:pulse-glow 2s ease-in-out infinite}.rep-circle svg{color:#fff9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));opacity:.7}.rep-circle.filled svg{color:#fff;opacity:1}.rep-circle.long-break:not(.filled) svg{color:#93c5fd80}.rep-text{font-size:.85rem;color:var(--text-secondary);opacity:.8;letter-spacing:.5px}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px #93c5fd99,inset 0 1px #fff6}50%{box-shadow:0 0 20px #93c5fdcc,inset 0 1px #ffffff80}}.timer-display{font-size:5rem;font-weight:300;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-2px;margin:1rem 0;text-shadow:0 2px 20px rgba(0,0,0,.3)}.timer-display.pulse{animation:pulse .5s ease}.timer-progress{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:2rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),rgba(147,197,253,.6));border-radius:3px;transition:width 1s linear;width:100%;box-shadow:0 0 10px #93c5fd80}.timer-controls{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.control-btn{background:#ffffff14;border:2px solid var(--glass-border);border-radius:16px;padding:1rem 2rem;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);min-width:120px;justify-content:center;font-family:inherit;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff40;position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.control-btn.primary{background:#93c5fd26;border-color:#93c5fd99;box-shadow:0 4px 16px #93c5fd33,inset 0 1px #ffffff4d}.control-btn:hover{background:#ffffff26;border-color:var(--glass-border-bright);transform:translateY(-2px);box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff59}.control-btn:hover:before{opacity:1}.control-btn.primary:hover{background:#93c5fd40;border-color:#93c5fdcc;box-shadow:0 8px 24px #93c5fd59,inset 0 1px #fff6}.control-btn:active{transform:translateY(0)}.btn-icon{font-size:1.2rem}.interval-card{width:100%;max-width:500px}.interval-title{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.interval-options{display:flex;gap:1rem;justify-content:center}.interval-btn{flex:1;background:#ffffff14;border:2px solid transparent;border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);font-family:inherit;box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden}.interval-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.interval-btn:hover{background:#ffffff1f;border-color:var(--glass-border);transform:translateY(-2px);box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff4d}.interval-btn:hover:before{opacity:1}.interval-btn.active{background:#93c5fd33;border-color:#93c5fdb3;box-shadow:0 4px 20px #93c5fd4d,inset 0 1px #ffffff59}.interval-work{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.interval-break{font-size:.9rem;color:var(--text-secondary)}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:400px;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}.settings-panel.show{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:all}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.settings-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-item label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.setting-item input[type=range]{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;box-shadow:0 2px 10px #93c5fd80}.setting-item input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;box-shadow:0 2px 10px #93c5fd80}.setting-item span{font-size:.9rem;color:var(--text-primary);text-align:right}.sound-options-scrollable{display:flex;flex-direction:column;gap:1.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.sound-category-group{display:flex;flex-direction:column;gap:.75rem}.sound-category-header{font-size:.75rem;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.3rem}.sound-options{display:grid;grid-template-columns:1fr;gap:.75rem}.sound-option-btn{background:#ffffff14;border:2px solid transparent;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);font-family:inherit;color:var(--text-primary);text-align:left;box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden}.sound-option-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.sound-option-btn:hover{background:#ffffff1f;border-color:var(--glass-border);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff4d}.sound-option-btn:hover:before{opacity:1}.sound-option-btn.active{background:#93c5fd33;border-color:#93c5fdb3;box-shadow:0 4px 16px #93c5fd4d,inset 0 1px #ffffff59}.sound-option-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.sound-option-desc{font-size:.85rem;color:var(--text-secondary)}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.wallpaper-option{aspect-ratio:1;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:0 4px 12px #0003,inset 0 1px #fff3}.wallpaper-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.wallpaper-option:hover .wallpaper-overlay{opacity:1}.wallpaper-option.active{border-color:var(--glass-border-bright);box-shadow:0 4px 20px #93c5fd66,inset 0 1px #ffffff4d,0 0 0 2px #93c5fd33}.wallpaper-option.active .wallpaper-overlay{opacity:1;background:#93c5fd33}.wallpaper-check{width:32px;height:32px;border-radius:50%;background:#93c5fde6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;box-shadow:0 4px 12px #93c5fd80}@media (max-width: 1024px){.container{padding:1.5rem;gap:1.25rem}.timer-card,.interval-card{max-width:480px}}@media (max-width: 768px){.container{padding:2rem 1.25rem;gap:1rem;justify-content:flex-start}.timer-card,.interval-card{max-width:100%}.timer-display{font-size:4rem}.timer-title{font-size:1.5rem}.interval-options{flex-direction:column}.mode-entry-row{flex-direction:column!important}.control-btn{flex:1}.wallpaper-grid{grid-template-columns:repeat(2,1fr)}.rep-circle{width:18px;height:18px}.rep-circle svg{width:8px;height:8px}.rep-text{font-size:.75rem}.glass{padding:1.5rem}.settings-panel{width:95%}}@media (max-width: 480px){.container{padding:1.5rem 1rem;gap:.875rem}.glass{padding:1.25rem;border-radius:18px}.timer-display{font-size:3.5rem;letter-spacing:-1px}.timer-title{font-size:1.25rem}.timer-header{margin-bottom:1.25rem}.timer-display-container{margin:1.25rem 0}.timer-controls{margin-top:1.25rem;gap:.75rem}.control-btn{padding:.875rem 1rem;min-width:0;font-size:.95rem}.interval-title{font-size:1rem;margin-bottom:1rem}.interval-work{font-size:1.25rem}.interval-break{font-size:.8rem}.interval-btn{padding:1rem .75rem}.sound-options{gap:.75rem}.sound-option-btn{padding:.75rem}.wallpaper-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.custom-timers{gap:1rem}.breath-orb{width:60px;height:60px}.pages-display{font-size:1rem}.icon-button{width:36px;height:36px}.icon-button svg{width:18px;height:18px}.rep-circle{width:16px;height:16px}.settings-panel{width:100%;max-width:100%;top:auto;bottom:0;left:0;right:0;transform:translateY(20px) scale(.98);border-bottom-left-radius:0;border-bottom-right-radius:0}.settings-panel.show{transform:translateY(0) scale(1)}}@media (max-width: 375px){.container{padding:1.25rem .75rem;gap:.75rem}.glass{padding:1rem;border-radius:16px}.timer-display{font-size:3rem}.timer-title{font-size:1.1rem}.control-btn{padding:.75rem .875rem;font-size:.9rem;border-radius:12px}.interval-btn{padding:.875rem .5rem;border-radius:12px}.interval-work{font-size:1.1rem}.interval-break{font-size:.75rem}.custom-time-input{width:70px;font-size:1.1rem}}@media (max-height: 500px) and (orientation: landscape){.container{flex-direction:row;align-items:flex-start;justify-content:center;padding:1rem;gap:1rem;min-height:100vh}.timer-card{max-width:340px;flex-shrink:0}.interval-card{max-width:320px;flex-shrink:0}.timer-display{font-size:3rem;margin:.5rem 0}.timer-header{margin-bottom:1rem}.timer-display-container{margin:.75rem 0}.timer-controls{margin-top:1rem}.glass{padding:1.25rem}.settings-panel{width:90%;max-width:400px;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);bottom:auto;right:auto;border-radius:24px}.settings-panel.show{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.custom-timers{display:flex;gap:1.5rem;margin-top:1.5rem;justify-content:center;animation:fadeIn .3s ease}.custom-input-group{display:flex;flex-direction:column;gap:.5rem;align-items:center}.custom-input-group label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.custom-time-input{width:80px;padding:.75rem;border-radius:12px;border:2px solid var(--glass-border);background:#ffffff0d;color:var(--text-primary);font-size:1.25rem;text-align:center;outline:none;transition:all .3s ease;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.custom-time-input:focus{border-color:var(--glass-border-bright);background:#ffffff1a;box-shadow:0 0 0 2px #93c5fd33}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.meditation-card{border-color:#c4a7ff80!important;box-shadow:0 8px 32px #9664ff33,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important}.meditation-interval-card{border-color:#c4a7ff66!important}.meditation-label{font-size:.9rem;color:#c4a7ffe6;text-transform:uppercase;letter-spacing:3px;font-weight:600}.meditation-progress{background:linear-gradient(90deg,#c4a7ffe6,#a078ff99)!important;box-shadow:0 0 10px #c4a7ff80!important}.meditation-entry-btn{width:100%;margin-top:.5rem;background:#c4a7ff1a!important;border-color:#c4a7ff66!important}.meditation-entry-btn:hover{background:#c4a7ff33!important;border-color:#c4a7ffb3!important}.meditation-btn.active{background:#c4a7ff33!important;border-color:#c4a7ffb3!important;box-shadow:0 4px 20px #c4a7ff4d,inset 0 1px #ffffff59!important}.mode-entry-row{display:flex;gap:1rem}.mode-divider{display:flex;align-items:center;text-align:center;margin:1rem 0 .5rem;gap:.75rem}.mode-divider:before,.mode-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.15)}.mode-divider span{font-size:.8rem;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;opacity:.6}.breath-guide{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.25rem 0 .5rem;animation:fadeIn .5s ease}.breath-orb{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c4a7ffb3,#8c64f066);border:2px solid rgba(196,167,255,.5);box-shadow:0 0 20px #c4a7ff59,inset 0 1px #ffffff4d;transition:transform .4s ease,box-shadow .4s ease}.breath-orb.breath-inhale{animation:breath-expand 4s linear forwards}.breath-orb.breath-hold{transform:scale(1.35);box-shadow:0 0 30px #c4a7ff8c,inset 0 1px #fff6}.breath-orb.breath-exhale{animation:breath-contract 6s linear forwards}.breath-orb.breath-rest{transform:scale(.85);opacity:.7}@keyframes breath-expand{0%{transform:scale(.85)}to{transform:scale(1.35)}}@keyframes breath-contract{0%{transform:scale(1.35)}to{transform:scale(.85)}}.breath-text{display:flex;flex-direction:column;align-items:center;gap:.15rem}.breath-label{font-size:.95rem;font-weight:600;color:#c4a7fff2;letter-spacing:2px;text-transform:uppercase}.breath-seconds{font-size:.8rem;color:#ffffff80}.reading-card{border-color:#fdba7480!important;box-shadow:0 8px 32px #fb923c26,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a!important}.reading-interval-card{border-color:#fdba7466!important}.reading-label{font-size:.9rem;color:#fdba74;text-transform:uppercase;letter-spacing:3px;font-weight:600}.reading-progress{background:linear-gradient(90deg,#fb923ce6,#fdba7499)!important;box-shadow:0 0 10px #fb923c80!important}.reading-entry-btn{width:100%;margin-top:.5rem;background:#fb923c1a!important;border-color:#fdba7466!important}.reading-entry-btn:hover{background:#fb923c33!important;border-color:#fdba74b3!important}.reading-btn.active{background:#fb923c33!important;border-color:#fdba74b3!important;box-shadow:0 4px 20px #fb923c4d,inset 0 1px #ffffff59!important}.pages-tracker{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.25rem 0 .5rem;animation:fadeIn .5s ease}.pages-display{font-size:1.25rem;font-weight:600;color:#fdba74f2;background:#fb923c26;padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(253,186,116,.3);box-shadow:inset 0 1px #ffffff1a}.pages-input-row{display:flex;gap:.5rem;align-items:center}.pages-input{width:70px;padding:.5rem;text-align:center;border:1px solid rgba(253,186,116,.4);background:#ffffff1a;color:#fff;border-radius:8px;font-size:1rem;outline:none;transition:all .2s ease}.pages-input:focus{border-color:#fdba74cc;background:#ffffff26}.pages-add-btn{background:#fb923c33;border:1px solid rgba(253,186,116,.5);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.pages-add-btn:hover{background:#fb923c59;border-color:#fdba74cc}.task-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.task-drawer{position:fixed;top:0;right:0;height:100vh;width:400px;max-width:100vw;z-index:101;display:flex;flex-direction:column;padding:2rem;border-radius:24px 0 0 24px;box-sizing:border-box}.task-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.task-drawer-header h2{font-size:1.5rem;font-weight:600;letter-spacing:-.5px}.task-input-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.task-input{flex:1;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:12px;padding:.75rem 1rem;color:#fff;outline:none;font-size:1rem;transition:all .3s ease}.task-input::placeholder{color:#ffffff80}.task-input:focus{border-color:#fffc;background:#ffffff26}.task-add-btn{background:#93c5fd33;border:1px solid rgba(147,197,253,.4);border-radius:12px;width:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.task-add-btn:hover{background:#93c5fd66;border-color:#93c5fdcc}.task-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.task-item{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px;cursor:pointer;transition:all .2s ease}.task-item:hover{background:#ffffff1a;border-color:#ffffff4d}.task-item.completed .task-text{text-decoration:line-through;color:#ffffff80}.task-text{flex:1;font-size:1rem;word-break:break-word;transition:color .2s ease}.task-check-btn,.task-delete-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.task-delete-btn{color:#ffffff4d;opacity:0}.task-item:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{color:#ef4444}.text-accent{color:#93c5fd}.text-secondary{color:#ffffff80}.empty-tasks{text-align:center;color:#ffffff80;margin-top:2rem;font-size:.95rem}@media (max-width: 768px){.task-drawer{width:100vw;padding:1.5rem;border-radius:0}}.ipod-shell{width:clamp(320px,85vw,400px);height:clamp(600px,90vh,780px);border-radius:clamp(28px,5vw,44px);padding:clamp(16px,3vw,24px);display:flex;flex-direction:column;gap:clamp(16px,3vw,28px);box-shadow:inset 0 2px 4px #ffffff59,inset 0 -2px 4px #00000026,0 24px 64px #00000073,0 8px 20px #00000040;background:#ffffff1f!important;backdrop-filter:blur(24px) saturate(1.6)!important;-webkit-backdrop-filter:blur(24px) saturate(1.6)!important;border:1px solid rgba(255,255,255,.25)!important;margin:40px auto auto;position:relative;transition:border-color .5s ease}.meditation-active .ipod-shell{border-color:#c4a7ff99!important;box-shadow:inset 0 2px 4px #ffffff59,0 0 30px #c4a7ff33}.reading-active .ipod-shell{border-color:#fdba7499!important;box-shadow:inset 0 2px 4px #ffffff59,0 0 30px #fdba7433}.ipod-screen{flex:1;min-height:0;background:#00000040;border-radius:clamp(8px,1.5vw,14px);padding:clamp(10px,2vw,16px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 8px #0006,inset 0 0 1px #0000004d;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;transition:background .5s ease}.meditation-active .ipod-screen{background:#281e3c66}.reading-active .ipod-screen{background:#3c2d1e66}.ipod-screen::-webkit-scrollbar{width:3px}.ipod-screen::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ipod-status-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.ipod-title{font-weight:700;font-size:clamp(.7rem,2vw,.85rem);letter-spacing:.5px;opacity:.9}.ipod-status-icons{display:flex;align-items:center;gap:8px;opacity:.7}.icon-button-small{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;transition:opacity .2s}.icon-button-small:hover{opacity:1}.ipod-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1vw,12px);overflow-y:auto;overflow-x:hidden}.ipod-content::-webkit-scrollbar{width:3px}.ipod-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.ipod-content .timer-card{padding:0;text-align:center}.ipod-content .timer-header{margin-bottom:.4rem}.ipod-content .timer-title{font-size:clamp(1rem,3vw,1.2rem);text-align:center}.ipod-content .timer-display-container{margin:.3rem 0}.ipod-content .timer-display{font-size:clamp(2.8rem,10vw,3.6rem);letter-spacing:-1px;margin:.2rem 0}.ipod-content .session-indicator{font-size:.7rem;letter-spacing:1.5px;margin-bottom:.3rem;gap:.3rem}.ipod-content .rep-circle{width:14px;height:14px}.ipod-content .rep-indicator{margin-top:.2rem;gap:.3rem}.ipod-content .timer-progress{margin-top:.5rem;height:4px}.ipod-content .interval-card{padding:0;margin-top:.2rem}.ipod-content .interval-title{font-size:.75rem;margin-bottom:.5rem;opacity:.8}.ipod-content .interval-options{gap:.35rem}.ipod-content .interval-btn{padding:.45rem .35rem;border-radius:10px}.ipod-content .interval-work{font-size:.95rem;margin-bottom:.1rem}.ipod-content .interval-break{font-size:.65rem}.ipod-content .mode-divider{margin:.35rem 0}.ipod-content .custom-timers{gap:.35rem}.ipod-content .custom-input-group label{font-size:.7rem}.ipod-content .custom-time-input{padding:.3rem;font-size:.8rem}.ipod-content .pages-tracker{margin-top:.3rem}.ipod-content .pages-display{font-size:.8rem}.ipod-content .pages-input{padding:.3rem;font-size:.8rem}.ipod-content .pages-add-btn{padding:.3rem .6rem;font-size:.75rem}.ipod-content .reading-label,.ipod-content .meditation-label{font-size:.7rem}.ipod-content .breath-label{font-size:1.8rem}.ipod-content .breath-timer{font-size:.7rem}.ipod-wheel-container{height:clamp(190px,35vw,260px);display:flex;justify-content:center;align-items:center;flex-shrink:0}.ipod-wheel{width:clamp(185px,52vw,240px);height:clamp(185px,52vw,240px);border-radius:50%;background:linear-gradient(145deg,#ffffff2e,#ffffff0f);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 1px 3px #ffffff40,inset 0 -1px 3px #00000026,0 4px 16px #0003;position:relative;border:1px solid rgba(255,255,255,.12)}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(60px,17vw,80px);height:clamp(60px,17vw,80px);border-radius:50%;background:linear-gradient(145deg,#ffffff52,#ffffff1f);border:1px solid rgba(255,255,255,.18);cursor:pointer;box-shadow:inset 0 1px 4px #ffffff4d,0 2px 8px #00000026;display:flex;justify-content:center;align-items:center;color:var(--text-primary);transition:all .15s ease}.wheel-center:hover{background:linear-gradient(145deg,#ffffff6b,#ffffff2e);box-shadow:inset 0 1px 4px #fff6,0 4px 16px #93c5fd33}.wheel-center:active{transform:translate(-50%,-50%) scale(.94);background:#ffffff14}.wheel-btn{position:absolute;background:transparent;border:none;color:var(--text-primary);font-weight:600;font-size:clamp(.65rem,1.8vw,.8rem);cursor:pointer;letter-spacing:1px;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.75;border-radius:8px}.wheel-btn:hover{opacity:1;background:#ffffff1a}.meditation-active .wheel-center{border-color:#c4a7ff66}.reading-active .wheel-center{border-color:#fdba7466}.wheel-btn:active{opacity:.5}.wheel-top{top:6px;left:50%;transform:translate(-50%)}.wheel-top:active{transform:translate(-50%) scale(.92)}.wheel-bottom{bottom:8px;left:50%;transform:translate(-50%)}.wheel-bottom:active{transform:translate(-50%) scale(.92)}.wheel-left{top:50%;left:6px;transform:translateY(-50%)}.wheel-left:active{transform:translateY(-50%) scale(.92)}.wheel-right{top:50%;right:8px;transform:translateY(-50%)}.wheel-right:active{transform:translateY(-50%) scale(.92)}.ipod-screen-panel{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a14e0;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-radius:clamp(8px,1.5vw,14px);padding:clamp(10px,2vw,16px);z-index:10;display:flex;flex-direction:column;overflow-y:auto}.ipod-screen-panel .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0}.ipod-screen-panel .settings-header h3{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;color:var(--text-primary);margin:0}.ipod-screen-panel .settings-content{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.ipod-screen-panel .setting-item{display:flex;flex-direction:column;gap:.3rem}.ipod-screen-panel .setting-item label{font-size:.72rem;color:var(--text-secondary);font-weight:500}.ipod-screen-panel .sound-options{gap:.4rem}.ipod-screen-panel .sound-option-btn{padding:.45rem .65rem;font-size:.78rem;border-radius:10px}.ipod-screen-panel .sound-option-title{font-size:.78rem}.ipod-screen-panel .sound-option-desc{font-size:.62rem}.ipod-screen-panel .wallpaper-grid{gap:5px}.ipod-screen-panel .wallpaper-option{height:48px;border-radius:8px}.ipod-screen-panel::-webkit-scrollbar{width:3px}.ipod-screen-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.desktop-screen-bypass,.desktop-cards-wrapper{display:contents}@media (max-width: 380px){.ipod-shell{width:100vw;height:100vh;height:100dvh;border-radius:0;padding:10px;gap:8px;margin:0;border:none!important}.ipod-screen{border-radius:8px;padding:8px}.ipod-wheel-container{height:175px}.ipod-wheel{width:165px;height:165px}.wheel-center{width:54px;height:54px}.ipod-content .timer-display{font-size:2.4rem}}@media (min-width: 381px) and (max-width: 480px){.ipod-shell{width:94vw;height:94vh;height:94dvh;border-radius:28px;padding:14px;gap:12px;margin:3vh auto}.ipod-wheel-container{height:200px}.ipod-wheel{width:185px;height:185px}.ipod-content .timer-display{font-size:3rem}}@media (min-width: 481px) and (max-width: 768px){.ipod-shell{width:380px;height:88vh;margin:3vh auto}}@media (max-height: 650px){.ipod-shell{height:98vh;height:98dvh;gap:6px;padding:8px;margin:1vh auto}.ipod-wheel-container{height:165px}.ipod-wheel{width:155px;height:155px}.wheel-center{width:52px;height:52px}.ipod-content .timer-display{font-size:2.2rem}.ipod-content .timer-display-container{margin:.15rem 0}.ipod-content .interval-title{margin-bottom:.2rem}.ipod-status-bar{padding-bottom:4px;margin-bottom:4px}}.desktop-dock-container{position:fixed;top:50%;left:24px;transform:translateY(-50%);z-index:1000}.desktop-dock{display:flex;flex-direction:column;gap:8px;padding:14px 8px;border-radius:20px;align-items:center;background:#ffffff26;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px #0003,inset 0 1px #ffffff80;transition:all .3s cubic-bezier(.25,.8,.25,1)}.desktop-dock:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 15px 50px #0000004d,inset 0 1px #fff9}.dock-item{position:relative;width:44px;height:44px;border-radius:12px;background:#ffffff1a;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #0000001a;padding:0}.dock-icon-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.dock-item:hover{transform:translate(10px) scale(1.15);background:#ffffff40;border-color:#fff9;box-shadow:0 10px 20px #0003,inset 0 1px #fff6;z-index:2}.dock-item.active{background:#93c5fd4d;border-color:#93c5fdcc;box-shadow:0 0 20px #93c5fd66,inset 0 1px #ffffff80}.dock-item.active:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#fffc;box-shadow:0 0 6px #ffffff80}.dock-tooltip{position:absolute;top:50%;left:60px;transform:translateY(-50%) translate(-10px);background:#000000b3;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dock-item:hover .dock-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.dock-divider{width:2px;height:40px;background:#fff3;border-radius:1px;margin:0 4px}@media (max-width: 768px){.desktop-dock-container{display:none!important}}