:root{--bg-primary: #f5f8f5;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .75);--border-glass: rgba(255, 255, 255, .4);--color-forest: #2a4430;--color-sage: #53755c;--color-mint: #a7c7b0;--color-moss: #3f664a;--color-sand: #f0ede6;--color-sand-dark: #ded7cb;--color-leaf: #7ca385;--color-blossom: #d19a9a;--color-sun: #ebd09d;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--shadow-sm: 0 4px 12px rgba(42, 68, 48, .04);--shadow-md: 0 10px 30px rgba(42, 68, 48, .06);--shadow-lg: 0 20px 48px rgba(42, 68, 48, .1);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition-smooth: all .4s cubic-bezier(.25, .8, .25, 1);--transition-quick: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(167,199,176,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(240,237,230,.3) 0px,transparent 50%);color:var(--color-forest);min-height:100vh;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:600;color:var(--color-forest)}.font-serif{font-family:var(--font-serif);font-weight:500}a,button{font-family:var(--font-sans);text-decoration:none;cursor:pointer}.app-container{display:flex;min-height:100vh;position:relative}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:1px solid var(--border-glass);box-shadow:var(--shadow-md)}.sidebar{width:280px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;border-right:1px solid var(--border-glass);position:fixed;height:100vh;left:0;top:0;z-index:10}.brand-section{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;padding-left:.5rem}.brand-logo{width:42px;height:42px;animation:float 6s ease-in-out infinite}.brand-title{font-size:1.5rem;letter-spacing:-.5px}.nav-menu{display:flex;flex-direction:column;gap:.5rem;list-style:none}.nav-item{width:100%}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:var(--color-sage);border-radius:var(--radius-md);transition:var(--transition-smooth);font-size:.95rem;font-weight:500;border:1px solid transparent}.nav-link:hover{background:#ffffff80;color:var(--color-forest);transform:translate(4px)}.nav-link.active{background:var(--color-sand);color:var(--color-forest);border:1px solid rgba(167,199,176,.3);box-shadow:var(--shadow-sm);font-weight:600}.nav-link svg{width:20px;height:20px;stroke-width:2;transition:var(--transition-quick)}.nav-link.active svg{color:var(--color-moss)}.sidebar-footer{margin-top:auto;padding:1rem .5rem 0;border-top:1px solid rgba(42,68,48,.05)}.install-pwa-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--color-sand);color:var(--color-forest);border:1px dashed var(--color-mint);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;transition:var(--transition-smooth)}.install-pwa-btn:hover{background:var(--color-highlight);border-color:var(--color-moss);transform:translateY(-2px)}.main-content{flex:1;margin-left:280px;padding:3rem 4rem;min-height:100vh;display:flex;flex-direction:column}.header-section{margin-bottom:2.5rem;animation:fadeIn .8s ease}.header-subtitle{color:var(--color-sage);font-size:1rem;font-weight:400;margin-top:.25rem}.module-wrapper{flex:1;display:flex;animation:fadeInUp .6s cubic-bezier(.25,.8,.25,1)}.module-card{width:100%;border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.module-title{font-size:1.75rem;margin-bottom:.5rem}.module-desc{color:var(--color-sage);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;transition:var(--transition-smooth);border:none}.btn-primary{background:var(--color-forest);color:#fff}.btn-primary:hover{background:var(--color-moss);transform:translateY(-2px);box-shadow:0 4px 12px #3f664a33}.btn-secondary{background:var(--color-sand);color:var(--color-forest);border:1px solid rgba(42,68,48,.05)}.btn-secondary:hover{background:var(--color-sand-dark);transform:translateY(-2px)}.btn-icon{width:40px;height:40px;border-radius:50%;padding:0}.input-text{padding:.75rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--color-sand-dark);background:#fffc;font-family:var(--font-sans);font-size:.95rem;color:var(--color-forest);outline:none;transition:var(--transition-quick);width:100%}.input-text:focus{border-color:var(--color-moss);box-shadow:0 0 0 3px #a7c7b04d}.todo-container{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;width:100%}.todo-form{display:flex;gap:.75rem}.todo-list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:var(--radius-md);background:#fff9;border:1px solid rgba(42,68,48,.03);transition:var(--transition-smooth)}.todo-item:hover{background:#ffffffe6;transform:translate(2px);box-shadow:var(--shadow-sm)}.todo-item.completed{opacity:.65;background:#f0ede666}.todo-item-content{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.todo-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--color-mint);display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-quick)}.todo-item.completed .todo-checkbox{background:var(--color-moss);border-color:var(--color-moss)}.todo-text{font-size:1rem;transition:var(--transition-quick);font-weight:500}.todo-item.completed .todo-text{text-decoration:line-through;color:var(--color-sage)}.todo-delete-btn{background:transparent;border:none;color:var(--color-sage);opacity:0;transition:var(--transition-quick);display:flex;align-items:center;justify-content:center}.todo-item:hover .todo-delete-btn{opacity:1}.todo-delete-btn:hover{color:var(--color-blossom);transform:scale(1.1)}.todo-empty-state{text-align:center;padding:3rem 1rem;color:var(--color-sage);display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px dashed var(--color-sand-dark);border-radius:var(--radius-lg);background:#ffffff4d}.todo-empty-icon{width:48px;height:48px;color:var(--color-mint);opacity:.8}.pomodoro-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;width:100%;max-width:600px;margin:0 auto}.pomodoro-timer-circle{position:relative;width:280px;height:280px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);box-shadow:var(--shadow-lg);border:6px solid var(--color-sand)}.pomodoro-progress-svg{position:absolute;top:-6px;left:-6px;width:280px;height:280px;transform:rotate(-90deg)}.pomodoro-progress-circle-bg{fill:none;stroke:var(--color-sand);stroke-width:6}.pomodoro-progress-circle-fill{fill:none;stroke:var(--color-moss);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.pomodoro-timer-display{display:flex;flex-direction:column;align-items:center;z-index:2}.pomodoro-time{font-size:3.5rem;font-weight:700;letter-spacing:-1px;line-height:1}.pomodoro-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-sage);margin-top:.5rem}.pomodoro-controls{display:flex;gap:1rem}.pomodoro-modes{display:flex;gap:.5rem;background:var(--color-sand);padding:.35rem;border-radius:var(--radius-md)}.pomodoro-mode-btn{padding:.5rem 1.25rem;border-radius:calc(var(--radius-md) - 4px);border:none;background:transparent;font-size:.85rem;font-weight:600;color:var(--color-sage);transition:var(--transition-smooth)}.pomodoro-mode-btn.active{background:var(--bg-secondary);color:var(--color-forest);box-shadow:var(--shadow-sm)}.notes-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.notes-editor{min-height:350px;width:100%;border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border-glass);background:linear-gradient(#ffffffe6,#fffffff2),repeating-linear-gradient(#0000,#0000 27px,#a7c7b026 28px);line-height:28px;font-family:var(--font-sans);font-size:1.05rem;color:var(--color-forest);resize:vertical;outline:none;box-shadow:inset var(--shadow-sm);transition:var(--transition-smooth)}.notes-editor:focus{border-color:var(--color-mint);box-shadow:inset var(--shadow-sm),0 0 0 3px #a7c7b033}.notes-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-sage)}.notes-save-indicator{display:flex;align-items:center;gap:.35rem}.water-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:500px;margin:0 auto}.water-visualizer{position:relative;width:180px;height:250px;border:8px solid var(--color-forest);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;background:#fff3;display:flex;align-items:flex-end;box-shadow:var(--shadow-lg)}.water-visualizer:after{content:"";position:absolute;top:0;left:0;width:100%;height:24px;border:8px solid var(--color-forest);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none}.water-level{width:100%;background:linear-gradient(180deg,#8ab5e1,#4688cc);transition:height .6s cubic-bezier(.19,1,.22,1);position:relative;min-height:4px}.water-wave{position:absolute;top:-15px;left:0;width:200%;height:20px;background:radial-gradient(circle at 50% 100%,#8ab5e1 0%,transparent 60%);background-size:50% 100%;animation:wave 4s linear infinite}.water-percentage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--color-forest);mix-blend-mode:difference;pointer-events:none;z-index:5}.water-stats{text-align:center;font-size:1.25rem;font-weight:500}.water-controls{display:flex;gap:1rem;width:100%}.water-btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.water-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--color-forest);transition:var(--transition-smooth)}.water-btn:hover{background:var(--color-highlight);border-color:var(--color-mint);transform:translateY(-2px)}.water-btn svg{color:#4688cc}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 900px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-glass);padding:1.5rem}.brand-section{margin-bottom:1.5rem;justify-content:center}.nav-menu{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:.35rem}.nav-link{padding:.75rem 1rem;font-size:.85rem;gap:.5rem}.sidebar-footer{display:none}.main-content{margin-left:0;padding:2rem 1.5rem}.module-card{padding:1.5rem}.pomodoro-timer-circle,.pomodoro-progress-svg{width:240px;height:240px}.pomodoro-time{font-size:3rem}}@media (max-width: 480px){.nav-menu{display:grid;grid-template-columns:repeat(2,1fr)}.nav-link{justify-content:center}}