:root{--bg-gradient:linear-gradient(-45deg, #0f172a, #1e1b4b, #2e1065, #030712);--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-highlight:#ffffff26;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#a78bfa;--accent-glow:#a78bfa4d;--success:#34d399}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html{background:var(--bg-gradient);background-size:400% 400%;animation:25s infinite fluidGradient}body{color:var(--text-main);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;overflow-x:hidden}@keyframes fluidGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ambient-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:60vw;height:60vw;animation:20s ease-in-out infinite alternate floatGlow;position:fixed;top:-20vw;left:-10vw}.ambient-glow-2{z-index:-1;pointer-events:none;background:radial-gradient(circle,#14b8a61a 0%,#0000 70%);width:50vw;height:50vw;animation:25s ease-in-out infinite alternate-reverse floatGlow;position:fixed;bottom:-10vw;right:-10vw}@keyframes floatGlow{0%{transform:translate(0)scale(1)}to{transform:translate(8%,5%)scale(1.1)}}.app-container{z-index:1;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1100px;display:grid}@media (width>=850px){.app-container{grid-template-columns:1.2fr 1.8fr}.full-width-panel{grid-column:span 2}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(140%);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000073}header{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin-bottom:.5rem;display:flex}.brand-section h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:300}.brand-section p{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.theme-selector{gap:.5rem;display:flex}.theme-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .2s;box-shadow:inset 0 0 4px #00000080}.theme-dot.active{border-color:#fff;transform:scale(1.1)}h2{letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:400;display:flex}button{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}button:hover{background:var(--glass-highlight);border-color:#fff3;transform:translateY(-1px)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);color:#0f172a;box-shadow:0 4px 14px var(--accent-glow);border:none}button.primary:hover{box-shadow:0 6px 20px var(--accent-glow);background:#bfa5ff}input,select,textarea{border:1px solid var(--glass-border);color:var(--text-main);background:#0003;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.timer-display{text-align:center;letter-spacing:-.02em;text-shadow:0 0 20px #ffffff1a;margin:1.5rem 0;font-family:monospace;font-size:4.5rem;font-weight:200}.timer-modes{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.timer-modes button{border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.timer-modes button.active{border-color:var(--accent);background:#ffffff26}.timer-controls{justify-content:center;gap:.75rem;display:flex}.audio-control-row{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.slider-group{align-items:center;gap:1rem;display:flex}.slider-group label{width:90px;color:var(--text-muted);font-size:.85rem}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%}.task-input-section{grid-template-columns:1fr auto auto;gap:.75rem;margin-bottom:1.5rem;display:grid}.task-input-section .count-input{width:auto;min-width:8rem;padding-left:.75rem}.task-list{flex-direction:column;gap:1rem;max-height:480px;padding-right:.5rem;display:flex;overflow-y:auto}.task-card{border:1px solid var(--glass-border);background:#00000026;border-radius:16px;padding:1.25rem;transition:all .3s}.task-header-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.task-main-info{flex:1;align-items:center;gap:.75rem;display:flex}.checkbox-container{cursor:pointer;width:22px;height:22px;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{border:1px solid var(--glass-border);background-color:#ffffff0d;border-radius:6px;width:22px;height:22px;transition:all .2s;position:absolute;top:0;left:0}.checkbox-container:hover input~.checkmark{background-color:#ffffff1f}.checkbox-container input:checked~.checkmark{background-color:var(--success);border-color:var(--success)}.checkmark:after{content:"";border:2px solid #0f172a;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark:after{display:block}.task-title{font-size:1.05rem;font-weight:500;transition:all .2s}.completed .task-title{color:var(--text-muted);text-decoration:line-through}.delete-btn{color:#ef4444;opacity:.4;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.85rem}.delete-btn:hover{opacity:1;background:#ef44441a;border-radius:6px}.subtasks-wrapper{border-left:1px dashed #ffffff1a;flex-direction:column;gap:.5rem;margin-left:2rem;padding-left:.75rem;display:flex}.subtask-item{color:#cbd5e1;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.counter-row{align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.subtask-item .counter-row.counter-inline{margin-top:0}.counter-label{color:var(--text-muted);font-size:.8rem}.counter-sep{color:var(--text-muted)}.counter-input{text-align:center;border-radius:8px;width:4.5rem;padding:.3rem .5rem;font-size:.85rem}.counter-btn{border-radius:8px;padding:.3rem .6rem;font-size:.82rem}.subtask-item.completed{color:var(--text-muted);text-decoration:line-through}.subtask-item input[type=checkbox]{width:auto;padding:0}.subtask-add-row{gap:.5rem;margin-top:.5rem;margin-left:2rem;display:flex}.subtask-add-row input{border-radius:8px;padding:.4rem .75rem;font-size:.85rem}.subtask-add-row .sub-input{flex:1}.subtask-add-row .sub-count-input{text-align:center;flex-shrink:0;width:5rem}.subtask-add-row button{border-radius:8px;padding:.4rem .75rem;font-size:.85rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;width:100%;display:grid}.stat-card{border:1px solid var(--glass-border);text-align:center;background:#00000026;border-radius:16px;padding:1.25rem}.stat-val{color:var(--accent);margin-top:.25rem;font-family:monospace;font-size:2rem;font-weight:300}.stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.motivation-ticker{text-align:center;color:#cbd5e1;min-height:24px;font-style:italic;font-weight:300}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.music-dropzone{border:1px dashed var(--glass-border);border-radius:12px;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.music-dropzone.dragover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);background:#a78bfa14}.dropzone-hint{color:var(--text-muted);font-size:.8rem}.yt-link-row{gap:.5rem;margin-top:.75rem;display:flex}.yt-link-row input[type=text]{border-radius:8px;flex:1;padding:.4rem .75rem;font-size:.85rem}.yt-link-row button{border-radius:8px;padding:.4rem .75rem;font-size:.85rem}#yt-player-wrap{display:none}#yt-player-wrap.yt-visible{max-width:320px;margin-top:.75rem;display:block}#yt-player-wrap iframe{aspect-ratio:16/9;border:none;border-radius:10px;width:100%}.music-track-label{text-align:center;color:#cbd5e1;word-break:break-all;min-height:1.2em;margin-top:.75rem;font-size:.9rem}.music-status{text-align:center;color:var(--text-muted);min-height:1.1em;margin-top:.25rem;font-size:.8rem}.music-player-row{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.music-toggles{align-items:center;gap:1rem;margin-top:.25rem;display:flex}.toggle-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.toggle-label input[type=checkbox]{width:auto;accent-color:var(--accent)}#bg-canvas{z-index:-2;pointer-events:none;display:none;position:fixed;inset:0}.theme-selector{align-items:center;position:relative}.theme-selector .header-btn{border-radius:12px;padding:.5rem .9rem;font-size:.85rem}.bg-menu{-webkit-backdrop-filter:blur(24px)saturate(140%);border:1px solid var(--glass-border);z-index:50;background:#0f172ae0;border-radius:16px;width:330px;max-height:min(72vh,640px);padding:1rem;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 12px 40px #00000080}.bg-menu.hidden{display:none}.bg-menu h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:.9rem 0 .5rem;font-size:.72rem}.bg-menu h3:first-child{margin-top:0}.bg-option-row{flex-wrap:wrap;gap:.5rem;display:flex}.bg-option{border-radius:10px;width:auto;padding:.45rem .7rem;font-size:.82rem}.bg-option.active{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);background:#a78bfa26}.bg-option img{border:1px solid var(--glass-border);object-fit:cover;border-radius:6px;margin-bottom:3px;display:block}.bg-option:has(img){flex-direction:column;gap:.3rem}.swatch{border:1px solid #ffffff40;border-radius:4px;width:14px;height:14px;display:inline-block}.bg-custom-group{border:1px solid #0000;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:.4rem;padding:.5rem .7rem;display:flex}.bg-custom-group span{color:var(--text-muted);flex:1;font-size:.82rem}.bg-custom-group.active{border-color:var(--accent);background:#a78bfa1f}.bg-custom-group input[type=color]{cursor:pointer;flex-shrink:0;width:44px;height:32px;padding:2px}.bg-menu-status{color:var(--text-muted);word-break:break-all;min-height:1em;margin-top:.5rem;font-size:.78rem}body.compact .min-hide{display:none!important}.tasks-summary{color:var(--text-muted);border:1px solid var(--glass-border);text-align:center;background:#ffffff0a;border-radius:12px;padding:.75rem 1rem;font-size:.85rem;display:none}body.compact .tasks-summary{display:block}body.compact .glass-panel{gap:1rem!important;padding:1rem!important}body.compact h2{margin-bottom:.75rem;font-size:1.05rem}body.compact .timer-display{margin:.75rem 0;font-size:3rem}#mini-bar{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);background:#0f172ab3;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .55rem;display:none;position:fixed;top:14px;right:16px;box-shadow:0 8px 32px #0000005e}body.minimize #mini-bar{display:flex}#mini-bar button{color:var(--text-main);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem .5rem;font-size:1.05rem;line-height:1}#mini-bar button:hover{background:#ffffff1f}body.minimize .brand-section,body.minimize .theme-dot,body.minimize #bg-menu-btn,body.minimize #minimize-btn,body.minimize .app-container{display:none!important}body.minimize header{min-height:0;margin-bottom:0;padding:0}body.minimize #bg-menu{position:fixed;top:64px;right:16px}#mini-clock{letter-spacing:.05em;color:var(--text-main);opacity:.28;pointer-events:none;z-index:5;justify-content:center;align-items:flex-start;padding-top:clamp(1.5rem,6vh,4.5rem);font-size:clamp(4rem,12vw,8rem);font-weight:700;display:none;position:fixed;inset:0}body.minimize #mini-clock{display:flex}