:root{--bg-base:#080c14;--bg-gradient:radial-gradient(circle at 15% 15%, #6366f12e 0%, transparent 45%), radial-gradient(circle at 85% 20%, #ec489926 0%, transparent 45%), radial-gradient(circle at 50% 85%, #06b6d41f 0%, transparent 50%), #080c14;--card-bg:#111827a6;--card-border:#ffffff14;--card-hover-border:#6366f166;--card-glow:0 8px 32px 0 #0000005e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--accent-glow:#6366f159;--badge-bg:#6366f126;--badge-border:#6366f14d;--badge-text:#a5b4fc;--input-bg:#0f172ab3;--input-border:#ffffff1a;--input-focus-border:#6366f1;--priority-low:#10b981;--priority-med:#f59e0b;--priority-high:#f43f5e;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-spring:all .4s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=cyberpunk]{--bg-base:#050509;--bg-gradient:radial-gradient(circle at 10% 20%, #ff008038 0%, transparent 40%), radial-gradient(circle at 90% 30%, #00f5d42e 0%, transparent 45%), radial-gradient(circle at 50% 80%, #ffe6001a 0%, transparent 50%), #050509;--card-bg:#0e0e1abf;--card-border:#ff008033;--card-hover-border:#00f5d499;--card-glow:0 0 25px #ff008033;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#6b7280;--accent-primary:#ff007f;--accent-primary-hover:#e00070;--accent-gradient:linear-gradient(135deg, #ff007f 0%, #7928ca 50%, #00f5d4 100%);--accent-glow:#ff008080;--badge-bg:#ff008026;--badge-border:#ff008066;--badge-text:#ff70b8;--input-bg:#0a0a14d9;--input-border:#ff00804d;--input-focus-border:#00f5d4}[data-theme=emerald]{--bg-base:#06110d;--bg-gradient:radial-gradient(circle at 20% 20%, #10b98133 0%, transparent 45%), radial-gradient(circle at 80% 25%, #06b6d426 0%, transparent 45%), radial-gradient(circle at 50% 80%, #84cc161f 0%, transparent 50%), #06110d;--card-bg:#091c16a6;--card-border:#10b98126;--card-hover-border:#10b98180;--card-glow:0 8px 32px 0 #064e3b4d;--text-primary:#f0fdf4;--text-secondary:#a7f3d0;--text-muted:#6ee7b7;--accent-primary:#10b981;--accent-primary-hover:#059669;--accent-gradient:linear-gradient(135deg, #10b981 0%, #06b6d4 50%, #84cc16 100%);--accent-glow:#10b98166;--badge-bg:#10b98126;--badge-border:#10b98159;--badge-text:#6ee7b7;--input-bg:#061410cc;--input-border:#10b98133;--input-focus-border:#10b981}[data-theme=sunset]{--bg-base:#110914;--bg-gradient:radial-gradient(circle at 15% 15%, #f43f5e38 0%, transparent 45%), radial-gradient(circle at 85% 20%, #fb923c33 0%, transparent 45%), radial-gradient(circle at 50% 85%, #8b5cf626 0%, transparent 50%), #110914;--card-bg:#1c1020b3;--card-border:#f43f5e2e;--card-hover-border:#fb923c80;--card-glow:0 8px 32px 0 #8813374d;--text-primary:#fff1f2;--text-secondary:#fecdd3;--text-muted:#fda4af;--accent-primary:#f43f5e;--accent-primary-hover:#e11d48;--accent-gradient:linear-gradient(135deg, #f43f5e 0%, #fb923c 50%, #8b5cf6 100%);--accent-glow:#f43f5e66;--badge-bg:#f43f5e26;--badge-border:#f43f5e59;--badge-text:#fda4af;--input-bg:#160a1ad9;--input-border:#f43f5e40;--input-focus-border:#fb923c}[data-theme=light]{--bg-base:#f8fafc;--bg-gradient:radial-gradient(circle at 15% 15%, #6366f11a 0%, transparent 45%), radial-gradient(circle at 85% 20%, #ec489914 0%, transparent 45%), radial-gradient(circle at 50% 85%, #06b6d414 0%, transparent 50%), #f1f5f9;--card-bg:#fffc;--card-border:#e2e8f0e6;--card-hover-border:#6366f166;--card-glow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000003;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #9333ea 50%, #db2777 100%);--accent-glow:#4f46e540;--badge-bg:#4f46e51a;--badge-border:#4f46e540;--badge-text:#4338ca;--input-bg:#fff;--input-border:#cbd5e1;--input-focus-border:#4f46e5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background .4s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}button,input,select,textarea{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-glow);transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--card-hover-border);transform:translateY(-2px)}.bg-glow-orb{filter:blur(90px);opacity:.45;pointer-events:none;z-index:0;border-radius:50%;animation:20s ease-in-out infinite alternate floatOrb;position:fixed}.bg-orb-1{background:var(--accent-primary);width:450px;height:450px;animation-duration:18s;top:-100px;left:-100px}.bg-orb-2{background:#ec4899;width:400px;height:400px;animation-duration:22s;animation-delay:-5s;bottom:5%;right:-50px}.bg-orb-3{background:#06b6d4;width:350px;height:350px;animation-duration:25s;animation-delay:-10s;top:45%;left:40%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,60px)scale(1.1)}to{transform:translate(-30px,30px)scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSubtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.badge{border-radius:var(--radius-full);background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--badge-text);letter-spacing:.02em;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.priority-dot{border-radius:50%;width:7px;height:7px}.priority-dot.low{background-color:var(--priority-low);box-shadow:0 0 8px var(--priority-low)}.priority-dot.med{background-color:var(--priority-med);box-shadow:0 0 8px var(--priority-med)}.priority-dot.high{background-color:var(--priority-high);box-shadow:0 0 8px var(--priority-high)}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px var(--accent-glow);transition:var(--transition-smooth);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--card-border);color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition-smooth);background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--card-border);width:36px;height:36px;color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff0d;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1f;border-color:#ffffff40;transform:scale(1.05)}.app-wrapper{justify-content:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app-container{z-index:1;flex-direction:column;gap:28px;width:100%;max-width:1380px;padding:24px 28px 40px;display:flex;position:relative}.navbar{z-index:100;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:16px}.nav-left{align-items:center;gap:16px;display:flex}.brand-badge{align-items:center;gap:12px;display:flex}.brand-icon-wrapper{background:var(--accent-gradient);color:#fff;width:42px;height:42px;box-shadow:0 4px 16px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;align-items:center;gap:6px;font-size:1.25rem;font-weight:800;display:flex}.brand-title span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.version-pill{color:var(--text-secondary);background:#ffffff1a;border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:600}.brand-subtitle{color:var(--text-muted);font-size:.76rem;font-weight:500}.nav-center{align-items:center;display:flex}.live-clock-pill{border:1px solid var(--card-border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.82rem;font-family:var(--font-mono);background:#ffffff0a;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.clock-icon,.cal-icon{color:var(--accent-primary)}.live-time{color:var(--text-primary);font-weight:600}.divider{opacity:.3}.nav-right{align-items:center;gap:10px;display:flex}.nav-action-btn{border-radius:var(--radius-md);border:1px solid var(--card-border);color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff0d;align-items:center;gap:8px;padding:8px 14px;font-size:.84rem;font-weight:600;display:inline-flex}.nav-action-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.nav-action-btn.active{background:var(--badge-bg);border-color:var(--badge-border);color:var(--text-primary)}.icon-pulse{color:#10b981;animation:1.4s infinite pulseSubtle}.theme-dropdown-container{position:relative}.menu-backdrop{z-index:99;position:fixed;inset:0}.theme-dropdown{z-index:100;background:var(--card-bg);flex-direction:column;gap:4px;width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 36px #00000080}.theme-dropdown-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:6px 10px;font-size:.72rem;font-weight:700}.theme-option{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-smooth);text-align:left;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.85rem;display:flex}.theme-option:hover{color:var(--text-primary);background:#ffffff14}.theme-option.selected{background:var(--badge-bg);color:var(--text-primary);font-weight:600}.theme-name{flex:1}.theme-color-dot{border-radius:50%;width:10px;height:10px}.stats-banner-container{grid-template-columns:1.1fr 2fr;gap:20px;margin-bottom:4px;display:grid}.welcome-card{background:linear-gradient(145deg, var(--card-bg) 0%, #ffffff08 100%);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}.welcome-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.greeting-pill{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.quote-refresh-btn{border-radius:var(--radius-full);color:var(--text-muted);transition:var(--transition-smooth);background:#ffffff0f;align-items:center;gap:5px;padding:4px 9px;font-size:.75rem;display:inline-flex}.quote-refresh-btn:hover{color:var(--text-primary);background:#ffffff1f}.quote-display{flex-direction:column;gap:8px;display:flex}.quote-icon{color:var(--accent-primary);opacity:.8}.quote-text{color:var(--text-secondary);font-size:.96rem;font-style:italic;line-height:1.5}.quote-author{color:var(--text-muted);font-size:.78rem;font-weight:600}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{flex-direction:column;gap:14px;padding:20px;display:flex;position:relative}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-purple{color:#818cf8;background:#6366f126}.stat-cyan{color:#22d3ee;background:#06b6d426}.stat-pink{color:#fb7185;background:#f43f5e26}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.stat-percentage{color:#818cf8;font-size:.82rem;font-weight:700}.stat-main{align-items:baseline;gap:6px;display:flex}.stat-number{font-family:var(--font-heading);color:var(--text-primary);font-size:1.8rem;font-weight:800;line-height:1}.stat-total{color:var(--text-muted);font-size:.82rem;font-weight:500}.progress-bar-bg{background:#ffffff14;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.stat-subtext{color:var(--text-muted);align-items:center;gap:5px;margin-top:6px;font-size:.76rem;font-weight:500;display:flex}.inline-icon{color:var(--accent-primary)}.bento-dashboard-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.cell-tasks{grid-column:span 7}.cell-timer,.cell-habits{grid-column:span 5}.cell-notes{grid-column:span 4}.cell-ambient{grid-column:span 3}.widget-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:16px;display:flex}.widget-title-group{align-items:center;gap:12px;display:flex}.widget-icon-box{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-purple{color:#818cf8;background:#6366f126}.icon-cyan{color:#22d3ee;background:#06b6d426}.icon-pink{color:#fb7185;background:#f43f5e26}.icon-amber{color:#fbbf24;background:#f59e0b26}.icon-emerald{color:#34d399;background:#10b98126}.widget-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}.widget-subtitle{color:var(--text-muted);font-size:.76rem;font-weight:500}.task-widget{flex-direction:column;padding:24px;display:flex}.clear-completed-btn{color:var(--text-muted);border-radius:var(--radius-full);transition:var(--transition-smooth);background:#ffffff0d;padding:4px 10px;font-size:.74rem;font-weight:600}.clear-completed-btn:hover{color:#f43f5e;background:#f43f5e1a}.task-input-form{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);flex-direction:column;gap:12px;margin-bottom:16px;padding:14px;display:flex}.input-main-row{gap:10px;display:flex}.task-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.task-input::placeholder{color:var(--text-muted)}.add-task-btn{padding:8px 16px;font-size:.85rem}.task-meta-row{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.meta-group{align-items:center;gap:8px;display:flex}.meta-label{color:var(--text-muted);font-size:.74rem;font-weight:600}.priority-pill-selector{gap:4px;display:flex}.priority-pill{border-radius:var(--radius-full);color:var(--text-muted);transition:var(--transition-smooth);background:#ffffff0d;align-items:center;gap:5px;padding:4px 9px;font-size:.72rem;font-weight:600;display:flex}.priority-pill:hover{color:var(--text-primary);background:#ffffff1a}.priority-pill.active.low{color:#34d399;background:#10b98133}.priority-pill.active.med{color:#fbbf24;background:#f59e0b33}.priority-pill.active.high{color:#fb7185;background:#f43f5e33}.category-dropdown{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0f;outline:none;padding:4px 8px;font-size:.74rem}.category-dropdown option{color:#fff;background:#0f172a}.task-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-bar-wrapper{border:1px solid var(--card-border);border-radius:var(--radius-md);background:#ffffff0a;flex:1;align-items:center;gap:8px;min-width:140px;padding:6px 12px;display:flex}.search-icon{color:var(--text-muted)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.clear-search-btn{color:var(--text-muted);font-size:1rem}.filter-tabs{border-radius:var(--radius-md);background:#ffffff0a;gap:4px;padding:3px;display:flex}.filter-tab{color:var(--text-muted);transition:var(--transition-smooth);border-radius:8px;padding:5px 12px;font-size:.75rem;font-weight:600}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--card-bg);color:var(--text-primary);box-shadow:0 2px 8px #0003}.task-list{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.task-item{border-radius:var(--radius-md);border:1px solid var(--card-border);transition:var(--transition-smooth);background:#ffffff08;align-items:center;gap:12px;padding:12px 14px;display:flex}.task-item:hover{background:#ffffff0f;border-color:#ffffff26;transform:translate(3px)}.task-item.completed{opacity:.6}.task-checkbox{border:2px solid var(--text-muted);color:#fff;width:22px;height:22px;transition:var(--transition-spring);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-checkbox:hover{border-color:var(--accent-primary);transform:scale(1.1)}.task-checkbox.checked{background:var(--accent-gradient);box-shadow:0 0 10px var(--accent-glow);border-color:#0000}.task-body{cursor:pointer;flex-direction:column;flex:1;gap:4px;display:flex}.task-text{color:var(--text-primary);font-size:.92rem;font-weight:500;line-height:1.3}.task-item.completed .task-text{color:var(--text-muted);text-decoration:line-through}.task-tags{align-items:center;gap:8px;display:flex}.priority-tag{letter-spacing:.03em;align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:inline-flex}.priority-tag.low{color:#34d399}.priority-tag.med{color:#fbbf24}.priority-tag.high{color:#fb7185}.category-tag{color:var(--text-muted);background:#ffffff0d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.68rem;display:inline-flex}.task-delete-btn{color:var(--text-muted);opacity:.5;transition:var(--transition-smooth);padding:4px}.task-item:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{color:#f43f5e;transform:scale(1.15)}.empty-tasks-state,.empty-habits-state,.empty-notes-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;display:flex}.empty-icon-circle{width:48px;height:48px;color:var(--accent-primary);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-title{color:var(--text-secondary);font-size:.95rem;font-weight:600}.empty-subtitle{font-size:.78rem}.timer-widget{text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex}.timer-widget .widget-header{width:100%}.session-count-badge{color:#22d3ee;border-radius:var(--radius-full);background:#06b6d41f;border:1px solid #06b6d440;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.timer-modes-bar{border-radius:var(--radius-md);background:#ffffff0a;justify-content:space-between;gap:6px;width:100%;margin-bottom:20px;padding:4px;display:flex}.timer-mode-btn{color:var(--text-muted);transition:var(--transition-smooth);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.timer-mode-btn:hover{color:var(--text-primary)}.timer-mode-btn.active{background:var(--card-bg);color:var(--text-primary);box-shadow:0 4px 12px #0000004d}.timer-display-wrap{justify-content:center;align-items:center;width:220px;height:220px;margin:10px 0 20px;display:flex;position:relative}.timer-svg{width:100%;height:100%}.timer-track{fill:none;stroke:#ffffff0f;stroke-width:8px}.timer-progress{fill:none;stroke:url(#timerGrad);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 8px #6366f180);transition:stroke-dashoffset .8s}.timer-center-info{flex-direction:column;align-items:center;display:flex;position:absolute}.time-numbers{letter-spacing:-.04em;color:var(--text-primary);font-size:2.8rem;font-weight:800;line-height:1}.current-state-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:.74rem;font-weight:600}.timer-controls{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.timer-play-btn{border-radius:var(--radius-md);padding:12px 28px;font-size:.98rem}.timer-play-btn.running{background:#f43f5ee6;box-shadow:0 4px 16px #f43f5e66}.timer-secondary-btn{border-radius:var(--radius-md);width:42px;height:42px}.habits-widget{flex-direction:column;padding:24px;display:flex}.habit-input-form{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin-bottom:16px;padding:12px;display:flex}.emoji-select-row{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.emoji-btn{transition:var(--transition-smooth);background:#ffffff0a;border-radius:6px;padding:4px 8px;font-size:1.1rem}.emoji-btn:hover{background:#ffffff1f;transform:scale(1.1)}.emoji-btn.active{background:var(--badge-bg);border:1px solid var(--badge-border)}.habit-input-row{gap:10px;display:flex}.habit-text-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.habit-text-input::placeholder{color:var(--text-muted)}.add-habit-btn{padding:6px 14px;font-size:.82rem}.habits-list-container{flex-direction:column;gap:10px;display:flex}.habits-list-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:0 8px 8px;font-size:.72rem;font-weight:700;display:flex}.col-habit-name{width:140px}.col-days-wrapper{gap:8px;display:flex}.day-column-label{text-align:center;width:24px}.day-column-label.is-today{color:var(--accent-primary);font-weight:800}.habits-rows{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.habit-row{border-radius:var(--radius-md);border:1px solid var(--card-border);transition:var(--transition-smooth);background:#ffffff08;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.habit-row:hover{background:#ffffff0f}.habit-name-group{align-items:center;gap:8px;width:140px;display:flex}.habit-emoji{font-size:1.1rem}.habit-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.habit-days-grid{gap:8px;display:flex}.habit-day-dot{border:1px solid var(--card-border);color:#fff;width:24px;height:24px;transition:var(--transition-spring);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.habit-day-dot:hover{border-color:#fb7185;transform:scale(1.15)}.habit-day-dot.today{border-color:var(--accent-primary)}.habit-day-dot.checked{background:linear-gradient(135deg,#f43f5e 0%,#fb923c 100%);border-color:#0000;box-shadow:0 0 10px #f43f5e66}.habit-streak-group{align-items:center;gap:8px;display:flex}.streak-badge{color:#fb7185;border-radius:var(--radius-full);background:#f43f5e1f;align-items:center;gap:3px;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.habit-delete-btn{color:var(--text-muted);opacity:.5;transition:var(--transition-smooth)}.habit-row:hover .habit-delete-btn{opacity:1}.habit-delete-btn:hover{color:#f43f5e}.notes-widget{flex-direction:column;padding:24px;display:flex}.note-input-form{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.note-title-input,.note-textarea{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.86rem}.note-title-input{border-bottom:1px solid #ffffff0f;padding-bottom:6px;font-weight:600}.note-textarea{resize:none}.note-title-input::placeholder,.note-textarea::placeholder{color:var(--text-muted)}.note-form-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.color-picker-row{gap:6px;display:flex}.color-pick-dot{width:16px;height:16px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:50%}.color-pick-dot:hover,.color-pick-dot.active{transform:scale(1.25);border-color:#fff!important}.note-add-btn{padding:6px 12px;font-size:.78rem}.notes-grid{flex-direction:column;gap:10px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.note-card{border-radius:var(--radius-md);transition:var(--transition-smooth);border:1px solid;flex-direction:column;gap:6px;padding:12px;display:flex;position:relative}.note-card:hover{transform:translateY(-2px)}.note-card.pinned{border-width:1.5px}.note-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.note-header-left{flex-direction:column;display:flex}.note-date{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:600}.note-card-title{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.3}.note-actions{align-items:center;gap:4px;display:flex}.note-action-btn{color:var(--text-muted);transition:var(--transition-smooth);border-radius:4px;padding:3px}.note-action-btn:hover{color:var(--text-primary);background:#ffffff1a}.pinned-icon{color:#fbbf24}.text-success{color:#10b981}.note-card-content{color:var(--text-secondary);word-break:break-word;white-space:pre-wrap;font-size:.82rem;line-height:1.4}.ambient-widget{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.audio-live-pill{color:#34d399;border-radius:var(--radius-full);background:#10b9811f;border:1px solid #10b9814d;align-items:center;gap:6px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.live-dot{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #34d399}.equalizer-bars{align-items:flex-end;gap:2px;height:10px;display:flex}.bar{background:#34d399;border-radius:2px;width:2px;animation:1s ease-in-out infinite alternate eqBounce}.bar-1{height:40%;animation-delay:.1s}.bar-2{height:90%;animation-delay:.3s}.bar-3{height:60%;animation-delay:.2s}@keyframes eqBounce{0%{height:20%}to{height:100%}}.soundscapes-grid{flex-direction:column;gap:8px;margin:12px 0 16px;display:flex}.soundscape-card{border-radius:var(--radius-md);border:1px solid var(--card-border);text-align:left;transition:var(--transition-smooth);background:#ffffff08;align-items:center;gap:12px;padding:10px 12px;display:flex}.soundscape-card:hover{background:#ffffff12;border-color:#fff3}.soundscape-card.active{background:#10b9811f;border-color:#10b98166}.soundscape-top{align-items:center;gap:8px;display:flex}.soundscape-icon-wrap{width:32px;height:32px;color:var(--accent-primary);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;display:flex}.soundscape-card.active .soundscape-icon-wrap{color:#fff;background:#10b981}.soundscape-info{flex:1}.soundscape-name{color:var(--text-primary);font-size:.86rem;font-weight:700}.soundscape-desc{color:var(--text-muted);font-size:.72rem}.soundscape-play-status{color:var(--text-muted)}.soundscape-card.active .soundscape-play-status{color:#10b981}.ambient-volume-bar{border-radius:var(--radius-md);background:#ffffff08;align-items:center;gap:10px;padding:8px 12px;display:flex}.volume-icon{color:var(--text-muted)}.volume-slider{accent-color:var(--accent-primary);cursor:pointer;flex:1;height:4px}.volume-value{font-size:.76rem;font-family:var(--font-mono);color:var(--text-muted);min-width:32px}.app-footer{border-top:1px solid var(--card-border);margin-top:20px;padding-top:20px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-left{color:var(--text-muted);font-size:.82rem}.footer-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-tag{border-radius:var(--radius-full);border:1px solid var(--card-border);color:var(--text-secondary);background:#ffffff0a;padding:3px 8px;font-size:.72rem}@media (width<=1100px){.stats-banner-container{grid-template-columns:1fr}.cell-tasks,.cell-timer{grid-column:span 12}.cell-habits,.cell-notes{grid-column:span 6}.cell-ambient{grid-column:span 12}}@media (width<=768px){.app-container{gap:20px;padding:16px}.navbar{flex-direction:column;align-items:stretch;gap:12px}.nav-left,.nav-center,.nav-right{justify-content:center}.metrics-grid{grid-template-columns:1fr}.cell-habits,.cell-notes,.cell-ambient{grid-column:span 12}.timer-modes-bar{flex-wrap:wrap}.timer-mode-btn{flex-basis:calc(50% - 4px)}}