@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap";body{background:#0d1117;margin:0;padding:0}.timer-panel{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;display:flex}.mode-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:50px;gap:.5rem;padding:5px;display:flex}.mode-tab{color:#ffffff73;cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:50px;padding:.45rem 1.1rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:500;transition:all .3s}.mode-tab.active{color:var(--tab-color,#c8a97e);background:#ffffff1a;border:1px solid #ffffff1f;box-shadow:0 2px 12px #0003}.mode-tab:hover:not(.active){color:#ffffffb3}.ring-wrapper{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.timer-svg{width:100%;height:100%;position:absolute;top:0;left:0}.timer-display{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.timer-time{letter-spacing:-.04em;color:#fffffff2;font-variant-numeric:tabular-nums;font-family:Outfit,sans-serif;font-size:4rem;font-weight:300;line-height:1}.timer-mode-label{color:#fff6;letter-spacing:.15em;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500}.sessions-dot-row{gap:6px;margin-top:.2rem;display:flex}.session-dot{border-radius:50%;width:6px;height:6px;transition:background .4s}.timer-controls{align-items:center;gap:1rem;display:flex}.ctrl-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.ctrl-btn svg{display:block}.ctrl-btn.primary{background:var(--btn-color,#c8a97e);width:64px;height:64px;box-shadow:0 4px 24px color-mix(in srgb, var(--btn-color,#c8a97e) 40%, transparent);color:#0d1117;transition:all .3s}.ctrl-btn.primary svg{width:24px;height:24px}.ctrl-btn.primary:hover{box-shadow:0 6px 32px color-mix(in srgb, var(--btn-color,#c8a97e) 55%, transparent);transform:scale(1.08)}.ctrl-btn.primary:active{transform:scale(.96)}.ctrl-btn.secondary{color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff1a;width:46px;height:46px}.ctrl-btn.secondary svg{width:18px;height:18px}.ctrl-btn.secondary:hover{color:#ffffffd9;background:#ffffff1a}.ctrl-btn.secondary:active{transform:scale(.93)}.task-panel{flex-direction:column;gap:1rem;height:100%;padding:1.5rem;display:flex}.task-filters{align-items:center;gap:.5rem;display:flex}.filter-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:50px;padding:.3rem .85rem;font-family:Outfit,sans-serif;font-size:.75rem;transition:all .25s}.filter-btn.active{color:#c8a97e;background:#c8a97e26;border-color:#c8a97e66}.filter-btn:hover:not(.active){color:#ffffffb3;border-color:#ffffff26}.task-count{color:#ffffff40;margin-left:auto;font-family:Outfit,sans-serif;font-size:.72rem}.task-list{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.task-list::-webkit-scrollbar{width:3px}.task-list::-webkit-scrollbar-track{background:0 0}.task-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.task-empty{text-align:center;color:#ffffff40;padding:2.5rem 1rem;font-family:Outfit,sans-serif;font-size:.85rem}.task-empty span{margin-bottom:.5rem;font-size:2rem;display:block}.task-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .25s;display:flex}.task-item:hover{background:#ffffff0f;border-color:#ffffff1a}.task-item.done{opacity:.45}.task-item.task-active{background:#c8a97e0f;border-color:#c8a97e59}.task-check{cursor:pointer;color:#c8a97e;background:0 0;border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.task-item.done .task-check{background:#c8a97e33;border-color:#c8a97e}.task-check svg{width:11px;height:11px}.task-text{color:#ffffffd1;flex:1;font-family:Outfit,sans-serif;font-size:.88rem;line-height:1.4}.task-item.done .task-text{color:#ffffff4d;text-decoration:line-through}.task-pomodoros{gap:2px;font-size:.6rem;display:flex}.pom-dot{opacity:.2;filter:grayscale();transition:all .3s}.pom-dot.filled{opacity:1;filter:none}.task-select-btn{cursor:pointer;color:#c8a97e80;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .2s;display:flex}.task-select-btn svg{width:14px;height:14px}.task-select-btn:hover{color:#c8a97e}.task-delete{cursor:pointer;color:#fff3;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:color .2s;display:flex}.task-delete svg{width:13px;height:13px}.task-delete:hover{color:#ff5050cc}.task-add-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.task-input{color:#ffffffd9;background:0 0;border:none;outline:none;flex:1;font-family:Outfit,sans-serif;font-size:.88rem}.task-input::placeholder{color:#ffffff38}.pom-estimate{align-items:center;gap:4px;font-size:.8rem;display:flex}.pom-count-input{color:#ffffffb3;text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:32px;padding:2px 4px;font-family:Outfit,sans-serif;font-size:.8rem}.add-btn{color:#c8a97e;cursor:pointer;background:#c8a97e33;border:1px solid #c8a97e4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.add-btn svg{width:14px;height:14px}.add-btn:hover{background:#c8a97e59;transform:scale(1.05)}.ambient-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.ambient-tagline{color:#ffffff4d;text-align:center;margin:0;font-family:Outfit,sans-serif;font-size:.82rem}.sound-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.sound-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;gap:.85rem;padding:1rem;transition:all .3s;display:flex}.sound-card.sound-on{background:#c8a97e12;border-color:#c8a97e40}.sound-card-top{align-items:center;gap:.7rem;display:flex}.sound-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.sound-info{flex:1;min-width:0}.sound-label{color:#ffffffd9;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:600}.sound-desc{color:#ffffff4d;margin-top:2px;font-family:Outfit,sans-serif;font-size:.7rem}.sound-toggle{color:#ffffff73;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s;display:flex}.sound-toggle svg{width:12px;height:12px}.sound-toggle.on{color:#1a1207;background:#c8a97e;border-color:#c8a97e;box-shadow:0 2px 14px #c8a97e66}.sound-toggle:hover:not(.on){color:#fffc;background:#ffffff1a}.sound-volume{align-items:center;gap:.5rem;display:flex}.vol-icon{color:#ffffff40;flex-shrink:0;width:14px;height:14px}.vol-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:3px}.vol-slider::-webkit-slider-thumb{appearance:none;background:var(--vol-color,#ffffff80);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:background .3s}.vol-slider::-moz-range-thumb{background:var(--vol-color,#ffffff80);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.stats-panel{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.stat-cards{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stat-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;padding:1rem 1.2rem;transition:all .25s}.stat-card:hover{background:#ffffff12;border-color:#ffffff1f}.stat-value{color:#c8a97e;letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:300;line-height:1.1}.stat-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-family:Outfit,sans-serif;font-size:.72rem}.chart-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:1.25rem}.chart-title{color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:500}.bar-chart{align-items:flex-end;gap:.5rem;height:110px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.bar-count{color:#c8a97eb3;height:14px;font-family:Outfit,sans-serif;font-size:.65rem;line-height:14px}.bar-track{background:#ffffff0a;border-radius:8px 8px 4px 4px;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(#c8a97e66,#c8a97e);border-radius:8px 8px 4px 4px;width:100%;min-height:2px;transition:height .6s cubic-bezier(.4,0,.2,1)}.bar-label{color:#ffffff40;font-family:Outfit,sans-serif;font-size:.65rem}.quote-section blockquote{color:#ffffff73;background:#ffffff08;border-left:2px solid #c8a97e59;border-radius:0 12px 12px 0;margin:0;padding:1rem 1.25rem;font-family:Outfit,sans-serif;font-size:.83rem;font-style:italic;line-height:1.6}.quote-section footer{color:#c8a97e80;margin-top:.35rem;font-size:.72rem;font-style:normal}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#ffffff0a;--border:#ffffff14;--accent:#c8a97e;--accent-blue:#7eb5c8;--accent-purple:#a97ec8;--text:#ffffffd9;--text-muted:#ffffff59;--sidebar-w:220px;--radius-lg:24px;--radius-md:16px}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif;overflow:hidden}#root{height:100%}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.bg-orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate breathe;position:absolute}.bg-orb-1{background:radial-gradient(circle,#c8a97e1f 0%,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-150px;right:-100px}.bg-orb-2{background:radial-gradient(circle,#7eb5c81a 0%,#0000 70%);width:400px;height:400px;animation-delay:2s;bottom:-100px;left:10%}.bg-orb-3{background:radial-gradient(circle,#a97ec814 0%,#0000 70%);width:350px;height:350px;animation-delay:4s;top:40%;left:40%}@keyframes breathe{0%{opacity:.6;transform:scale(1)translate(0)}50%{opacity:.9;transform:scale(1.15)translate(-20px,15px)}to{opacity:.5;transform:scale(.9)translate(20px,-10px)}}.layout{z-index:1;height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d111799;flex-direction:column;flex-shrink:0;padding:1.75rem 1rem;display:flex}.sidebar-brand{align-items:center;gap:.6rem;margin-bottom:2rem;padding:0 .5rem;display:flex}.brand-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:3s ease-in-out infinite pulse;box-shadow:0 0 12px #c8a97e99}@keyframes pulse{0%,to{box-shadow:0 0 12px #c8a97e99}50%{box-shadow:0 0 20px #c8a97ee6}}.brand-name{color:#ffffffe6;letter-spacing:-.03em;font-size:1.3rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:.65rem;width:100%;padding:.7rem .9rem;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:500;transition:all .25s;display:flex}.nav-btn:hover{color:#ffffffb3;background:#ffffff0f}.nav-btn.active{color:var(--accent);background:#c8a97e1f;border:1px solid #c8a97e33}.nav-icon{font-size:1rem;line-height:1}.nav-label{line-height:1}.sidebar-bottom{flex-direction:column;gap:.5rem;display:flex}.glass-controls{flex-direction:column;gap:.4rem;display:flex}.glass-toggle-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:12px;align-items:center;gap:.5rem;width:100%;padding:.55rem .9rem;font-family:Outfit,sans-serif;font-size:.8rem;transition:all .25s;display:flex}.glass-toggle-btn svg{flex-shrink:0;width:15px;height:15px}.glass-toggle-btn:hover{color:#fff9;background:#ffffff12}.glass-toggle-btn.glass-on{color:var(--accent-blue);background:#7eb5c81f;border-color:#7eb5c84d}.glass-mode-btns{gap:4px;padding:0 .2rem;display:flex}.glass-mode-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border-radius:8px;flex:1;padding:4px 6px;font-family:Outfit,sans-serif;font-size:.68rem;transition:all .2s}.glass-mode-btn.active{color:var(--accent-blue);background:#7eb5c833;border-color:#7eb5c866}.glass-mode-btn:hover:not(.active){color:#ffffff80;background:#ffffff0d}.settings-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:12px;align-items:center;gap:.5rem;width:100%;padding:.55rem .9rem;font-family:Outfit,sans-serif;font-size:.8rem;transition:all .25s;display:flex}.settings-btn svg{flex-shrink:0;width:15px;height:15px}.settings-btn:hover{color:#fff9;background:#ffffff12}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow-y:auto}.card{border-radius:var(--radius-lg);width:100%;max-width:480px}.glass-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff17;box-shadow:0 8px 48px #00000059,inset 0 1px #ffffff14}.tasks-card{max-width:520px}.card-header{align-items:baseline;gap:.75rem;padding:1.5rem 1.5rem 0;display:flex}.card-header h2{color:#ffffffd9;letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.card-subtitle{color:var(--text-muted);font-size:.75rem}.tab-view{justify-content:center;width:100%;display:flex}.tab-view.hidden{display:none}.glass-overlay{z-index:100;position:fixed;inset:0}.glass-overlay canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.glass-close{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffb3;cursor:pointer;background:#0d1117d9;border:1px solid #ffffff26;border-radius:50px;padding:.5rem 1.5rem;font-family:Outfit,sans-serif;font-size:.85rem;transition:all .25s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.glass-close:hover{color:#ff9696e6;background:#ff505033;border-color:#ff50504d}.settings-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;background:#0d1117eb;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:1.25rem;width:300px;padding:1.5rem;animation:.25s slideIn;display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 8px 40px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-header h2{color:#ffffffd9;font-size:.95rem;font-weight:600}.settings-header button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;transition:all .2s}.settings-header button:hover{color:#ffffffb3;background:#ffffff0d}.settings-row{flex-direction:column;gap:.4rem;display:flex}.settings-row label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:500}.settings-control{align-items:center;gap:.75rem;display:flex}.settings-control input[type=range]{height:4px;accent-color:var(--accent);cursor:pointer;border-radius:2px;flex:1}.settings-control span{color:var(--accent);text-align:right;width:32px;font-size:.85rem;font-weight:600}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=700px){:root{--sidebar-w:64px}.brand-name,.nav-label,.settings-btn span,.glass-toggle-btn span{display:none}.glass-toggle-btn svg{margin:auto}.sidebar{align-items:center;padding:1rem .5rem}.sidebar-brand{justify-content:center}.nav-btn{justify-content:center;padding:.7rem}.settings-btn,.glass-toggle-btn{justify-content:center;padding:.55rem}.glass-mode-btns{display:none}.main-content{padding:1rem}.settings-panel{width:calc(100vw - 64px - 1.5rem);right:.75rem}}