.theme-obsidian{--bg-dark:#1e1e1e;--bg-shape-1:#2d164d;--bg-shape-2:#142129;--bg-shape-3:#1a1a1a;--card-bg:#252525a6;--card-border:#3a3a3a40;--card-border-hover:#a78bfa80;--text-primary:#dcddde;--text-secondary:#888;--accent-1:#7c3aed;--accent-2:#a78bfa;--accent-glow:0 0 15px #7c3aed66;--accent-glow-cyan:0 0 15px #a78bfa66;--badge-bg:#7c3aed1f;--badge-text:#a78bfa;--grad-start:#7c3aed;--grad-end:#a78bfa;--focus-ring:#a78bfa40;--btn-text:#fff}.theme-cyberpunk{--bg-dark:#07050d;--bg-shape-1:#3b0066;--bg-shape-2:#004b66;--bg-shape-3:#66003b;--card-bg:#0f0a1a99;--card-border:#b026ff26;--card-border-hover:#00f0ff80;--text-primary:#f1ecff;--text-secondary:#998ca8;--accent-1:#ff007f;--accent-2:#00f0ff;--accent-glow:0 0 15px #ff007f66;--accent-glow-cyan:0 0 15px #00f0ff66;--badge-bg:#ff007f1f;--badge-text:#ff007f;--grad-start:#ff007f;--grad-end:#00f0ff;--focus-ring:#00f0ff40;--btn-text:#07050d}.theme-aurora{--bg-dark:#030808;--bg-shape-1:#00331b;--bg-shape-2:#002e3b;--bg-shape-3:#130033;--card-bg:#071212a6;--card-border:#00ff871f;--card-border-hover:#60efff80;--text-primary:#e6f7f7;--text-secondary:#718a8a;--accent-1:#00ff87;--accent-2:#60efff;--accent-glow:0 0 15px #00ff8766;--accent-glow-cyan:0 0 15px #60efff66;--badge-bg:#00ff871f;--badge-text:#00ff87;--grad-start:#00ff87;--grad-end:#60efff;--focus-ring:#60efff40;--btn-text:#030808}.theme-nordic{--bg-dark:#0d1017;--bg-shape-1:#212c42;--bg-shape-2:#192130;--bg-shape-3:#2c213d;--card-bg:#161c29a6;--card-border:#8ca6db26;--card-border-hover:#a3bdfc80;--text-primary:#f0f3f8;--text-secondary:#8c97ad;--accent-1:#8ca6db;--accent-2:#a3bdfc;--accent-glow:0 0 15px #8ca6db4d;--accent-glow-cyan:0 0 15px #a3bdfc4d;--badge-bg:#8ca6db26;--badge-text:#8ca6db;--grad-start:#8ca6db;--grad-end:#a3bdfc;--focus-ring:#a3bdfc40;--btn-text:#0d1017}.theme-sunset{--bg-dark:#120907;--bg-shape-1:#421e14;--bg-shape-2:#3a1f0a;--bg-shape-3:#2d0e1b;--card-bg:#1a100da6;--card-border:#ff5e3626;--card-border-hover:#ffa60080;--text-primary:#fff2ee;--text-secondary:#bda299;--accent-1:#ff5e36;--accent-2:#ffa600;--accent-glow:0 0 15px #ff5e3666;--accent-glow-cyan:0 0 15px #ffa60066;--badge-bg:#ff5e361f;--badge-text:#ff5e36;--grad-start:#ff5e36;--grad-end:#ffa600;--focus-ring:#ffa60040;--btn-text:#120907}.light-mode{--bg-dark:#f6f8fa;--card-bg:#ffffffbf;--card-border:#00000014;--card-border-hover:var(--accent-1);--text-primary:#1b1f23;--text-secondary:#586069;--focus-ring:#0000000d;--btn-text:#fff}body.light-mode{color:#1b1f23!important;background-color:#f6f8fa!important}#app.app-container.light-mode,body.light-mode #app{background-color:#f6f8fa!important}.light-mode .shape{opacity:.18;mix-blend-mode:multiply}.light-mode.theme-obsidian{--bg-dark:#f4f5f6;--card-bg:#ffffffc7;--card-border:#00000012;--text-primary:#24292e;--text-secondary:#586069}.light-mode.theme-cyberpunk{--bg-dark:#faf5fa;--card-bg:#ffffffc7;--card-border:#ff007f26;--text-primary:#2d0016;--text-secondary:#704058}.light-mode.theme-aurora{--bg-dark:#f5faf7;--card-bg:#ffffffc7;--card-border:#00ff8726;--text-primary:#002d1a;--text-secondary:#407058}.light-mode.theme-nordic{--bg-dark:#f5f8fc;--card-bg:#ffffffc7;--card-border:#8ca6db40;--text-primary:#0d1a30;--text-secondary:#5a6880}.light-mode.theme-sunset{--bg-dark:#faf6f5;--card-bg:#ffffffc7;--card-border:#ff5e3626;--text-primary:#301005;--text-secondary:#80584b}.light-mode #digital-clock{text-shadow:none!important;color:var(--accent-1)!important}.light-mode .timer-ring-bg,.light-mode .chart-grid-line{stroke:#0000000a!important}.light-mode .chart-axis-line{stroke:#0000001a!important}.light-mode .line-numbers{color:#00000040!important;background:#00000005!important;border-right-color:#0000000d!important}.light-mode .audio-mixer,.light-mode .radio-pill-group,.light-mode .select-group select,.light-mode .task-input-form input[type=text],.light-mode #scratchpad-text,.light-mode .notepad-editor{background:#ffffffe6!important}.light-mode .task-item{background:#00000004!important;border-color:#00000008!important}.light-mode .task-item:hover{background:#00000008!important;border-color:#0000000f!important}.light-mode .task-cat-tag{background:#0000000a!important}.light-mode .sound-btn{background:#00000004!important;border-color:#00000008!important}.light-mode .sound-btn:hover{background:#00000008!important}.light-mode .sound-btn.active{background:var(--badge-bg)!important;border-color:var(--accent-1)!important}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;transition:background-color .5s;overflow-x:hidden}.mono-text{font-family:JetBrains Mono,monospace;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-1)}.app-container{width:100%;min-height:100vh;padding:24px;position:relative;overflow:hidden}.bg-gradient-shapes{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{filter:blur(140px);opacity:.45;mix-blend-mode:screen;border-radius:50%;transition:background-color .8s;animation:25s ease-in-out infinite alternate float;position:absolute}.shape-1{background-color:var(--bg-shape-1);width:45vw;height:45vw;animation-duration:28s;top:-10vw;left:-10vw}.shape-2{background-color:var(--bg-shape-2);width:40vw;height:40vw;animation-duration:32s;animation-delay:-5s;bottom:-5vw;right:-5vw}.shape-3{background-color:var(--bg-shape-3);width:35vw;height:35vw;animation-duration:24s;animation-delay:-10s;top:30%;left:45%}@keyframes float{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(8%,5%)scale(1.1)rotate(180deg)}to{transform:translate(-5%,-8%)scale(.9)rotate(360deg)}}.dashboard-wrapper{z-index:1;flex-direction:column;gap:28px;max-width:1560px;margin:0 auto;display:flex;position:relative}.dashboard-header{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}.header-left{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.logo-area{color:inherit;cursor:pointer;align-items:center;gap:12px;text-decoration:none;transition:opacity .2s;display:flex}.logo-area:hover{opacity:.8}.logo-svg{filter:none}.logo-svg stop.grad-start{stop-color:var(--accent-1)}.logo-svg stop.grad-end{stop-color:var(--accent-2)}.logo-core{fill:var(--text-primary);animation:3s ease-in-out infinite alternate pulseCore}@keyframes pulseCore{0%{fill:var(--accent-1);transform:scale(1)}to{fill:var(--accent-2);transform:scale(1.3)}}.brand-text h1{letter-spacing:3px;background:linear-gradient(135deg, var(--accent-1), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:19px;font-weight:700}.brand-sub{letter-spacing:2px;color:var(--text-secondary);font-size:9px;font-weight:600}.greeting-area h2{margin-bottom:2px;font-size:22px;font-weight:600}.greeting-subtitle{color:var(--text-secondary);font-size:13px}.header-right{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.meta-widget{border-right:1px solid #ffffff14;align-items:center;gap:20px;padding-right:24px;display:flex}.time-display{flex-direction:column;align-items:flex-end;display:flex}#digital-clock{letter-spacing:1px;color:var(--accent-2);text-shadow:var(--accent-glow-cyan);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}#date-display{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.weather-display{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:6px 12px;display:flex}.weather-info{flex-direction:column;display:flex}#weather-temp{font-size:13px;font-weight:600}#weather-condition{color:var(--text-secondary);font-size:10px}.theme-selector{background:#0003;border:1px solid #ffffff0d;border-radius:12px;gap:8px;padding:6px;display:flex}.theme-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.theme-btn:hover{background:#ffffff0f}.theme-btn.active{border-color:var(--accent-1);background:#ffffff1f}.dot{border-radius:50%;width:12px;height:12px}.obsidian-dot{background:#7c3aed}.cyberpunk-dot{background:#ff007f}.aurora-dot{background:#00ff87}.nordic-dot{background:#8ca6db}.sunset-dot{background:#ff5e36}.mode-toggle-btn{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mode-toggle-btn:hover{color:var(--text-primary);border-color:var(--accent-1);background:#ffffff0f}.light-mode .mode-toggle-btn{color:var(--text-secondary);background:#00000005;border-color:#0000000f}.light-mode .mode-toggle-btn:hover{color:var(--text-primary);border-color:var(--accent-1);background:#0000000a}.sun-icon{display:block}.moon-icon,.light-mode .sun-icon{display:none}.light-mode .moon-icon{display:block}.dashboard-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.dashboard-grid{grid-template-columns:1.1fr 1.2fr 1.1fr}}.grid-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000040}.grid-card:hover{border-color:var(--card-border-hover);transform:translateY(-4px);box-shadow:0 16px 50px #00000059}.card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h3{letter-spacing:1.5px;color:var(--text-secondary);font-size:13px;font-weight:700}.card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.badge{letter-spacing:1px;background:var(--badge-bg);color:var(--badge-text);border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;box-shadow:0 0 10px #0000001a}.pomodoro-content{justify-content:center;align-items:center;gap:24px}.timer-ring-container{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.timer-svg{position:absolute;top:0;left:0}.timer-ring-bg{stroke:#ffffff08}.timer-ring-progress{stroke-linecap:round;transition:stroke-dashoffset .3s linear}.timer-text-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex}.timer-numbers{color:var(--text-primary);letter-spacing:-1.5px;text-shadow:0 0 10px #0003;font-family:JetBrains Mono,monospace;font-size:44px;font-weight:700;line-height:1}.timer-label{letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;margin-top:6px;font-size:9px;font-weight:700}.timer-presets{gap:8px;width:100%;display:flex}.preset-select{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;outline:none;flex:1;padding:8px 6px;font-size:11px;font-weight:600;transition:all .2s}.preset-select:hover{color:var(--text-primary);background:#ffffff0f}.preset-select:focus{border-color:var(--accent-1)}.preset-select option{background:var(--bg-dark);color:var(--text-primary)}.preset-select option:checked{background:var(--accent-1);color:var(--btn-text)}.preset-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex:1;padding:8px 6px;font-size:11px;font-weight:600;transition:all .2s}.preset-btn:hover{color:var(--text-primary);background:#ffffff0f}.preset-btn.active{background:var(--badge-bg);color:var(--badge-text);box-shadow:var(--accent-glow);border-color:#fff0}.timer-controls{align-items:center;gap:16px;display:flex}.control-btn{cursor:pointer;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.control-btn.primary{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));width:60px;height:60px;color:var(--btn-text);box-shadow:var(--accent-glow);border:none;border-radius:50%}.control-btn.primary:hover{box-shadow:var(--accent-glow), var(--accent-glow-cyan);transform:scale(1.08)}.control-btn.primary:active{transform:scale(.95)}.control-btn.secondary{width:42px;height:42px;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:50%}.control-btn.secondary:hover{color:var(--text-primary);background:#ffffff14;transform:scale(1.05)}.session-stats{color:var(--text-secondary);letter-spacing:.5px;font-size:11px}.task-progress-box{align-items:center;gap:12px;display:flex}#task-pct{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:11px}.progress-bar-bg{background:#ffffff0d;border-radius:4px;width:80px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));border-radius:4px;height:100%;transition:width .4s cubic-bezier(.25,.8,.25,1)}.task-input-form{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.input-row{gap:8px;display:flex}.task-input-form input[type=text]{border:1px solid var(--card-border);color:var(--text-primary);background:#0003;border-radius:12px;outline:none;flex-grow:1;padding:12px 16px;font-size:13px;transition:all .3s}.task-input-form input[type=text]:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--focus-ring);background:#0000004d}.task-add-btn{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:var(--btn-text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.task-add-btn:hover{box-shadow:var(--accent-glow);transform:scale(1.05)}.meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.select-group{align-items:center;gap:10px;display:flex}.select-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.radio-pill-group{border:1px solid var(--card-border);background:#0003;border-radius:8px;padding:4px;display:flex}.radio-pill-group input[type=radio]{display:none}.pill-label{cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .2s}.radio-pill-group input[type=radio]:checked+.pill-label.low{color:var(--accent-2);text-shadow:var(--accent-glow-cyan);background:#00f0ff26}.radio-pill-group input[type=radio]:checked+.pill-label.medium{color:#ffa600;background:#ffa60026}.radio-pill-group input[type=radio]:checked+.pill-label.high{color:var(--accent-1);text-shadow:var(--accent-glow);background:#ff007f26}.select-group select{border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;background:#0003;border-radius:8px;outline:none;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.select-group select:focus{border-color:var(--accent-2)}.task-filters{border-bottom:1px solid #ffffff0d;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.filter-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:600;transition:color .2s;position:relative}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{color:var(--accent-2)}.filter-tab.active:after{content:"";background:var(--accent-2);width:100%;height:2px;box-shadow:var(--accent-glow-cyan);border-radius:2px;position:absolute;bottom:-13px;left:0}.task-list-wrapper{flex-grow:1;max-height:280px;padding-right:4px;position:relative;overflow-y:auto}.task-list{flex-direction:column;gap:10px;list-style:none;display:flex}.task-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.3s cubic-bezier(.175,.885,.32,1.1) forwards slideInTask;display:flex}@keyframes slideInTask{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-item:hover{background:#ffffff0a;border-color:#ffffff14}.task-item-left{flex-grow:1;align-items:center;gap:12px;display:flex}.checkbox-btn{border:1.5px solid var(--text-secondary);cursor:pointer;color:#0000;background:0 0;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.checkbox-btn:hover{border-color:var(--accent-2);background:#00f0ff0d}.task-item.completed .checkbox-btn{background:var(--accent-2);border-color:var(--accent-2);color:var(--btn-text)}.task-item.completed .task-text{color:var(--text-secondary);opacity:.6;text-decoration:line-through}.task-text{color:var(--text-primary);font-size:13px;line-height:1.4;transition:all .2s}.task-item-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.task-prio-tag{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:8px;font-weight:700}.task-prio-tag.low{color:var(--accent-2);background:#00f0ff1a}.task-prio-tag.medium{color:#ffa600;background:#ffa6001a}.task-prio-tag.high{color:var(--accent-1);background:#ff007f1a}.task-cat-tag{color:var(--text-secondary);background:#ffffff0d;border-radius:4px;padding:1px 6px;font-size:9px}.btn-task-delete{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;transition:all .2s}.task-item:hover .btn-task-delete{opacity:1}.btn-task-delete:hover{color:var(--accent-1)}.empty-state{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state p{font-size:12px}.section-desc{color:var(--text-secondary);margin-bottom:16px;font-size:11px;line-height:1.4}.sound-presets{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.sound-btn{color:var(--text-primary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:12px 10px;transition:all .2s;display:flex}.sound-btn:hover{background:#ffffff0d;border-color:#ffffff1a}.sound-btn.active{background:var(--badge-bg);border-color:var(--accent-1);box-shadow:0 0 10px #ff007f1a}.sound-btn .icon{font-size:16px}.sound-btn .label{text-align:left;font-size:11px;font-weight:600}.audio-mixer{background:#00000026;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.mixer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mixer-row.flex-end{justify-content:flex-end;margin-top:4px}.mixer-label{color:var(--text-secondary);font-size:11px;font-weight:600}#sound-volume{cursor:pointer;-webkit-appearance:none;background:#ffffff14;border-radius:2px;outline:none;flex-grow:1;height:4px}#sound-volume::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-2);width:12px;height:12px;box-shadow:var(--accent-glow-cyan);border-radius:50%;transition:transform .1s}#sound-volume::-webkit-slider-thumb:hover{transform:scale(1.3)}#volume-val{color:var(--text-secondary);text-align:right;width:32px;font-size:11px}.toggle-switch{width:32px;height:18px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:#ffffff1a;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.slider-round{background-color:var(--accent-1)}.toggle-switch input:checked+.slider-round:before{transform:translate(14px)}.toggle-label{color:var(--text-secondary);font-size:10px;font-weight:500}.indicator-pulse{background-color:var(--text-secondary);opacity:.5;border-radius:50%;width:6px;height:6px;transition:all .3s}.indicator-pulse.playing{background-color:var(--accent-1);box-shadow:var(--accent-glow);opacity:1;animation:1.2s ease-in-out infinite audioPulse}@keyframes audioPulse{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}to{opacity:.5;transform:scale(1)}}.header-actions{gap:8px;display:flex}.action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.action-btn:hover{color:var(--text-primary);background:#ffffff0d}.notepad-editor{border:1px solid var(--card-border);background:#0003;border-radius:12px;height:180px;display:flex;overflow:hidden}.line-numbers{color:#ffffff26;text-align:right;-webkit-user-select:none;user-select:none;background:#00000026;border-right:1px solid #ffffff08;min-width:28px;padding:12px 8px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6}#scratchpad-text{resize:none;color:var(--text-primary);background:0 0;border:none;outline:none;flex-grow:1;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6}.scratchpad-meta{color:var(--text-secondary);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.wisdom-content{gap:20px}.zen-quote{border-left:3px solid var(--accent-1);background:#ffffff05;border-radius:0 12px 12px 0;padding:14px 16px;animation:.6s fadeInQuote;box-shadow:0 4px 15px #0000001a}@keyframes fadeInQuote{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.zen-quote p{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-style:italic;line-height:1.5}.zen-quote cite{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-style:normal;font-weight:600}.productivity-chart-area{flex-direction:column;gap:10px;display:flex}.chart-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:11px;font-weight:600}.svg-chart-container{background:#00000026;border:1px solid #ffffff08;border-radius:12px;height:110px;padding:10px}.chart-grid-line{stroke:#ffffff08;stroke-width:1px}.chart-axis-line{stroke:#ffffff14;stroke-width:1px}.scale-text{fill:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:7px}.chart-label-text{fill:var(--text-secondary);text-anchor:middle;font-family:JetBrains Mono,monospace;font-size:8px}.chart-line{fill:none;stroke:url(#timerGrad);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px #0000004d)}.chart-fill{fill:url(#chartFillGrad);opacity:.15}.chart-dot{fill:var(--text-primary);stroke:var(--accent-1);stroke-width:2px;cursor:pointer;transition:r .2s,fill .2s}.chart-dot:hover{r:5px;fill:var(--accent-2)}.grid-col-stack{flex-direction:column;gap:28px;display:flex}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--card-bg);border:1px solid var(--accent-2);min-width:260px;color:var(--text-primary);-webkit-backdrop-filter:blur(16px);box-shadow:var(--accent-glow-cyan), 0 8px 24px #0006;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:12px;font-weight:500;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards toastSlideIn;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.toast.fade-out{animation:.4s forwards toastFadeOut}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.toast-icon{font-size:16px}.toggle-switch .slider{cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff0d;transition:all .3s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background-color:var(--text-secondary);width:12px;height:12px;transition:all .3s;position:absolute;bottom:2px;left:2px}.toggle-switch input:checked+.slider{background-color:var(--badge-bg);border-color:var(--accent-1)}.toggle-switch input:checked+.slider:before{background-color:var(--accent-1);box-shadow:var(--accent-glow);transform:translate(14px)}.toggle-switch .slider.round{border-radius:20px}.toggle-switch .slider.round:before{border-radius:50%}
