@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@400;500&display=swap";:root{--color-bg: #1a1a1a;--color-bg-rgb: 26, 26, 26;--color-bg-secondary: #242424;--color-fg: #ffffff;--color-border: #333333;--color-border-hover: #444444;--color-hover: #2a2a2a;--color-text-secondary: #999999;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-rgb: 99, 102, 241;--color-glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(var(--color-bg-rgb), .3);--font-body: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--font-display: "Syne", "SF Pro Display", system-ui, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;font-family:var(--font-body);line-height:1.6;font-weight:400;letter-spacing:-.01em;color:var(--color-fg);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--color-bg: #FFFFFF;--color-bg-rgb: 255, 255, 255;--color-bg-secondary: #F5F5F5;--color-fg: #000000;--color-border: #E0E0E0;--color-border-hover: #CCCCCC;--color-hover: #F5F5F5;--color-text-secondary: #666666;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-rgb: 99, 102, 241;--color-glass-border: rgba(0, 0, 0, .08)}:root[data-theme=night]{--color-bg: #0a0a1a;--color-bg-rgb: 10, 10, 26;--color-bg-secondary: #12122a;--color-fg: #e8e8ff;--color-border: #2a2a4a;--color-border-hover: #3a3a5a;--color-hover: #1a1a3a;--color-text-secondary: #8888bb;--color-primary: #9d8cff;--color-primary-hover: #8b7aee;--color-primary-rgb: 157, 140, 255;--color-glass-border: rgba(232, 232, 255, .1)}:root[data-theme=synthwave]{--color-bg: #0d0221;--color-bg-rgb: 13, 2, 33;--color-bg-secondary: #150430;--color-fg: #ffffff;--color-border: #ff2d95;--color-border-hover: #00ffff;--color-hover: #1a0a3a;--color-text-secondary: #ff9de6;--color-primary: #00ffff;--color-primary-hover: #ff2d95;--color-primary-rgb: 0, 255, 255;--color-glass-border: rgba(255, 45, 149, .2)}:root[data-theme=forest]{--color-bg: #1a2f1a;--color-bg-rgb: 26, 47, 26;--color-bg-secondary: #243524;--color-fg: #e8f5e8;--color-border: #3d5c3d;--color-border-hover: #4a704a;--color-hover: #2a3f2a;--color-text-secondary: #a8c8a8;--color-primary: #7cb87c;--color-primary-hover: #6aa86a;--color-primary-rgb: 124, 184, 124;--color-glass-border: transparent}:root[data-theme=ocean]{--color-bg: #0a1a2a;--color-bg-rgb: 10, 26, 42;--color-bg-secondary: #122a3a;--color-fg: #e8f4ff;--color-border: #2a4a6a;--color-border-hover: #3a5a7a;--color-hover: #1a2a4a;--color-text-secondary: #88b8d8;--color-primary: #5ca8d8;--color-primary-hover: #4a98c8;--color-primary-rgb: 92, 168, 216;--color-glass-border: transparent}:root[data-theme=coffee]{--color-bg: #2a1f1a;--color-bg-rgb: 42, 31, 26;--color-bg-secondary: #3a2f2a;--color-fg: #f5efe8;--color-border: #5c4a3d;--color-border-hover: #6c5a4d;--color-hover: #3a2f24;--color-text-secondary: #c8b8a8;--color-primary: #d4a574;--color-primary-hover: #c49564;--color-primary-rgb: 212, 165, 116;--color-glass-border: transparent}:root[data-theme=mountain]{--color-bg: #1a2030;--color-bg-rgb: 26, 32, 48;--color-bg-secondary: #242a40;--color-fg: #f0f4ff;--color-border: #3a4060;--color-border-hover: #4a5070;--color-hover: #2a3050;--color-text-secondary: #98a8c8;--color-primary: #7090c0;--color-primary-hover: #6080b0;--color-primary-rgb: 112, 144, 192;--color-glass-border: transparent}:root[data-theme=nightowl]{--color-bg: #0a0f1a;--color-bg-rgb: 10, 15, 26;--color-bg-secondary: #121828;--color-fg: #e0e8f0;--color-border: #2a3a50;--color-border-hover: #3a4a60;--color-hover: #141c2a;--color-text-secondary: #7090b0;--color-primary: #5090d0;--color-primary-hover: #4080c0;--color-primary-rgb: 80, 144, 208;--color-glass-border: transparent}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;min-width:320px;height:100%;overflow:hidden;background-color:var(--color-bg);touch-action:manipulation}:root[data-theme=night] body,:root[data-theme=synthwave] body,:root[data-theme=forest] body,:root[data-theme=ocean] body,:root[data-theme=coffee] body,:root[data-theme=mountain] body,:root[data-theme=nightowl] body{background-color:transparent}#root{height:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}button{border-radius:8px;border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg);color:var(--color-fg);cursor:pointer;transition:background-color .2s,border-color .2s}button:hover{background-color:var(--color-hover);border-color:var(--color-fg)}button:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;font-size:1em;padding:.5em;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-bg);color:var(--color-fg);transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:var(--color-fg)}input[type=number]{max-width:100px}input[type=checkbox]{width:18px;height:18px;cursor:pointer}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px}}.tooltip-trigger{display:inline-flex}.tooltip{position:fixed;z-index:1000;display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:rgba(var(--color-bg-rgb),.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000004d;pointer-events:none;animation:tooltipFadeIn .15s ease-out;white-space:nowrap}.tooltip-bottom{transform:translate(-50%)}.tooltip-top{transform:translate(-50%) translateY(-100%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-top{animation-name:tooltipFadeInTop}@keyframes tooltipFadeInTop{0%{opacity:0;transform:translate(-50%) translateY(calc(-100% + 4px))}to{opacity:1;transform:translate(-50%) translateY(-100%)}}.tooltip-text{font-size:.75rem;font-weight:500;color:var(--color-fg)}.tooltip-shortcut{display:inline-block;padding:.125rem .375rem;font-family:inherit;font-size:.625rem;font-weight:600;background:var(--color-hover);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary)}@media(max-width:480px){.tooltip{display:none}}.free-flow-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:100px}.free-flow-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:none;border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.free-flow-tab:hover{color:var(--color-fg)}.free-flow-tab.active{background:var(--color-fg);color:#0a0a1a!important;box-shadow:0 2px 8px #00000026}.free-flow-tab.active svg{color:#0a0a1a!important;stroke:#0a0a1a!important}.free-flow-tab.active span{color:#0a0a1a!important}@media(max-width:480px){.free-flow-tab{padding:.5rem .75rem;font-size:.75rem}}.quotes-display{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:200px}.quote-content{transition:opacity .3s ease}.quote-content.fading{opacity:0}.quote-text{font-family:Cormorant Garamond,serif;font-size:3rem;font-style:italic;font-weight:400;line-height:1.3;color:var(--color-fg);margin:0 0 1.25rem;max-width:650px}.quote-author{font-size:1.0625rem;font-style:normal;color:var(--color-text-secondary);display:block}.quote-hint{margin-top:1.5rem;font-size:.75rem;color:var(--color-text-tertiary);opacity:.6}@media(max-width:768px){.quotes-display{padding:1.5rem}.quote-text{font-size:2.5rem}}@media(max-width:480px){.quote-text{font-size:2rem}.quote-author{font-size:1rem}}.pomodoro-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:2rem;max-width:600px;position:relative;animation:fadeInUp var(--duration-slow) var(--ease-out-expo) .1s both}.timer-mode-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.timer-settings-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.timer-settings-btn:hover{color:var(--color-fg);border-color:var(--color-text-secondary)}.timer-settings-btn.active{color:var(--color-fg);border-color:var(--color-fg);background:#ffffff1a}.timer-settings-btn.active svg{color:var(--color-fg);stroke:var(--color-fg)}.timer-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.timer-icon-btn:hover{color:var(--color-fg);border-color:var(--color-text-secondary)}.timer-icon-btn.active{color:var(--color-fg);border-color:var(--color-fg);background:#ffffff1a}.flow-progress{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;padding:.5rem .875rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:100px;height:auto}.flow-segment{flex:1;min-width:16px;height:14px;border-radius:4px;background:var(--color-border);position:relative;overflow:hidden;transition:background .3s ease,box-shadow .3s ease}.flow-segment:not(.completed):not(.current){background:rgba(var(--color-bg-rgb),.4);border:1px solid var(--color-border)}.flow-segment.completed{background:var(--color-fg);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.5),inset 0 1px #fff3}.flow-segment.current{background:rgba(var(--color-bg-rgb),.6);border:1px solid var(--color-fg);box-shadow:0 0 8px rgba(var(--color-primary-rgb),.4)}.flow-segment-fill{position:absolute;top:0;left:0;height:100%;background:var(--color-fg);border-radius:3px;transition:width .5s linear;box-shadow:0 0 6px rgba(var(--color-primary-rgb),.6)}.flow-segment.break-active{animation:segmentBreathePulse 2.5s ease-in-out infinite}@keyframes segmentBreathePulse{0%,to{box-shadow:0 0 10px rgba(var(--color-primary-rgb),.5),inset 0 1px #fff3;transform:scale(1)}50%{box-shadow:0 0 16px rgba(var(--color-primary-rgb),.7),inset 0 1px #ffffff4d;transform:scale(1.05)}}:root[data-theme=synthwave] .flow-segment.completed{background:#0ff;box-shadow:0 0 12px #00ffffb3,0 0 24px #0ff6,inset 0 1px #ffffff4d}:root[data-theme=synthwave] .flow-segment.current{border-color:#ff2d95;box-shadow:0 0 8px #ff2d9580,0 0 16px #00ffff4d}:root[data-theme=synthwave] .flow-segment-fill{background:linear-gradient(90deg,#ff2d95,#0ff);box-shadow:0 0 8px #ff2d9599,0 0 16px #0ff6}:root[data-theme=synthwave] .flow-segment.break-active{animation:synthwavePulse 2s ease-in-out infinite}@keyframes synthwavePulse{0%,to{box-shadow:0 0 12px #00ffffb3,0 0 24px #0ff6;transform:scale(1)}50%{box-shadow:0 0 20px #00ffffe6,0 0 40px #ff2d9599;transform:scale(1.08)}}:root[data-theme=night] .flow-segment.completed{background:#9d8cff;box-shadow:0 0 10px #9d8cff99,inset 0 1px #ffffff26}:root[data-theme=night] .flow-segment.current{border-color:#9d8cff;box-shadow:0 0 8px #9d8cff66}:root[data-theme=night] .flow-segment-fill{background:linear-gradient(90deg,#8b7aee,#b8a9ff);box-shadow:0 0 8px #9d8cff80}:root[data-theme=light] .flow-segment:not(.completed):not(.current){background:#0000000f;border-color:#0000001f}:root[data-theme=light] .flow-segment.completed{background:var(--color-fg);box-shadow:0 2px 8px #00000026}:root[data-theme=light] .flow-segment-fill{background:var(--color-fg);box-shadow:none}.pomodoro-timer.free-flow-mode{justify-content:stretch}.timer-center-group{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}@media(max-width:480px){.timer-center-group{gap:.75rem}}@media(min-width:481px){.pomodoro-timer.free-flow-mode .timer-content{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.desktop-freeflow-tabs{display:contents}.pomodoro-timer.free-flow-mode .timer-mode-controls{padding-top:1rem}.pomodoro-timer.free-flow-mode .timer-display-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.pomodoro-timer.free-flow-mode .timer-controls{flex-shrink:0;padding-bottom:1rem}}@media(max-width:480px){.timer-mode-controls{justify-content:center}.timer-settings-btn{width:32px;height:32px;padding:0;border-radius:50%;justify-content:center}.timer-settings-btn span{display:none}.timer-settings-btn svg{width:14px;height:14px}.timer-icon-btn{width:32px;height:32px}.timer-icon-btn svg{width:14px;height:14px}.desktop-freeflow-tabs{display:none}}.pomodoro-timer.celebrating{animation:celebratePulse .6s var(--ease-out-expo)}.pomodoro-timer.celebrating .timer-display{animation:glowBurst .6s var(--ease-out-expo)}.mode-indicator{font-family:var(--font-display);padding:.5rem 1.5rem;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase;transition:all .3s ease}.mode-indicator[data-mode=vibe]{background-color:var(--color-fg);color:var(--color-bg);border:none}.mode-indicator[data-mode=chill]{background-color:var(--color-hover);color:var(--color-text-secondary);border:none}.timer-header{display:flex;align-items:center;gap:.75rem}.timer-task-name{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-display{position:relative;font-family:Michroma,sans-serif;font-size:10rem;font-weight:400;letter-spacing:.05em;text-align:center;transition:color .3s ease,opacity .2s ease,visibility .2s ease}.timer-display.hidden{visibility:hidden;opacity:0}.timer-display-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .3s ease,max-height .3s ease;max-height:300px;overflow:visible}.pomodoro-timer.clock-hidden .timer-display-wrapper{max-height:0;opacity:0;pointer-events:none}.pomodoro-timer.clock-hidden .timer-mode-controls{min-width:420px;margin-bottom:1.5rem;transition:margin-bottom .3s ease}.timer-mode-controls{transition:margin-bottom .3s ease}@media(min-width:1400px){.pomodoro-timer.clock-hidden .timer-mode-controls{min-width:520px}}@media(max-width:768px){.pomodoro-timer.clock-hidden .timer-mode-controls{min-width:290px}}@media(max-width:480px){.pomodoro-timer.clock-hidden .timer-mode-controls{min-width:200px}}@media(min-width:1400px){.timer-display{font-size:10rem}}.timer-colon{animation:blink 1s step-end infinite}.timer-colon.paused{animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.duration-editor{position:absolute;top:50%;left:calc(100% + 1.5rem);transform:translateY(-50%);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;padding:1.25rem;box-shadow:0 8px 32px #0000004d;z-index:100;min-width:220px;animation:editorSlideIn .2s ease-out}@keyframes editorSlideIn{0%{opacity:0;transform:translateY(-50%) translate(-8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.duration-editor:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:var(--glass-bg)}.duration-editor-header{display:none}.preset-buttons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.preset-btn{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-fg);cursor:pointer;transition:all .15s ease;text-align:left}.preset-btn:hover{background:var(--color-hover);border-color:var(--color-text-secondary)}.preset-btn.active{background:rgba(var(--color-fg-rgb, 255, 255, 255),.1);border-color:var(--color-fg)}.preset-btn-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.preset-btn-name{font-size:.875rem;font-weight:600}.preset-btn-times{font-size:.75rem;color:var(--color-text-secondary);font-family:var(--font-mono, monospace)}.preset-btn-description{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem;line-height:1.3}.preset-divider{height:1px;background:rgba(var(--color-fg-rgb, 255, 255, 255),.1);margin:.25rem 0}.preset-btn.preset-btn-featured{border-style:dashed}.preset-btn.preset-btn-featured.active{border-style:solid}.preset-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(var(--color-fg-rgb, 255, 255, 255),.1);animation:slideDown .2s ease-out}.preset-info{display:flex;flex-direction:column;gap:.35rem}.preset-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-secondary)}.preset-info-row>span:last-child{color:var(--color-fg);font-weight:500}.preset-value-editable{display:flex;align-items:center;gap:.25rem;color:var(--color-fg);font-weight:500}.preset-value-editable input{width:2.25rem;padding:.1rem 0;font-size:16px;font-weight:500;text-align:right;background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-fg);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;transition:border-color .15s ease;touch-action:manipulation}.preset-value-editable input:hover{border-color:var(--color-text-secondary)}.preset-value-editable span{font-size:.8rem;color:var(--color-text-secondary);font-weight:400}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.duration-editor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.duration-editor-row:not(:last-child){border-bottom:1px solid rgba(var(--color-fg-rgb, 255, 255, 255),.1)}.duration-editor-row label{font-size:.85rem;font-weight:500;color:var(--color-fg);white-space:nowrap}.duration-editor-input{display:flex;align-items:center;gap:.35rem}.duration-editor-input input{width:3rem;padding:.35rem .5rem;font-size:16px;font-weight:600;text-align:center;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:6px;color:var(--color-fg);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.duration-editor-input input::-webkit-outer-spin-button,.duration-editor-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-editor-input input:focus{outline:none;border:1px solid var(--color-fg)}.duration-editor-input span{font-size:.75rem;color:var(--color-text-secondary);text-transform:lowercase}.duration-editor-toggle{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;margin-top:.25rem;cursor:pointer;font-size:.85rem;color:var(--color-fg)}.duration-editor-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:36px;height:20px;background:var(--color-border);border-radius:10px;transition:background-color .2s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-bg);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.duration-editor-toggle input:checked+.toggle-switch{background:var(--color-fg)}.duration-editor-toggle input:checked+.toggle-switch:after{transform:translate(16px)}.timer-display{transition:color .3s ease,text-shadow .3s ease;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5),0 0 16px rgba(255,255,255,.25)}:root[data-theme=light] .timer-display{color:#1a1a1a;text-shadow:0 0 8px rgba(0,0,0,.2),0 0 16px rgba(0,0,0,.1)}:root[data-theme=night] .timer-display{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6),0 0 16px rgba(255,255,255,.3)}:root[data-theme=synthwave] .timer-display{color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 40px #00ffff,0 0 80px #00ffff;animation:neonFlicker 4s ease-in-out infinite}:root[data-theme=forest] .timer-display{color:#90d890;text-shadow:0 0 8px rgba(144,216,144,.6),0 0 16px rgba(124,184,124,.4)}:root[data-theme=ocean] .timer-display{color:#88c8e8;text-shadow:0 0 8px rgba(136,200,232,.6),0 0 16px rgba(92,168,216,.4)}:root[data-theme=coffee] .timer-display{color:#e8c088;text-shadow:0 0 8px rgba(232,192,136,.6),0 0 16px rgba(212,165,116,.4)}:root[data-theme=mountain] .timer-display{color:#c8d8f0;text-shadow:0 0 8px rgba(200,216,240,.6),0 0 16px rgba(112,144,192,.4)}:root[data-theme=nightowl] .timer-display{color:#60a0ff;text-shadow:0 0 8px rgba(96,160,255,.6),0 0 16px rgba(64,128,255,.4)}@keyframes neonFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}:root[data-theme=synthwave] .mode-indicator[data-mode=vibe]{background:linear-gradient(135deg,#ff2d95,#bf00ff);box-shadow:0 0 10px #ff2d9580}:root[data-theme=synthwave] .mode-indicator[data-mode=chill]{background:#00ffff26;color:#0ff;box-shadow:0 0 10px #00ffff4d}:root[data-theme=synthwave] .timer-btn-primary{background:linear-gradient(135deg,#ff2d95,#bf00ff);border:none;box-shadow:0 0 10px #ff2d9580,0 0 20px #bf00ff4d}:root[data-theme=synthwave] .timer-btn-primary:hover{box-shadow:0 0 15px #ff2d95b3,0 0 30px #bf00ff80}.timer-controls{display:flex;gap:1rem;justify-content:center;align-items:center;animation:fadeInUp var(--duration-normal) var(--ease-out-expo) .2s both}.timer-btn{width:44px;height:44px;padding:0;background-color:transparent;color:var(--color-text-secondary);border:none;border-radius:50%;cursor:pointer;transition:color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) ease;display:flex;align-items:center;justify-content:center}.timer-btn:hover{color:var(--color-fg);background-color:var(--color-hover)}.timer-btn:active{transform:scale(.92)}.timer-btn.long-press-active{color:var(--color-fg);background-color:var(--color-primary);transform:scale(1.1)}.timer-btn-primary{width:64px;height:64px;background-color:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg);transition:transform var(--duration-fast) var(--ease-out-expo),opacity var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.timer-btn-primary:hover{opacity:.9;box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.3)}.timer-btn-primary:active{transform:scale(.94)}@media(min-width:1400px){.timer-controls{gap:1.25rem}.timer-btn{width:52px;height:52px}.timer-btn svg{width:24px;height:24px}.timer-btn-primary{width:72px;height:72px}.timer-btn-primary svg{width:28px;height:28px}.mode-indicator{font-size:.9rem;padding:.6rem 1.75rem}}@media(max-width:968px){.pomodoro-timer{justify-content:flex-start}}@media(max-width:768px){.timer-display{font-size:5.5rem}.timer-display-tooltip{top:-1rem;bottom:auto;opacity:.5;visibility:visible;transform:translate(-50%) translateY(-100%)}}@media(max-width:480px){.timer-display{font-size:clamp(3rem,18vw,4.5rem)}.timer-content{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;min-height:0}.timer-center-group{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;flex:1;min-height:0}.pomodoro-timer>.timer-controls{display:none}.vibe-progress.desktop-only{display:none}.flow-progress{padding:.4rem .7rem;gap:3px}.flow-segment{min-width:12px;height:12px;border-radius:3px}.mode-indicator{font-size:.65rem;padding:.4rem 1rem}.timer-btn{width:40px;height:40px}.timer-btn-primary{width:56px;height:56px}.duration-editor{position:fixed;top:auto;left:0;right:0;bottom:0;transform:none;min-width:100%;width:100%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;padding:1.25rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom));animation:editorSlideUp .25s ease-out}.duration-editor:before{display:none}.duration-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.duration-editor-title{font-size:1.1rem;font-weight:600;color:var(--color-fg);margin:0}.duration-editor-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(var(--color-bg-rgb),.5);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.duration-editor-close:hover,.duration-editor-close:active{background:var(--color-hover);color:var(--color-fg)}@keyframes editorSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.duration-editor-row{padding:.6rem 0}.duration-editor-row label{font-size:.9rem}.duration-editor-input input{width:3.5rem;padding:.5rem;font-size:1rem}}.timer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.vibe-progress{position:fixed;bottom:0;left:0;right:0;padding:2.5rem 3rem;z-index:50}.vibe-progress-bars{display:flex;gap:.5rem;align-items:center}@media(min-width:1400px){.vibe-progress{padding:3rem 4rem}.vibe-progress-bars{gap:.75rem}.vibe-bar{height:10px;border-radius:5px}.vibe-bar.long-chill{height:10px}.vibe-segment{gap:.75rem}.chill-dot{width:10px;height:10px}}.vibe-bar-wrapper{position:relative;flex:1}.vibe-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(4px) scale(.95);padding:10px 18px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:10px;box-shadow:0 4px 20px #0000004d;font-size:.9rem;font-weight:600;color:var(--color-fg);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100}.vibe-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:rgba(var(--color-bg-rgb),.75)}.vibe-bar-wrapper:hover .vibe-tooltip,.vibe-bar-wrapper:has(.current) .vibe-tooltip,.chill-dot-wrapper:has(.current) .vibe-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.vibe-bar{width:100%;height:8px;background-color:var(--color-hover);border:1px solid var(--color-border);border-radius:4px;transition:all .3s var(--ease-out-expo);cursor:default;position:relative;overflow:hidden}.vibe-bar.completed{background:linear-gradient(135deg,var(--color-fg) 0%,var(--color-text-secondary) 100%);border-color:var(--color-fg);box-shadow:inset 0 1px #fff3}.vibe-bar.current{background-color:var(--color-hover);border-color:var(--color-fg);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.4);animation:pulse-glow 2s ease-in-out infinite}:root[data-theme=synthwave] .vibe-bar{border-color:#ff2d954d;background:#ff2d951a}:root[data-theme=synthwave] .vibe-bar.completed{background:linear-gradient(135deg,#ff2d95,#bf00ff);border-color:#ff2d95;box-shadow:0 0 8px #ff2d9580}:root[data-theme=synthwave] .vibe-bar.current{border-color:#0ff;box-shadow:0 0 12px #00ffff80}:root[data-theme=synthwave] .vibe-bar-fill{background:linear-gradient(135deg,#0ff,#ff2d95)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--color-fg),0 0 16px #ffffff4d}50%{box-shadow:0 0 12px var(--color-fg),0 0 24px #ffffff80}}.vibe-bar-fill{position:absolute;top:0;left:0;height:100%;background-color:var(--color-fg);border-radius:3px;transition:width 1s linear}.vibe-bar.long-chill{width:100%;height:8px;background-color:transparent;border:1px solid var(--color-border);box-sizing:border-box}.vibe-bar.long-chill .vibe-bar-fill{border-radius:2px}.vibe-bar.long-chill.completed{background:transparent;border-color:var(--color-fg)}.vibe-bar.long-chill.current{border-color:var(--color-fg);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.4);animation:pulse-glow 2s ease-in-out infinite}:root[data-theme=synthwave] .vibe-bar.long-chill{border-color:#0ff6}:root[data-theme=synthwave] .vibe-bar.long-chill.completed{background:transparent;border-color:#0ff}:root[data-theme=synthwave] .vibe-bar.long-chill.current{border-color:#0ff;box-shadow:0 0 15px #0ff9}.vibe-segment{display:flex;align-items:center;gap:.5rem;flex:1}.chill-dot-wrapper{position:relative;flex-shrink:0}.chill-dot{width:8px;height:8px;border-radius:50%;background-color:transparent;border:1px solid var(--color-border);transition:all .3s var(--ease-out-expo)}.chill-dot.completed{background-color:transparent;border-color:var(--color-fg)}.chill-dot.current{background-color:transparent;border-color:var(--color-fg);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.4);animation:pulse-glow 2s ease-in-out infinite}:root[data-theme=synthwave] .chill-dot{border-color:#00ffff4d;background:transparent}:root[data-theme=synthwave] .chill-dot.completed{background:transparent;border-color:#0ff}:root[data-theme=synthwave] .chill-dot.current{border-color:#ff2d95;box-shadow:0 0 10px #ff2d9580}.chill-dot-wrapper:hover .vibe-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}@media(max-width:768px){.vibe-progress{padding:2rem 1.5rem}}@media(max-width:480px){.vibe-progress{position:static;flex-shrink:0;padding:1rem 2rem}.vibe-progress-bars{gap:.25rem}.vibe-bar,.vibe-bar.long-chill{height:5px}.vibe-segment{gap:.35rem}.chill-dot{width:5px;height:5px}.vibe-tooltip{display:none}.vibe-bar-wrapper:has(.current) .vibe-tooltip,.chill-dot-wrapper:has(.current) .vibe-tooltip{display:block;opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1);font-size:.75rem;padding:8px 14px}.pomodoro-timer{animation:none}}@keyframes celebratePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes glowBurst{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}.break-activity{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:500px;text-align:center;animation:fadeInUp .4s ease-out}.break-activity-headline{font-family:var(--font-display);font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--color-fg)}.break-activity-prompt{font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text-secondary)}.break-activity-why{position:relative}.break-activity-info{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:20px;cursor:pointer;transition:all .15s ease}.break-activity-info:hover,.break-activity-info.active{color:var(--color-fg);border-color:var(--color-text-secondary);background:var(--color-hover)}.break-activity-popover{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%);width:300px;padding:1rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:100;animation:popoverFadeIn .2s ease-out}.break-activity-popover:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--glass-bg);border-left:1px solid var(--color-glass-border);border-top:1px solid var(--color-glass-border)}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.break-activity-popover-close{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.break-activity-popover-close:hover{background:var(--color-hover);color:var(--color-fg)}.break-activity-popover p{margin:0;padding-right:1.5rem;font-size:.85rem;line-height:1.5;color:var(--color-text-secondary);text-align:left}.break-activity-source{display:inline-block;margin-top:.75rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500;color:var(--color-fg);background:var(--color-hover);border-radius:4px;text-decoration:none;transition:all .15s ease}.break-activity-source:hover{background:var(--color-border)}@media(max-width:480px){.break-activity{max-width:320px}.break-activity-headline{font-size:1.1rem}.break-activity-prompt{font-size:.95rem}.break-activity-popover{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;width:100%;border-radius:16px 16px 0 0;padding:1.25rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom));animation:editorSlideUp .25s ease-out}.break-activity-popover:before{display:none}.break-activity-popover p{text-align:center;padding-right:0}}.duration-editor-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(var(--color-fg-rgb, 255, 255, 255),.1)}.duration-editor-section-title{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.5rem}.duration-editor-section .duration-editor-toggle{padding-top:.5rem;margin-top:0}.duration-editor-reset-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.5rem .75rem;margin-top:.5rem;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .15s ease}.duration-editor-reset-btn:hover{color:var(--color-fg);border-color:var(--color-text-secondary);background:var(--color-hover)}.duration-editor-reset-btn:active{transform:scale(.98)}.app>.timer-controls{display:none}@media(max-width:480px){.app>.timer-controls{display:flex;gap:1rem;justify-content:center;align-items:center;flex-shrink:0;padding:1rem 0 1.5rem}.timer-controls .timer-btn{width:44px;height:44px;padding:0;background-color:transparent;color:var(--color-text-secondary);border:none;border-radius:50%;cursor:pointer;transition:color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) ease;display:flex;align-items:center;justify-content:center}.timer-controls .timer-btn:hover{color:var(--color-fg);background-color:var(--color-hover)}.timer-controls .timer-btn:active{transform:scale(.92)}.timer-controls .timer-btn.long-press-active{color:var(--color-fg);background-color:var(--color-primary);transform:scale(1.1)}.timer-controls .timer-btn-primary{width:56px;height:56px;background-color:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg);transition:transform var(--duration-fast) var(--ease-out-expo),opacity var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.timer-controls .timer-btn-primary:hover{opacity:.9;box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.3)}.timer-controls .timer-btn-primary:active{transform:scale(.94)}:root[data-theme=synthwave] .timer-controls .timer-btn-primary{background:linear-gradient(135deg,#ff2d95,#bf00ff);border:none;box-shadow:0 0 10px #ff2d9580,0 0 20px #bf00ff4d}:root[data-theme=synthwave] .timer-controls .timer-btn-primary:hover{box-shadow:0 0 15px #ff2d95b3,0 0 30px #bf00ff80}}.break-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:100px}.break-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:transparent;border:none;border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.break-tab:hover:not(:disabled){color:var(--color-fg)}.break-tab.active{background:var(--color-fg);color:#0a0a1a!important;box-shadow:0 2px 8px #00000026}.break-tab.active svg{color:#0a0a1a!important;stroke:#0a0a1a!important}.break-tab.active span{color:#0a0a1a!important}@media(max-width:480px){.mobile-only{display:inline}.break-tab{padding:.5rem .75rem;font-size:.75rem}}.breathing-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;height:100%;animation:fadeIn .3s ease-out}.breathing-panel-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.breathing-panel-eyebrow{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#e8b84a}.breathing-panel-phase{font-family:Cormorant Garamond,Georgia,serif;font-size:2.5rem;font-weight:400;font-style:italic;color:var(--color-fg);letter-spacing:.02em;transition:opacity .5s ease-in-out}.breathing-panel-visual{display:flex;align-items:center;justify-content:center;flex:1;width:100%}.breathing-moon-container{position:relative;display:flex;align-items:center;justify-content:center;width:320px;height:320px}.breathing-moon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.breathing-corona{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#e8b84a80,#e8b84a40 35%,#e8b84a14 55%,#e8b84a00 70%);transition:transform .1s linear,opacity .1s linear;pointer-events:none}.breathing-moon{position:relative;width:160px;height:160px;z-index:1}.breathing-panel-hint{margin:0;font-size:.8125rem;color:var(--color-text-secondary);text-align:center;line-height:1.4}.breathing-controls{display:none;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.breathing-control-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.breathing-control-btn:hover{background:var(--color-hover);color:var(--color-fg)}.breathing-control-btn-primary{width:64px;height:64px;background:var(--color-fg);color:var(--color-bg);border-color:transparent}.breathing-control-btn-primary:hover{background:var(--color-fg);opacity:.9;color:var(--color-bg)}@media(max-width:768px){.breathing-panel{position:relative;padding:0 1rem;gap:1rem;justify-content:center;height:100%;flex:1;min-height:0}.breathing-panel-header{gap:.125rem}.breathing-moon-container{width:240px;height:240px}.breathing-corona{width:220px;height:220px}.breathing-moon{width:120px;height:120px}.breathing-panel-phase{font-size:2rem}.breathing-panel-hint{font-size:.8125rem}}@media(max-width:480px){.breathing-panel-eyebrow{display:none}.breathing-panel-phase{font-size:2.25rem}.breathing-panel-hint{font-size:.75rem}.breathing-controls{display:none!important}}.loading-spinner{display:inline-block;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spinner-spin .8s linear infinite}.loading-spinner-small{width:16px;height:16px}.loading-spinner-medium{width:24px;height:24px}.loading-spinner-large{width:32px;height:32px}@keyframes spinner-spin{to{transform:rotate(360deg)}}button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none}button.btn:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}button.btn:disabled{opacity:.5;cursor:not-allowed}button.btn-full-width{width:100%}button.btn-loading{pointer-events:none}button.btn-small{padding:.5rem .75rem;font-size:.8125rem}button.btn-medium{padding:.75rem 1rem;font-size:.875rem}button.btn-large{padding:.875rem 1.25rem;font-size:1rem}button.btn-xlarge{padding:1rem 1.5rem;font-size:1rem;font-weight:600}button.btn-primary{background-color:var(--color-fg);border:1px solid var(--color-fg);color:var(--color-bg)}button.btn-primary:hover:not(:disabled){background-color:var(--color-fg);border-color:var(--color-fg);color:var(--color-bg);opacity:.85}button.btn-primary:active:not(:disabled){background-color:var(--color-fg);color:var(--color-bg);opacity:.75;transform:scale(.98)}button.btn-primary.btn-xlarge:hover:not(:disabled){opacity:1;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button.btn-primary.btn-xlarge:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}button.btn-secondary{background-color:var(--color-bg-secondary, transparent);border:1px solid var(--color-border);color:var(--color-fg)}button.btn-secondary:hover:not(:disabled){background-color:var(--color-fg);border-color:var(--color-fg);color:var(--color-bg)}button.btn-secondary:active:not(:disabled){background-color:var(--color-fg);color:var(--color-bg);opacity:.85;transform:scale(.98)}button.btn-ghost{background-color:transparent;border:1px solid transparent;color:var(--color-text-secondary)}button.btn-ghost:hover:not(:disabled){background-color:var(--color-hover);border-color:transparent;color:var(--color-fg)}button.btn-ghost:active:not(:disabled){background-color:var(--color-border)}button.btn-danger{background-color:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444}button.btn-danger:hover:not(:disabled){background-color:#ef44441a;border-color:#ef4444;color:#ef4444}button.btn-danger:active:not(:disabled){background-color:#ef444433}:root[data-theme=synthwave] .btn-primary{background:linear-gradient(135deg,#ff2d95,#bf00ff);border-color:transparent;box-shadow:0 0 10px #ff2d9566}:root[data-theme=synthwave] .btn-primary:hover:not(:disabled){opacity:1;box-shadow:0 0 20px #ff2d9599,0 0 30px #bf00ff66}:root[data-theme=synthwave] .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#ff2d95,#bf00ff);border-color:transparent;color:#fff;box-shadow:0 0 15px #ff2d9580}:root[data-theme=winamp] .btn-primary{background:linear-gradient(180deg,#3a3d42,#2a2d32,#232529);border:1px solid #4a4e54;color:#0f0;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0000004d,0 1px 2px #0000004d}:root[data-theme=winamp] .btn-primary:hover:not(:disabled){opacity:1;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0000004d,0 0 8px #00e8004d}:root[data-theme=winamp] .btn-primary:active:not(:disabled){background:linear-gradient(180deg,#232529,#2a2d32,#3a3d42);transform:none}@media(max-width:480px){button.btn-small{padding:.625rem .875rem;font-size:.875rem}button.btn-medium{padding:.875rem 1.125rem;font-size:.9375rem}button.btn-large{padding:1rem 1.5rem;font-size:1.0625rem}button.btn-xlarge{padding:1.125rem 1.75rem;font-size:1.0625rem}}.toast{position:fixed;top:calc(100px + env(safe-area-inset-top));left:3rem;max-width:400px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 32px #0006;z-index:1000;animation:toast-enter .2s ease-out}@media(min-width:1400px){.toast{left:4rem}}@media(max-width:768px){.toast{left:1.5rem}}.toast-leaving{animation:toast-leave .2s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast-message{color:var(--color-fg);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.toast-close-btn{background:transparent;border:none;color:var(--color-text-secondary);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease}.toast-close-btn:hover{color:var(--color-fg)}@media(max-width:480px){.toast{bottom:auto;top:calc(80px + env(safe-area-inset-top));left:2rem;right:2rem;transform:none;padding:14px 16px;gap:12px}@keyframes toast-enter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.toast-message{flex:1;font-size:.9rem}.toast-close-btn{padding:6px}}.task-list{flex:1;max-width:600px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.task-list-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:var(--color-fg);flex-shrink:0}.task-list-scroll{flex:1;overflow-y:auto;min-height:0}.task-form{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-shrink:0}.task-input{flex:1;padding:.75rem;font-size:1rem;border:1px solid var(--color-glass-border);border-radius:8px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--color-fg)}.task-input:focus{outline:none;border-color:var(--color-fg)}.task-add-btn{padding:.75rem 1.5rem;background-color:var(--color-fg);color:var(--color-bg);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.task-add-btn:hover{background-color:var(--color-fg);color:var(--color-bg);opacity:.85}.task-list-empty{text-align:center;color:var(--color-text-secondary);padding:2rem;font-size:.95rem}.task-section{margin-bottom:2rem}.task-section:last-child{margin-bottom:0}.task-section-header{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;margin-bottom:.75rem;cursor:pointer;color:var(--color-text-secondary);transition:color .2s}.task-section-header:hover{color:var(--color-fg)}.task-section-header .task-section-title{margin-bottom:0}.task-section-title{font-size:.9rem;font-weight:600;color:inherit;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.task-items{list-style:none;display:flex;flex-direction:column;gap:.75rem}.task-items .task-item:nth-child(1){animation:fadeInUp var(--duration-normal) var(--ease-out-expo) 0ms both}.task-items .task-item:nth-child(2){animation:fadeInUp var(--duration-normal) var(--ease-out-expo) 30ms both}.task-items .task-item:nth-child(3){animation:fadeInUp var(--duration-normal) var(--ease-out-expo) 60ms both}.task-items .task-item:nth-child(4){animation:fadeInUp var(--duration-normal) var(--ease-out-expo) 90ms both}.task-items .task-item:nth-child(5){animation:fadeInUp var(--duration-normal) var(--ease-out-expo) .12s both}.task-items .task-item:nth-child(n+6){animation:fadeInUp var(--duration-normal) var(--ease-out-expo) .15s both}.task-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--color-glass-border);border-radius:8px;cursor:pointer;transition:background-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo),opacity var(--duration-normal) ease;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.task-item.completing{animation:taskComplete .3s var(--ease-out-expo)}.task-item:hover{background:var(--glass-bg);border-color:var(--color-fg)}.task-item.active{border-color:var(--color-fg);background:var(--glass-bg);box-shadow:0 0 0 1px var(--color-fg)}.task-item.dragging{opacity:.5;cursor:grabbing}.drop-indicator{position:absolute;left:0;right:0;height:3px;background-color:var(--color-fg);border-radius:2px;pointer-events:none;z-index:10;box-shadow:0 0 8px #0000004d}.drop-indicator-above{top:-.4rem}.drop-indicator-below{bottom:-.4rem}.task-drag-handle{padding:.25rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:grab;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.task-drag-handle:hover{color:var(--color-fg)}.task-drag-handle:active{cursor:grabbing}.task-item.completed{opacity:.6;cursor:default}.task-item.completed:hover{background:var(--glass-bg);border-color:var(--color-glass-border)}.task-item.completed .task-name{text-decoration:line-through}.task-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.task-name{font-weight:500;color:var(--color-fg);word-break:break-word;line-height:1.4}.task-stats{font-size:.85rem;color:var(--color-text-secondary)}.task-time{opacity:.8}.task-edit-input{font-family:inherit;font-size:inherit;font-weight:500;line-height:1.4;padding:0;border:none;border-bottom:1px solid var(--color-fg);border-radius:0;background:transparent;color:var(--color-fg);width:100%;outline:none;resize:none;overflow:hidden}.task-actions{display:flex;gap:.5rem;align-items:center}.task-complete-btn,.task-restore-btn,.task-menu-btn{width:32px;height:32px;padding:0;background-color:transparent;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.task-complete-btn:hover,.task-restore-btn:hover{background-color:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.task-menu-btn:hover{background-color:var(--color-hover);color:var(--color-fg);border-color:transparent}.task-item.menu-open{z-index:100}.task-menu-container{position:relative}.task-menu{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:140px;background:var(--color-bg);border:1px solid var(--color-glass-border);border-radius:8px;padding:.25rem;box-shadow:0 8px 24px #0003;z-index:10;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.task-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--color-fg);font-size:.875rem;cursor:pointer;transition:background-color .15s;text-align:left}.task-menu-item:hover{background:var(--color-hover)}.task-menu-item-danger{color:#ef4444}.task-menu-item-danger:hover{background:#ef44441a}@media(max-width:968px){.task-list{overflow:visible}.task-list-scroll{overflow-y:visible}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes taskComplete{0%{transform:scale(1)}50%{transform:scale(1.02);background-color:var(--color-hover)}to{transform:scale(1)}}.sound-wrapper{position:relative;display:flex;align-items:center}.sound-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;max-height:400px;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sound-dropdown-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem}.sound-dropdown-title{font-size:.875rem;font-weight:600;color:var(--color-fg);margin:0}.sound-dropdown-close{display:none}.sound-dropdown-volume{flex-shrink:0;display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.mute-btn-small{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-hover);border:none;border-radius:6px;color:var(--color-fg);cursor:pointer;transition:all .15s;flex-shrink:0}.mute-btn-small:hover{background:var(--color-border)}.mute-btn-small.muted{color:var(--color-text-secondary)}.volume-value-small{font-size:.75rem;font-weight:600;color:var(--color-fg);min-width:24px;text-align:right;opacity:.7}.sound-dropdown-theme-toggle,.music-sheet-theme-toggle{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.theme-soundtrack-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.theme-toggle-label{display:flex;flex-direction:column;gap:.125rem}.theme-toggle-text{font-size:.8125rem;font-weight:500;color:var(--color-fg)}.theme-toggle-current{font-size:.6875rem;color:var(--color-text-secondary)}button.toggle-switch{position:relative;width:40px;height:22px;background:var(--color-border);border:none;border-radius:11px;padding:2px;cursor:pointer;transition:background-color .2s;flex-shrink:0}button.toggle-switch:before,button.toggle-switch:after{display:none}button.toggle-switch.active{background:var(--color-primary)}.toggle-switch-thumb{display:block;width:18px;height:18px;background:var(--color-fg);border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}button.toggle-switch.active .toggle-switch-thumb{transform:translate(18px)}.sound-dropdown-sources{flex:1;min-height:0;overflow-y:auto;padding:.75rem .5rem}.sound-dropdown-sources .sources-label{padding:0 .5rem .5rem}.sound-dropdown-sources .source-item{padding:.5rem .75rem;font-size:.8125rem}.sound-dropdown-hint{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;border-top:1px solid var(--color-border);font-size:.6875rem;color:var(--color-text-secondary)}.sound-dropdown-hint kbd{display:inline-block;padding:.125rem .375rem;font-family:inherit;font-size:.625rem;background:var(--color-hover);border:1px solid var(--color-border);border-radius:4px}.volume-slider-horizontal{position:relative;flex:1;height:20px;display:flex;align-items:center}.volume-slider-horizontal:before{content:"";position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);background:var(--color-border);border-radius:3px}.volume-track-fill{position:absolute;top:50%;left:0;height:6px;transform:translateY(-50%);background:var(--color-fg);border-radius:3px;pointer-events:none;transition:width .1s ease-out}.volume-range{position:relative;width:100%;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0;z-index:1}.volume-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-fg);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 1px 4px #0000004d}.volume-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-fg);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 1px 4px #0000004d}.volume-range::-webkit-slider-runnable-track{background:transparent}.volume-range::-moz-range-track{background:transparent}.sources-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:0 .25rem}.sources-list{display:flex;flex-direction:column;gap:2px}.sources-category{display:flex;flex-direction:column}.sources-category:not(:first-child){margin-top:.75rem}.sources-category-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:.375rem .75rem;opacity:.7}.source-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .25rem .25rem .5rem;background:transparent;border-radius:6px;transition:background-color .15s}.source-item:hover,.source-item.active{background:var(--color-hover)}.source-item-select{flex:1;display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem .375rem .25rem;background:transparent;border:none;color:var(--color-fg);cursor:pointer;text-align:left}.source-item-name{font-size:.8125rem;font-weight:500}.source-item-check{font-size:.8125rem;color:var(--color-fg);opacity:.8}.source-item-preview{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.source-item-preview:hover{background:var(--color-border);color:var(--color-fg)}.source-item-preview.playing,.source-item-preview.playing:hover{color:var(--color-primary)}.music-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:200;display:none}@media(max-width:480px){.music-sheet-overlay{display:block}.sound-dropdown{display:none}}.music-sheet-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;animation:fadeIn .2s ease-out}.music-sheet{position:absolute;bottom:0;left:0;right:0;max-height:70vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;animation:slideUp .25s ease-out;box-shadow:0 -4px 32px #0000004d}.music-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;flex-shrink:0;position:sticky;top:0;z-index:1;background:transparent}.music-sheet-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.music-sheet-title{font-size:1.1rem;font-weight:600;color:var(--color-fg);margin:0}.music-sheet-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-hover);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.music-sheet-close:hover,.music-sheet-close:active{background:var(--color-border);color:var(--color-fg)}.music-sheet-volume{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-hover);border-radius:12px;margin-bottom:1rem}.music-sheet-volume .volume-slider-horizontal:before{height:8px;border-radius:4px}.music-sheet-volume .volume-track-fill{height:8px;border-radius:4px}.music-sheet-volume .volume-range::-webkit-slider-thumb{width:20px;height:20px}.music-sheet-volume .volume-range::-moz-range-thumb{width:20px;height:20px}.mute-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-bg);border:none;border-radius:50%;color:var(--color-fg);cursor:pointer;transition:all .2s;flex-shrink:0}.mute-btn:hover,.mute-btn:active{background:var(--color-border)}.mute-btn.muted{color:var(--color-text-secondary)}.volume-value{font-size:.85rem;font-weight:600;color:var(--color-fg);min-width:28px;text-align:right}.music-sheet-sources{display:flex;flex-direction:column;gap:.5rem}.music-sheet-sources .sources-label{font-size:.75rem;padding:0 .25rem}.music-sheet-sources .source-item{padding:.375rem .375rem .375rem .75rem;border-radius:8px}.music-sheet-sources .source-item-select{padding:.5rem .5rem .5rem .25rem}.music-sheet-sources .source-item-name{font-size:.9rem}.music-sheet-sources .source-item-check{font-size:.85rem}.music-sheet-sources .source-item-preview{width:36px;height:36px}.theme-wrapper{position:relative;display:flex;align-items:center}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100;animation:themeDropdownFadeIn .15s ease-out}@keyframes themeDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--color-border)}.theme-dropdown-title{font-size:.875rem;font-weight:600;color:var(--color-fg);margin:0}.theme-dropdown-close{display:none}.theme-dropdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.375rem;padding:.5rem}.theme-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;background:transparent;border:none;border-radius:8px;color:var(--color-fg);cursor:pointer;transition:all .15s;position:relative}.theme-item:hover,.theme-item.active{background:var(--color-hover)}.theme-item-preview{display:flex;align-items:center;justify-content:center;color:var(--color-fg);opacity:.8;transition:opacity .15s}.theme-item:hover .theme-item-preview{opacity:1}.theme-item.active .theme-item-preview{color:var(--color-primary);opacity:1}.theme-item-name{font-size:.625rem;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.8}.theme-item:hover .theme-item-name,.theme-item.active .theme-item-name{opacity:1}.theme-dropdown-hint{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;border-top:1px solid var(--color-border);font-size:.6875rem;color:var(--color-text-secondary)}.theme-dropdown-hint kbd{display:inline-block;padding:.125rem .375rem;font-family:inherit;font-size:.625rem;background:var(--color-hover);border:1px solid var(--color-border);border-radius:4px}.theme-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:200;display:none}@media(max-width:480px){.theme-sheet-overlay{display:block}.theme-dropdown{display:none}}.theme-sheet-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-sheet{position:absolute;bottom:0;left:0;right:0;max-height:70vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;animation:slideUp .25s ease-out;box-shadow:0 -4px 32px #0000004d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.theme-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;flex-shrink:0;position:sticky;top:0;z-index:1;background:transparent}.theme-sheet-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.theme-sheet-title{font-size:1.1rem;font-weight:600;color:var(--color-fg);margin:0}.theme-sheet-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-hover);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.theme-sheet-close:hover,.theme-sheet-close:active{background:var(--color-border);color:var(--color-fg)}.theme-sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.theme-sheet-grid .theme-item{padding:.75rem .5rem}.theme-sheet-grid .theme-item-name{font-size:.75rem}.auth-cta-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:var(--color-hover);border:none;border-radius:8px;color:var(--color-fg);font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.auth-cta-btn:hover{background:var(--color-fg);color:var(--color-bg)}.auth-cta-btn:active{transform:scale(.98)}:root[data-theme=light] .auth-cta-btn{background:#000;color:#fff}:root[data-theme=light] .auth-cta-btn:hover{background:#333;color:#fff}@media(max-width:480px){.auth-cta-btn{font-size:.75rem;padding:.5rem .75rem}}.user-menu{position:relative}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden;animation:userDropdownIn .15s ease-out}@keyframes userDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem}.user-email{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary);word-break:break-all}.user-sheet-close{display:none}.user-dropdown-divider{height:1px;background:var(--color-border)}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-fg);font-family:var(--font-mono);font-size:.8125rem;text-align:left;cursor:pointer;transition:background .15s ease}.user-dropdown-item:hover{background:var(--color-hover)}.user-dropdown-item svg{color:var(--color-text-secondary);flex-shrink:0}.user-dropdown-item:hover svg{color:var(--color-fg)}@media(max-width:480px){.user-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.user-sheet-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;animation:userSheetFadeIn .2s ease-out}@keyframes userSheetFadeIn{0%{opacity:0}to{opacity:1}}.user-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--color-bg);border-radius:16px 16px 0 0;border:none;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));animation:userSheetSlideUp .25s ease-out;box-shadow:0 -4px 32px #0000004d}@keyframes userSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-sheet .user-dropdown-header{padding:1.5rem 1.25rem 1rem}.user-sheet .user-email{font-size:.875rem}.user-sheet .user-sheet-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-hover);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.user-sheet .user-sheet-close:hover,.user-sheet .user-sheet-close:active{background:var(--color-border);color:var(--color-fg)}.user-sheet .user-dropdown-item{padding:1rem 1.25rem;font-size:.9375rem}.user-sheet .user-dropdown-item svg{width:20px;height:20px}}.info-wrapper{position:relative;display:flex;align-items:center}.info-popup{position:absolute;top:calc(100% + 8px);left:0;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 4px 20px #0000004d;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:100;width:320px}.info-wrapper.is-open .info-popup{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.info-backdrop{display:none}.info-popup:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px}.info-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.info-sheet-header .sheet-close-btn{display:none}.info-title{font-size:.875rem;font-weight:600;color:var(--color-fg);margin:0}.info-text{font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.info-note{font-style:italic;opacity:.8}.info-text a{color:var(--color-fg);text-decoration:underline;text-underline-offset:2px}.info-text a:hover{opacity:.7}.info-content{display:flex;flex-direction:column;gap:10px}.info-popup .btn{margin-top:.5rem}.info-byline{font-size:.75rem;color:var(--color-text-secondary);margin:0;padding-top:4px;border-top:1px solid var(--color-border)}.info-byline a{color:var(--color-fg);text-decoration:none;font-weight:500}.info-byline a:hover{text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.info-popup{width:260px;padding:16px}.info-text{font-size:.8rem}}@media(max-width:480px){.info-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:99;animation:info-fade-in .2s ease-out;-webkit-tap-highlight-color:transparent}@keyframes info-fade-in{0%{opacity:0}to{opacity:1}}.info-popup{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;max-height:85vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;padding:0;z-index:1000;opacity:1;transform:translateY(100%);box-shadow:0 -4px 32px #0000004d}.info-sheet-header{flex-shrink:0;padding:1.25rem 1.25rem 1rem;background:transparent;position:sticky;top:0;z-index:1}.info-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.info-wrapper.is-open .info-popup{transform:translateY(0);animation:info-slide-up .25s ease-out}@keyframes info-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.info-sheet-header .sheet-close-btn{display:flex;width:36px;height:36px;background:var(--color-hover);border-radius:50%}.info-title{font-size:1.1rem}.info-text{font-size:.9rem}.info-byline{font-size:.85rem;padding-top:8px;margin-top:8px}}.video-bg-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}.video-bg-loaded{opacity:1}.video-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.video-bg{display:none}}.stars-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:-1;overflow:hidden}.star{position:absolute;border-radius:50%;background:#fff;opacity:.8}.star-small{width:1px;height:1px;box-shadow:0 0 2px #fff}.star-medium{width:2px;height:2px;box-shadow:0 0 4px #fff,0 0 8px #ffffff80}.star-large{width:3px;height:3px;box-shadow:0 0 6px #fff,0 0 12px #ffffff80}.star-twinkle{animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.shooting-star{position:fixed;width:100px;height:2px;background:linear-gradient(90deg,#fff0,#fff,#fff0);border-radius:50%;z-index:1;opacity:0;transform:rotate(-45deg);filter:drop-shadow(0 0 6px rgba(255,255,255,.8));pointer-events:none;animation:shoot ease-out infinite}.shooting-star:before{content:"";position:absolute;right:0;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 10px 2px #fff9}.shooting-star.triggered{animation:shootOnce .8s ease-out forwards}@keyframes shootOnce{0%{opacity:0;transform:rotate(-45deg) translate(0)}10%{opacity:1}80%{opacity:1}to{opacity:0;transform:rotate(-45deg) translate(350px)}}@keyframes shoot{0%{opacity:0;transform:rotate(-45deg) translate(0)}2%{opacity:1}8%{opacity:1;transform:rotate(-45deg) translate(300px)}10%{opacity:0;transform:rotate(-45deg) translate(400px)}to{opacity:0;transform:rotate(-45deg) translate(400px)}}.synthwave-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden;background:linear-gradient(to bottom,#0d0221,#0d0221 25%,#190b32,#3d1a5c 55%,#6b2a6b,#c94b8c,#ff6b6b,#ffa94d 95%)}.synthwave-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}.synthwave-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(13,2,33,.4) 100%);pointer-events:none}.synthwave-stars{position:absolute;top:0;left:0;width:100%;height:55%}.synthwave-star{position:absolute;border-radius:50%;background:#fff;opacity:.9;box-shadow:0 0 4px #fff,0 0 8px #ffffff80}.synthwave-star.twinkle{animation:synthwave-twinkle ease-in-out infinite}@keyframes synthwave-twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.4);box-shadow:0 0 6px #fff,0 0 12px #0ff}}.synthwave-grid{position:absolute;bottom:0;left:-50%;width:200%;height:40%;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,255,.05) 20%,rgba(255,45,149,.1) 100%),repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(255,45,149,.6) 80px,rgba(255,45,149,.6) 81px),repeating-linear-gradient(0deg,transparent,transparent 50px,rgba(0,255,255,.5) 50px,rgba(0,255,255,.5) 51px);transform:perspective(400px) rotateX(65deg);transform-origin:center top;animation:gridMove 1.5s linear infinite;filter:drop-shadow(0 0 2px rgba(0,255,255,.3))}.synthwave-grid:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:120px;height:60px;background:radial-gradient(ellipse at center bottom,rgba(255,107,107,.8) 0%,rgba(255,169,77,.6) 30%,transparent 70%);border-radius:50%;filter:blur(20px)}@keyframes gridMove{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,0 50px}}.shortcuts-wrapper{position:relative}.shortcuts-panel{position:absolute;top:calc(100% + 8px);right:0;width:280px;display:none;flex-direction:column;gap:6px;padding:1rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:12px;box-shadow:0 4px 24px #00000026;z-index:100;overflow-y:auto;max-height:calc(100vh - 120px);animation:shortcuts-fade-in .15s ease-out}.shortcuts-panel.is-open{display:flex}@keyframes shortcuts-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.shortcuts-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.shortcuts-panel-title{font-size:.875rem;font-weight:600;color:var(--color-fg);margin:0}.shortcuts-close-btn{display:none}.shortcuts-list{display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcut-description{font-size:.85rem;color:var(--color-fg)}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;background:var(--color-hover);border:1px solid var(--color-border);border-radius:5px;font-family:inherit;font-size:.75rem;font-weight:600;color:var(--color-fg)}@media(max-width:480px){.shortcuts-panel{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;max-height:75vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;box-shadow:0 -4px 32px #0000004d;padding:0;animation:shortcuts-slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes shortcuts-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.shortcuts-panel-header{flex-shrink:0;padding:1.25rem 1.25rem 1rem;background:transparent;position:sticky;top:0;z-index:1}.shortcuts-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.shortcut-description{font-size:.85rem}.shortcuts-close-btn{display:flex;width:36px;height:36px;background:var(--color-hover);border-radius:50%}}.streak-wrapper,.streak-btn{position:relative}.streak-btn.has-streak{color:var(--color-fg)}.streak-btn.has-streak svg{color:#f97316;filter:drop-shadow(0 0 4px rgba(249,115,22,.4))}:root[data-theme=synthwave] .streak-btn.has-streak svg{color:#ff2d95;filter:drop-shadow(0 0 4px rgba(255,45,149,.5))}.streak-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border-radius:9px;font-family:var(--font-mono);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px #f9731666}:root[data-theme=synthwave] .streak-badge{background:linear-gradient(135deg,#ff2d95,#ff0080);box-shadow:0 2px 8px #ff2d9580}.streak-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-glass-border);border-radius:16px;box-shadow:0 4px 24px #0003,0 0 0 1px #ffffff0d inset;z-index:100;overflow:hidden;animation:streakDropdownIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes streakDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.streak-dropdown-header{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem .5rem;position:relative}.streak-view-tabs{display:flex;gap:4px;padding:3px;background:var(--color-hover);border-radius:100px}.streak-view-tab{padding:.375rem .75rem;background:transparent;border:none;border-radius:100px;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.streak-view-tab:hover{color:var(--color-fg)}.streak-view-tab.active{background:var(--color-fg);color:var(--color-bg);box-shadow:0 2px 8px #00000026}.streak-dropdown .streak-sheet-close{display:none}.streak-content{padding:.5rem 1.25rem 1.25rem}.streak-hero{display:flex;align-items:center;justify-content:center;position:relative;padding:.5rem 0 1rem}.streak-hero-flame{display:flex;align-items:center;justify-content:center;color:var(--color-border);position:relative;transition:all .3s ease;width:120px;height:120px}.streak-hero.active .streak-hero-flame{color:#f97316}.streak-hero.active .streak-hero-flame>svg{width:72px;height:72px;filter:drop-shadow(0 4px 20px rgba(249,115,22,.4));animation:flameBreathe 3s ease-in-out infinite}@keyframes flameBreathe{0%,to{transform:scale(1) translateY(0);filter:drop-shadow(0 4px 20px rgba(249,115,22,.4))}50%{transform:scale(1.02) translateY(-2px);filter:drop-shadow(0 8px 30px rgba(249,115,22,.5))}}:root[data-theme=synthwave] .streak-hero.active .streak-hero-flame{color:#ff2d95}:root[data-theme=synthwave] .streak-hero.active .streak-hero-flame>svg{filter:drop-shadow(0 4px 20px rgba(255,45,149,.5))}.streak-hero-count{position:absolute;font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--color-fg);line-height:1;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.3);top:50%;left:50%;transform:translate(-50%,-15%);z-index:1}.streak-hero.active .streak-hero-count{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 20px rgba(249,115,22,.5)}:root[data-theme=synthwave] .streak-hero.active .streak-hero-count{text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 20px rgba(255,45,149,.5)}.streak-week{margin-bottom:.5rem}.streak-week-header{display:flex;justify-content:space-between;gap:6px;margin-bottom:.625rem}.streak-week-label{width:24px;text-align:center;font-family:var(--font-body);font-size:.6rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.streak-week-days{display:flex;justify-content:space-between;gap:4px}.streak-week-day{width:24px;height:24px;min-width:24px;min-height:24px;flex-shrink:0;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6rem;font-weight:700;transition:all .2s ease;position:relative}.streak-week-day.empty{background:var(--color-text-secondary);opacity:.25;color:var(--color-text-secondary)}.streak-week-day.future{background:var(--color-text-secondary);opacity:.15}.streak-week-day.weekend-skipped{background:transparent;box-shadow:none;opacity:.25}.streak-week-day.weekend-skipped:before{content:"";position:absolute;width:16px;height:2px;background:var(--color-border);border-radius:1px;transform:rotate(-45deg)}.streak-week-day.visited{background:color-mix(in srgb,var(--color-text-secondary) 40%,transparent)}.streak-week-day.vibes{background:color-mix(in srgb,var(--color-fg) 50%,transparent)}.streak-week-day.flow{background:#f97316}.streak-week-day.flow .streak-day-count{color:#fff}:root[data-theme=synthwave] .streak-week-day.flow{background:#ff2d95}.streak-day-count,.streak-day-check{font-size:.55rem;font-weight:900;color:#1a1a1a}.streak-weekend-toggle{padding:.5rem 0;margin-top:.25rem}.streak-weekend-toggle .streak-toggle{width:100%}.streak-weekend-toggle .streak-toggle-label{font-size:.7rem;color:var(--color-text-secondary)}.streak-period-tabs{display:flex;gap:4px;padding:4px;background:var(--color-hover);border-radius:100px;margin-top:.5rem;margin-bottom:.75rem}.streak-period-tab{flex:1;padding:.5rem;background:transparent;border:none;border-radius:100px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.streak-period-tab:hover{color:var(--color-fg)}.streak-period-tab.active{background:var(--color-fg);color:var(--color-bg);box-shadow:0 2px 8px #00000026}.streak-stats{display:flex;gap:.5rem}.streak-stat{display:flex;flex-direction:column;align-items:center;flex:1;padding:.625rem .5rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:10px}.streak-stat-value{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--color-fg);line-height:1;white-space:nowrap}.streak-stat-label{font-family:var(--font-body);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-top:.25rem}.streak-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.streak-toggle-label{font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--color-fg)}.streak-toggle-switch{position:relative;width:38px;height:22px;background:var(--color-border);border:none;border-radius:11px;cursor:pointer;transition:background .2s ease;padding:0}.streak-toggle-switch.active{background:linear-gradient(135deg,#f97316,#ea580c)}:root[data-theme=synthwave] .streak-toggle-switch.active{background:linear-gradient(135deg,#ff2d95,#ff0080)}.streak-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #0003}.streak-toggle-switch.active .streak-toggle-knob{transform:translate(16px)}@media(max-width:480px){.streak-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.streak-sheet-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;animation:streakFadeIn .2s ease-out}@keyframes streakFadeIn{0%{opacity:0}to{opacity:1}}.streak-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px 20px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation:streakSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes streakSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.streak-sheet .streak-dropdown-header{padding:1.25rem 1.25rem .75rem}.streak-sheet .streak-view-tab{padding:.5rem 1rem;font-size:.8rem}.streak-sheet .streak-sheet-close{display:flex;align-items:center;justify-content:center;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;background:var(--color-hover);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.streak-sheet .streak-sheet-close:active{background:var(--color-border);transform:translateY(-50%) scale(.95)}.streak-sheet .streak-content{padding:.5rem 1.25rem 1rem}.streak-sheet .streak-hero{padding:.75rem 0 1.25rem}.streak-sheet .streak-hero-flame{width:150px;height:150px}.streak-sheet .streak-hero-flame>svg{width:88px;height:88px}.streak-sheet .streak-hero-count{font-size:2.25rem}.streak-sheet .streak-week-header,.streak-sheet .streak-week-days{gap:6px}.streak-sheet .streak-week-label{width:32px;font-size:.65rem}.streak-sheet .streak-week-day{width:32px;height:32px;min-width:32px;min-height:32px}.streak-sheet .streak-day-count{font-size:.65rem}.streak-sheet .streak-stat{padding:.875rem .5rem}.streak-sheet .streak-stat-value{font-size:.95rem}.streak-sheet .streak-stat-label{font-size:.65rem}.streak-sheet .streak-weekend-toggle{padding:.625rem 0}.streak-sheet .streak-weekend-toggle .streak-toggle-label{font-size:.75rem}}@media(min-width:481px){.streak-sheet-overlay{display:none}}.ao-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:ao-fade-in .5s ease-out}.ao-overlay.exiting{animation:ao-fade-out .4s ease-in forwards}@keyframes ao-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ao-fade-out{0%{opacity:1}to{opacity:0}}.ao-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0d1a,#16213e,#0d0d1a);overflow:hidden}.ao-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 10% 15%,rgba(255,255,255,.9),transparent),radial-gradient(2.5px 2.5px at 40% 10%,rgba(255,255,255,1),transparent),radial-gradient(2px 2px at 70% 20%,rgba(255,255,255,.85),transparent),radial-gradient(2.5px 2.5px at 85% 55%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 60% 75%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 95% 30%,rgba(255,255,255,.75),transparent),radial-gradient(1.5px 1.5px at 25% 35%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 55% 45%,rgba(255,255,255,.65),transparent),radial-gradient(1.5px 1.5px at 15% 65%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 30% 80%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 80% 85%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 5% 90%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 45% 5%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 88% 72%,rgba(255,255,255,.5),transparent);animation:ao-twinkle 3s ease-in-out infinite}@keyframes ao-twinkle{0%,to{opacity:.6}50%{opacity:1}}.ao-glow{position:absolute;top:20%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(232,184,74,.15) 0%,rgba(139,92,246,.08) 40%,transparent 70%);filter:blur(60px);animation:ao-glow-pulse 6s ease-in-out infinite}@keyframes ao-glow-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.05)}}.ao-moon{position:absolute;top:8%;left:50%;transform:translate(-50%);width:100px;height:100px;animation:ao-moon-float 6s ease-in-out infinite}.ao-moon svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(232,184,74,.3))}@keyframes ao-moon-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.ao-shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,#fff0,#fff,#fff0);border-radius:50%;opacity:0;transform:rotate(-45deg);filter:drop-shadow(0 0 6px rgba(255,255,255,.8));pointer-events:none}.ao-shooting-star:before{content:"";position:absolute;right:0;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 10px 2px #fff9}.ao-shooting-star:nth-child(4){top:8%;left:10%;animation:ao-shoot 5s ease-out infinite;animation-delay:.5s}.ao-shooting-star:nth-child(5){top:25%;left:60%;animation:ao-shoot 6s ease-out infinite;animation-delay:2s}.ao-shooting-star:nth-child(6){top:5%;left:75%;animation:ao-shoot 7s ease-out infinite;animation-delay:3.5s}@keyframes ao-shoot{0%{opacity:0;transform:rotate(-45deg) translate(0)}2%{opacity:1}8%{opacity:1;transform:rotate(-45deg) translate(300px)}10%{opacity:0;transform:rotate(-45deg) translate(400px)}to{opacity:0;transform:rotate(-45deg) translate(400px)}}.ao-footer{position:absolute;bottom:0;left:0;right:0;height:120px;overflow:hidden;cursor:pointer}.ao-lake-glow{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:100%;height:150px;background:radial-gradient(ellipse at center bottom,rgba(232,184,74,.15) 0%,rgba(232,184,74,.05) 40%,transparent 70%);filter:blur(30px);animation:ao-lake-shimmer 4s ease-in-out infinite}@keyframes ao-lake-shimmer{0%,to{opacity:.6}50%{opacity:1}}.ao-ripple{position:absolute;pointer-events:none}.ao-ripple-ring{position:absolute;width:0;height:0;border:2px solid rgba(232,184,74,.4);border-radius:50%;transform:translate(-50%,-50%);animation:ao-ripple-expand 1.5s ease-out forwards}.ao-ripple-ring:nth-child(2){animation-delay:.15s}.ao-ripple-ring:nth-child(3){animation-delay:.3s}@keyframes ao-ripple-expand{0%{width:0;height:0;opacity:.6}to{width:150px;height:150px;opacity:0}}.ao-container{position:relative;width:100%;max-width:600px;height:100%;background:transparent;padding:2rem;display:flex;flex-direction:column;animation:ao-container-in .6s cubic-bezier(.16,1,.3,1)}.ao-container--auth{max-width:480px}.ao-container.exiting{animation:ao-container-out .4s ease-in forwards}@keyframes ao-container-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ao-container-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(-10px)}}.ao-top-controls{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;z-index:10001}.ao-close-btn{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff80;cursor:pointer;transition:color .2s ease}.ao-close-btn:hover{color:#fffc}.ao-close-btn:active{transform:scale(.92)}.ao-mute-btn{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff80;cursor:pointer;transition:color .2s ease}.ao-mute-btn:hover{color:#fffc}.ao-mute-btn:active{transform:scale(.92)}.ao-actions-row{display:flex;align-items:center;gap:.75rem;width:100%}.ao-actions-row .ao-btn--primary{flex:1}.ao-btn.ao-btn--back{width:52px;min-width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ao-btn.ao-btn--back svg{color:inherit;opacity:1}.ao-btn.ao-btn--back:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff}.ao-btn.ao-btn--back:active{transform:scale(.95)}.ao-content{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:1.5rem;flex:1;text-align:center;padding-bottom:60px}.ao-content.forward{animation:ao-step-forward .4s ease-out}.ao-content.backward{animation:ao-step-backward .4s ease-out}@keyframes ao-step-forward{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes ao-step-backward{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.ao-left{display:flex;align-items:center;justify-content:center}.ao-illustration{width:200px;height:200px}.ao-illustration svg{width:100%;height:100%}.ao-right{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.ao-text{text-align:center}.ao-eyebrow{display:block;font-family:DM Sans,system-ui,sans-serif;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:#e8b84a;margin-bottom:.5rem;opacity:0;animation:ao-text-in .5s ease-out forwards;animation-delay:.1s}.ao-title{font-family:Cormorant Garamond,Georgia,serif;font-size:2.75rem;font-weight:300;font-style:italic;color:#f5f5f4;margin:0;letter-spacing:-.02em;line-height:1.15;opacity:0;animation:ao-text-in .5s ease-out forwards;animation-delay:.15s}.ao-body{font-family:DM Sans,system-ui,sans-serif;font-size:1.125rem;font-weight:400;color:#ffffffb3;line-height:1.7;margin:1.5rem 0 0;max-width:380px;opacity:0;animation:ao-text-in .5s ease-out forwards;animation-delay:.25s}@keyframes ao-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ao-features{list-style:none;padding:0;margin:1.25rem 0 0}.ao-features li{display:flex;align-items:flex-start;gap:.75rem;font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;color:#d4d4d8;line-height:1.5;margin-bottom:.625rem;opacity:0;animation:ao-text-in .5s ease-out forwards}.ao-feature-bullet{flex-shrink:0;width:6px;height:6px;background:#e8b84a;border-radius:50%;margin-top:.5rem}.ao-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem}.ao-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:320px;padding:.875rem 1.5rem;border-radius:14px;font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);border:none}.ao-btn--primary{background:linear-gradient(135deg,#e8b84a,#c99b2e);color:#0d0d1a;box-shadow:0 4px 20px #e8b84a4d}.ao-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #e8b84a66}.ao-btn--primary:active:not(:disabled){transform:translateY(0)}.ao-btn--primary:disabled{opacity:.6;cursor:not-allowed}.ao-btn--full{width:100%}.ao-btn--ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a1a1aa}.ao-btn--ghost:hover:not(:disabled){background:#ffffff1a;color:#f5f5f4}.ao-btn--secondary{background:transparent;border:none;color:#ffffff80;font-size:.9375rem;padding:.5rem 0;width:auto;max-width:none}.ao-btn--secondary:hover:not(:disabled){color:#fffc;background:transparent}.ao-btn .loading-spinner{width:18px;height:18px;border-color:#0d0d1a33;border-top-color:#0d0d1a}.ao-auth-content{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;padding-bottom:40px;animation:ao-step-forward .4s ease-out}.ao-auth-header,.ao-auth-form{width:100%;max-width:320px}.ao-auth-content.backward{animation:ao-step-backward .4s ease-out}.ao-auth-header{text-align:center;margin-bottom:1.75rem}.ao-auth-form,.ao-auth-form form{display:flex;flex-direction:column;gap:1.25rem}.ao-demo-banner{padding:.75rem 1rem;border-radius:12px;font-family:DM Sans,system-ui,sans-serif;font-size:.8125rem;font-weight:500;text-align:center;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.ao-message{padding:.875rem 1rem;border-radius:12px;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;text-align:center}.ao-message--success{background:#34d3991a;border:1px solid rgba(52,211,153,.2);color:#34d399}.ao-message--error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.ao-description{font-family:DM Sans,system-ui,sans-serif;font-size:.9375rem;color:#a1a1aa;margin:0 0 1rem;line-height:1.5;text-align:center}.ao-oauth-buttons{display:flex;gap:.625rem}.ao-oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f5f5f4;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.ao-oauth-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.ao-oauth-btn:active:not(:disabled){transform:translateY(0)}.ao-oauth-btn:disabled{opacity:.5;cursor:not-allowed}.ao-oauth-btn svg{flex-shrink:0}.ao-oauth-btn--google:hover:not(:disabled){border-color:#4285f466;box-shadow:0 4px 20px #4285f426}.ao-oauth-btn--apple:hover:not(:disabled){border-color:#ffffff40;box-shadow:0 4px 20px #ffffff1a}.ao-oauth-btn--github:hover:not(:disabled){border-color:#8b5cf666;box-shadow:0 4px 20px #8b5cf626}.ao-oauth-btn .loading-spinner{width:18px;height:18px}.ao-divider{display:flex;align-items:center;gap:1rem;color:#52525b;font-family:DM Sans,system-ui,sans-serif;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;margin:.5rem 0}.ao-divider:before,.ao-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.ao-field{display:flex;flex-direction:column;gap:.375rem}.ao-field label{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:500;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em}.ao-field input{padding:.875rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f5f5f4;font-family:DM Sans,system-ui,sans-serif;font-size:16px;transition:all .2s ease}.ao-field input::placeholder{color:#52525b}.ao-field input:focus{outline:none;border-color:#e8b84a80;box-shadow:0 0 0 3px #e8b84a1a,0 0 20px #e8b84a0d}.ao-field input:disabled{opacity:.5;cursor:not-allowed}.ao-password-wrapper{position:relative}.ao-password-wrapper input{padding-right:2.75rem;width:100%}.ao-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#52525b;cursor:pointer;transition:all .15s ease}.ao-password-toggle:hover{color:#a1a1aa;background:#ffffff0d}.ao-password-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ao-link{background:none;border:none;color:#e8b84a;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;cursor:pointer;padding:0;text-decoration:none;transition:opacity .15s ease}.ao-link:hover:not(:disabled){opacity:.8}.ao-link:disabled{opacity:.5;cursor:not-allowed}.ao-forgot-link{align-self:flex-end;margin-top:-.5rem;background:none;border:none;font-family:DM Sans,system-ui,sans-serif;font-size:.8125rem;color:#71717a;cursor:pointer;padding:0;transition:color .15s ease}.ao-forgot-link:hover:not(:disabled){color:#a1a1aa}.ao-forgot-link:disabled{opacity:.5;cursor:not-allowed}.ao-switch{text-align:center;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;color:#71717a;margin:0;padding-top:1rem}.ao-switch .ao-link{margin-left:.25rem}.ao-back-link{text-align:center;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;color:#71717a;margin:0;padding-top:1rem}.ao-back-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;color:#71717a;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;cursor:pointer;padding:0;margin-bottom:.75rem;transition:color .15s ease}.ao-back-btn:hover:not(:disabled){color:#a1a1aa}.ao-back-btn:disabled{opacity:.5;cursor:not-allowed}.ao-skip-link{display:block;margin-top:1.5rem;text-align:center;background:none;border:none;color:#52525b;font-family:DM Sans,system-ui,sans-serif;font-size:.875rem;cursor:pointer;padding:0;transition:color .15s ease}.ao-skip-link:hover{color:#71717a}.ao-hint{margin-top:1.5rem;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;color:#52525b;text-align:center}.ao-hint kbd{display:inline-block;padding:.15rem .5rem;font-family:inherit;font-size:.7rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;margin:0 .2rem}.ao-svg-portal .portal-particle{animation:ao-portal-float 3s ease-in-out infinite}.ao-svg-portal .portal-particle.p1{animation-delay:0s}.ao-svg-portal .portal-particle.p2{animation-delay:.5s}.ao-svg-portal .portal-particle.p3{animation-delay:1s}.ao-svg-portal .portal-particle.p4{animation-delay:1.5s}.ao-svg-portal .portal-particle.p5{animation-delay:2s}@keyframes ao-portal-float{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-8px);opacity:1}}.ao-svg-stars .star{animation:ao-star-twinkle 2s ease-in-out infinite}.ao-svg-stars .star-1{animation-delay:0s}.ao-svg-stars .star-2{animation-delay:.3s}.ao-svg-stars .star-3{animation-delay:.5s}.ao-svg-stars .star-4{animation-delay:.8s}.ao-svg-stars .star-5{animation-delay:1.1s}.ao-svg-stars .star-6{animation-delay:1.4s}.ao-svg-stars .star-7{animation-delay:1.7s}@keyframes ao-star-twinkle{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:1}}.ao-svg-stars .ambient{animation:ao-ambient-float 4s ease-in-out infinite}.ao-svg-stars .ambient.a1{animation-delay:0s}.ao-svg-stars .ambient.a2{animation-delay:1s}.ao-svg-stars .ambient.a3{animation-delay:2s}.ao-svg-stars .ambient.a4{animation-delay:3s}@keyframes ao-ambient-float{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:.7}}.ao-svg-hourglass .sand-grain{animation:ao-sand-fall 2s ease-in-out infinite}.ao-svg-hourglass .sand-grain.g1{animation-delay:0s}.ao-svg-hourglass .sand-grain.g2{animation-delay:.5s}.ao-svg-hourglass .sand-grain.g3{animation-delay:1s}.ao-svg-hourglass .sand-grain.g4{animation-delay:1.5s}@keyframes ao-sand-fall{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(4px)}}.ao-svg-hourglass .sand-top{animation:ao-sand-shrink 4s ease-in-out infinite}@keyframes ao-sand-shrink{0%,to{opacity:.5}50%{opacity:.3}}.ao-svg-hourglass .sand-bottom{animation:ao-sand-grow 4s ease-in-out infinite}@keyframes ao-sand-grow{0%,to{opacity:.8}50%{opacity:1}}@media(max-width:600px){.ao-overlay{align-items:stretch;justify-content:stretch;padding:0}.ao-glow{top:10%;width:100%;height:250px;filter:blur(50px)}.ao-moon{width:100px;height:100px;top:8%;left:50%}.ao-footer{height:100px}.ao-shooting-star{display:none}.ao-close-btn{top:1rem;right:1rem;width:40px;height:40px}.ao-container{width:100%;max-width:100%;height:100%;padding:0 1.5rem;display:flex;flex-direction:column}.ao-container--auth{padding-top:0}.ao-content{gap:1rem;padding-bottom:calc(180px + env(safe-area-inset-bottom));padding-top:0;justify-content:end;flex:1}.ao-illustration{width:150px;height:150px}.ao-actions{position:fixed;bottom:0;left:0;right:0;margin-top:0;padding:1.5rem 1.5rem calc(2rem + env(safe-area-inset-bottom))}.ao-eyebrow{font-size:.75rem;letter-spacing:.12em}.ao-title{font-size:2.25rem;line-height:1.2}.ao-body{font-size:1.0625rem;line-height:1.65;margin-top:1.25rem;max-width:100%}.ao-features{text-align:left;display:inline-block;margin-top:.5rem}.ao-features li{font-size:1rem;padding-left:1.25rem;line-height:1.5}.ao-feature-bullet{width:6px;height:6px}.ao-top-controls{top:1rem;right:1rem}.ao-mute-btn,.ao-close-btn{width:40px;height:40px}.ao-btn--back{width:48px;height:48px}.ao-btn{min-height:52px;font-size:1rem}.ao-auth-content{flex:1;display:flex;flex-direction:column;justify-content:end;padding:0;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.ao-auth-header{text-align:center;margin-bottom:1.5rem}.ao-auth-header .ao-eyebrow{margin-bottom:.25rem}.ao-auth-header .ao-title{font-size:1.375rem}.ao-auth-form{display:flex;flex-direction:column;width:100%;gap:1rem}.ao-auth-form form{gap:1rem}.ao-auth-form .ao-btn--full{position:fixed;bottom:calc(2rem + env(safe-area-inset-bottom));left:0;right:0;width:calc(100% - 3rem);max-width:320px;margin:0 auto}.ao-oauth-buttons{flex-direction:row;justify-content:center;gap:1rem}.ao-oauth-btn{width:64px;height:56px;padding:0;border-radius:16px;flex-direction:column;gap:0}.ao-oauth-btn span{display:none}.ao-oauth-btn svg{width:24px;height:24px}.ao-divider{margin:1.25rem 0}.ao-field{margin-bottom:.875rem}.ao-field label{font-size:.8125rem;margin-bottom:.375rem}.ao-field input{min-height:52px;font-size:16px;padding:.875rem 1rem;border-radius:14px}.ao-field-password input{padding-right:3rem}.ao-password-toggle{right:1rem}.ao-password-row{grid-template-columns:1fr 1fr;gap:.75rem}.ao-forgot-link{padding:.5rem 0 1rem;font-size:.8125rem}.ao-switch{padding-top:1.25rem;border-top:none;font-size:.875rem}.ao-back-link{padding-top:1rem}.ao-message{font-size:.8125rem;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem}.ao-description{font-size:.9375rem;text-align:center;margin-bottom:1.25rem}.ao-demo-banner{font-size:.75rem;padding:.5rem;border-radius:8px;margin-bottom:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modal-fade-in .2s ease-out;overscroll-behavior:contain;touch-action:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:rgba(var(--color-bg-rgb),.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:16px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modal-slide-up .2s ease-out;outline:none;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 8px 32px #0006}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-small{max-width:360px}.modal-default{max-width:420px}.modal-medium{max-width:520px}.modal-large{max-width:560px}.modal-auth{max-width:480px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;flex-shrink:0}.modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin:0;color:var(--color-fg);letter-spacing:-.01em}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.modal-close-btn:hover{background-color:var(--color-hover);color:var(--color-fg)}.modal-body{padding:1.75rem;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal-header.sticky{background:transparent;position:sticky;top:0;z-index:1}@media(max-width:480px){.modal-content{max-width:100%;margin:0;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:85vh}.modal-overlay{align-items:flex-end;padding:0}.modal-header.sticky{background:transparent;border-radius:16px 16px 0 0}.modal-body{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}}.modal-body:has(.signup-prompt){padding-top:.5rem}.signup-prompt{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.signup-prompt-intro{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-secondary);margin:0;text-align:center}.signup-prompt-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.875rem}.signup-prompt-benefits li{display:flex;align-items:center;gap:.875rem;font-family:var(--font-body);font-size:.9375rem;color:var(--color-fg)}.signup-prompt-benefits li svg{color:var(--color-primary);flex-shrink:0}.signup-prompt button.btn{border-radius:10px}.signup-prompt button.btn-primary{margin-top:.5rem}.signup-prompt-login{text-align:center;font-size:.875rem;color:var(--color-text-secondary);margin:0}.signup-prompt-login-link{background:none;border:none;color:var(--color-fg);font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.signup-prompt-login-link:hover{opacity:.7}.account-demo-banner{padding:.625rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:500;margin-bottom:1rem;background-color:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2);text-align:center}.account-message{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.account-message-success{background-color:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2)}.account-message-error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.account-info{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background-color:var(--color-bg-secondary);border-radius:8px;margin-bottom:1rem}.account-info-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.account-info-email{font-size:.9375rem;font-weight:500;color:var(--color-fg)}.account-info-provider{font-size:.8125rem;color:var(--color-text-secondary)}.account-sections{display:flex;flex-direction:column;gap:.5rem}.account-section{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.account-section-danger{border-color:#ef44444d}.account-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:transparent;border:none;color:var(--color-fg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .15s}.account-section-header:hover{background-color:var(--color-hover)}.account-section-danger .account-section-header{color:#ef4444}.account-section-danger .account-section-header:hover{background-color:#ef44441a}.account-section-title{display:flex;align-items:center;gap:.75rem}.account-section-content{padding:1rem;display:flex;flex-direction:column;gap:.875rem;border-top:1px solid var(--color-border)}.account-field{display:flex;flex-direction:column;gap:.375rem}.account-field label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.account-field input{padding:.75rem 1rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-fg);font-size:.9375rem;transition:all .15s}.account-field input::placeholder{color:var(--color-text-secondary)}.account-field input:focus{outline:none;border-color:var(--color-fg)}.account-field input:disabled{opacity:.6;cursor:not-allowed}.account-section-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.account-danger-warning{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444}.account-danger-warning p{margin:0;font-size:.8125rem;line-height:1.5}.account-danger-warning svg{flex-shrink:0;margin-top:.125rem}.feedback-demo-banner{padding:.625rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:500;margin-bottom:1rem;background-color:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2);text-align:center}.feedback-message{padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.feedback-message-success{background-color:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2)}.feedback-message-error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.feedback-form{display:flex;flex-direction:column;gap:1rem}.feedback-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.feedback-type-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.feedback-type-btn:hover:not(:disabled):not(.active){background-color:var(--color-fg);border-color:var(--color-fg);color:var(--color-bg)}.feedback-type-btn.active{background-color:var(--color-fg);border-color:var(--color-fg);color:var(--color-bg)}.feedback-type-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-field{display:flex;flex-direction:column;gap:.375rem}.feedback-field label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.feedback-optional{font-weight:400;opacity:.7}.feedback-field textarea,.feedback-field input{padding:.75rem 1rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-fg);font-family:inherit;font-size:16px;line-height:1.5;resize:vertical;transition:all .15s}.feedback-field textarea::placeholder,.feedback-field input::placeholder{color:var(--color-text-secondary)}.feedback-field textarea:focus,.feedback-field input:focus{outline:none;border-color:var(--color-fg)}.feedback-field textarea:disabled,.feedback-field input:disabled{opacity:.6;cursor:not-allowed}.feedback-form .btn{margin-top:.25rem}.modal-content:has(.visit-celebration) .modal-body{padding:0}.visit-celebration{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1.75rem 1.5rem}.vc-hero{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:vc-hero-enter .5s cubic-bezier(.34,1.56,.64,1)}@keyframes vc-hero-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.vc-flame{display:flex;align-items:center;justify-content:center;width:200px;height:200px}.vc-flame-placeholder{width:200px;height:200px}.vc-count{position:absolute;font-family:var(--font-mono);font-size:3rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 28px rgba(249,115,22,.6);top:50%;left:50%;transform:translate(-50%,-15%);z-index:1}.visit-celebration.milestone .vc-flame{width:220px;height:220px}.visit-celebration.milestone .vc-count{font-size:2.75rem}.vc-title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--color-fg);margin:0 0 .5rem;letter-spacing:-.01em;line-height:1.2;animation:vc-text-enter .4s ease-out .1s both}.vc-subtitle{font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--color-fg);opacity:.8;margin:0 0 1.75rem;line-height:1.4;animation:vc-text-enter .4s ease-out .15s both}@keyframes vc-text-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.visit-celebration-btn{animation:vc-text-enter .4s ease-out .2s both}:root[data-theme=synthwave] .vc-count{text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 28px rgba(255,45,149,.6)}@media(max-width:480px){.visit-celebration{padding:1.25rem 1.25rem 1rem}.vc-flame{width:160px;height:160px}.vc-count{font-size:2.25rem}.visit-celebration.milestone .vc-flame{width:180px;height:180px}.visit-celebration.milestone .vc-count{font-size:2.5rem}.vc-title{font-size:1.375rem}.vc-subtitle{font-size:.8125rem;margin-bottom:1.5rem}}@media(prefers-reduced-motion:reduce){.vc-hero,.vc-title,.vc-subtitle,.visit-celebration-btn{animation:none}}.modal-content:has(.vibe-celebration) .modal-body{padding:0}.vibe-celebration{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1.75rem 1.5rem}.vbc-hero{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;animation:vbc-hero-enter .5s cubic-bezier(.34,1.56,.64,1)}@keyframes vbc-hero-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.vbc-hourglass{width:120px;height:120px}.vbc-hourglass .sand-grain{animation:sand-fall 2s ease-in-out infinite;opacity:0}.vbc-hourglass .sand-grain.g1{animation-delay:0s}.vbc-hourglass .sand-grain.g2{animation-delay:.5s}.vbc-hourglass .sand-grain.g3{animation-delay:1s}.vbc-hourglass .sand-grain.g4{animation-delay:1.5s}@keyframes sand-fall{0%,to{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(20px)}}.vbc-hourglass .sand-top{animation:sand-top-shrink 4s ease-in-out infinite}@keyframes sand-top-shrink{0%,to{opacity:.5}50%{opacity:.2}}.vbc-hourglass .sand-bottom{animation:sand-bottom-grow 4s ease-in-out infinite}@keyframes sand-bottom-grow{0%,to{opacity:1}50%{opacity:.6}}.vbc-title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--color-fg);margin:0 0 .5rem;letter-spacing:-.01em;line-height:1.2;animation:vbc-text-enter .4s ease-out .1s both}.vbc-subtitle{font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--color-fg);opacity:.8;margin:0 0 1.75rem;line-height:1.4;animation:vbc-text-enter .4s ease-out .15s both}@keyframes vbc-text-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vibe-celebration-btn{animation:vbc-text-enter .4s ease-out .2s both}@media(max-width:480px){.vibe-celebration{padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom))}.vbc-hourglass{width:100px;height:100px}.vbc-title{font-size:1.375rem}.vbc-subtitle{font-size:.8125rem;margin-bottom:1.5rem}}@media(prefers-reduced-motion:reduce){.vbc-hero,.vbc-title,.vbc-subtitle,.vibe-celebration-btn,.vbc-hourglass .sand-grain,.vbc-hourglass .sand-top,.vbc-hourglass .sand-bottom{animation:none}.vbc-hourglass .sand-grain{opacity:1}}.timer-settings-panel{display:contents}.timer-settings-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;-webkit-tap-highlight-color:transparent}.timer-settings-panel-content{position:relative;z-index:51;flex:1;max-width:600px;display:flex;flex-direction:column;min-height:0;animation:timer-settings-fade-in .3s ease-out}@keyframes timer-settings-fade-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.timer-settings-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;flex-shrink:0}.timer-settings-title{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin:0}.timer-settings-close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.timer-settings-close-btn:hover{color:var(--color-fg);background:#ffffff1a}.timer-settings-body{flex:1;overflow-y:auto;padding:0 1rem 1rem;min-height:0}.preset-buttons{display:flex;flex-direction:column;gap:.5rem}.preset-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.875rem 1rem;background:#ffffff08;border:1px solid var(--color-glass-border);border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.preset-btn:hover{background:#ffffff0f;border-color:var(--color-text-secondary)}.preset-btn.active{background:#ffffff14;border-color:var(--color-fg)}.preset-btn-featured{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.preset-btn-header{display:flex;align-items:center;justify-content:space-between;width:100%}.preset-btn-name{font-size:.9375rem;font-weight:600;color:var(--color-fg)}.preset-btn-times{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);font-family:var(--font-mono, monospace)}.preset-btn-description{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.preset-divider{height:1px;background:var(--color-glass-border);margin:.5rem 0}.preset-details{margin-top:1rem;padding:1rem;background:#ffffff08;border:1px solid var(--color-glass-border);border-radius:12px}.preset-info{display:flex;flex-direction:column;gap:.75rem}.preset-info-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--color-fg)}.preset-info-row>span:first-child{color:var(--color-text-secondary)}.preset-value-editable{display:flex;align-items:center;gap:.375rem}.preset-value-editable input{width:3rem;padding:.375rem .5rem;background:#ffffff0d;border:1px solid var(--color-glass-border);border-radius:6px;color:var(--color-fg);font-size:.875rem;text-align:center;-moz-appearance:textfield}.preset-value-editable input::-webkit-outer-spin-button,.preset-value-editable input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.preset-value-editable input:focus{outline:none;border-color:var(--color-fg)}.preset-value-editable>span{color:var(--color-text-secondary);font-size:.8125rem}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:480px){.timer-settings-panel{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.timer-settings-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:auto;background-color:#0009;animation:timer-settings-fade-in .2s ease-out}@keyframes timer-settings-fade-in{0%{opacity:0}to{opacity:1}}.timer-settings-panel-content{position:absolute;bottom:0;left:0;right:0;max-width:100%;max-height:85vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;animation:timer-settings-slide-up .25s ease-out;padding-bottom:env(safe-area-inset-bottom,0)}@keyframes timer-settings-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.timer-settings-header{padding:1rem 1.25rem;background:transparent}.timer-settings-title{font-size:.8125rem}.timer-settings-body{padding:0 1.25rem 1.25rem}.desktop-only{display:none}.mobile-only{display:block}}.app{height:100%;display:flex;flex-direction:column;background-color:transparent;color:var(--color-fg);overflow:hidden;position:relative}.app:before{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0;animation:filmGrain .8s steps(1) infinite}@keyframes filmGrain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(1%,2%)}30%{transform:translate(-1%,1%)}40%{transform:translate(2%,-1%)}50%{transform:translate(-2%,2%)}60%{transform:translate(1%,-2%)}70%{transform:translate(-1%,-1%)}80%{transform:translate(2%,1%)}90%{transform:translate(-2%,-2%)}}:root[data-theme=light] .app:before,:root[data-theme=night] .app:before,:root[data-theme=synthwave] .app:before,:root[data-theme=winamp] .app:before{display:none!important}.app-header{padding:1.5rem 3rem;padding-top:calc(1.5rem + env(safe-area-inset-top));background-color:transparent}:root[data-theme=light] .app-header{background-color:var(--color-bg)}.app-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}@media(min-width:1400px){.app-header{padding:2rem 4rem}}.app-header-left{display:flex;align-items:center;gap:.5rem;flex:1}.app-header-center{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.app-header-right{flex:1;display:flex;justify-content:flex-end}.app-current-task-pill{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg);background-color:var(--color-hover);border:none;border-radius:20px;padding:.4rem .85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:all .2s}.app-current-task-pill:hover{background-color:var(--color-fg);color:var(--color-bg)}.app-current-task-wrapper{position:relative}.app-logo{height:.875rem;width:auto;fill:var(--color-fg)}@media(min-width:1400px){.app-logo{height:1rem}}:root[data-theme=synthwave] .app-logo{fill:#0ff;filter:drop-shadow(0 0 5px #00ffff) drop-shadow(0 0 10px #00ffff) drop-shadow(0 0 20px #00ffff) drop-shadow(0 0 40px #ff2d95)}.app-header-controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex:1}.icon-btn{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid transparent;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo)}.icon-btn:hover{color:var(--color-fg);background-color:var(--color-hover);border-color:var(--color-border)}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:1400px){.icon-btn{width:48px;height:48px}.icon-btn svg{width:22px;height:22px}}.theme-btn{display:flex}:root[data-theme=synthwave] .icon-btn{text-shadow:none;filter:none}:root[data-theme=synthwave] .icon-btn svg{filter:none}:root[data-theme=synthwave] .icon-btn:hover{color:#0ff;border-color:#00ffff4d;box-shadow:0 0 10px #0ff3}:root[data-theme=winamp] .app-logo{fill:#00e800;filter:drop-shadow(0 0 4px #00e800) drop-shadow(0 0 8px rgba(0,232,0,.6)) drop-shadow(0 0 16px rgba(0,232,0,.3))}:root[data-theme=winamp] .icon-btn{background:linear-gradient(180deg,#3a3d42,#2a2d32,#232529);border:1px solid #4a4e54;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0000004d,0 1px 2px #0000004d}:root[data-theme=winamp] .icon-btn:hover{color:#0f0;border-color:#00e800;box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #0000004d,0 0 8px #00e8004d}:root[data-theme=winamp] .icon-btn:active{background:linear-gradient(180deg,#232529,#2a2d32,#3a3d42);box-shadow:inset -1px -1px #ffffff0d,inset 1px 1px 2px #0006}.pip-floating-btn{position:fixed;bottom:2rem;right:2rem;z-index:100;width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;box-shadow:0 4px 24px #0003;transition:color var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) ease}.pip-floating-btn:hover{color:var(--color-fg);background:var(--color-hover);border-color:var(--color-border);box-shadow:0 6px 32px #00000040}.pip-floating-btn:active{transform:scale(.92)}.pip-floating-btn.active{color:var(--color-fg);background:var(--color-hover);border-color:var(--color-fg)}@media(max-width:480px){.pip-floating-btn{display:none;visibility:hidden;pointer-events:none}}.tasks-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-fg);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.tasks-btn:hover{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.app-main{flex:1;display:flex;flex-direction:row;justify-content:center;padding:2rem 3rem 5rem;max-width:100%;width:100%;gap:3rem;align-items:stretch;min-height:0;overflow:hidden}@media(min-width:1400px){.app-main{padding:2rem 4rem 6rem}}.mobile-task-indicator{display:none}.tasks-panel{display:contents}.tasks-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;-webkit-tap-highlight-color:transparent}.tasks-panel-content{position:relative;z-index:51;flex:1;max-width:600px;display:flex;flex-direction:column;min-height:0;animation:tasks-fade-in .3s ease-out}@keyframes tasks-fade-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.tasks-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 1rem}.tasks-sheet-title{font-size:1rem;font-weight:600;color:var(--color-fg)}.tasks-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.tasks-close-btn:hover{background:var(--color-hover);color:var(--color-fg)}.tasks-close-btn .desktop-only{display:block}.tasks-close-btn .mobile-only{display:none}.tasks-sheet-body{flex:1;min-height:0;overflow-y:auto}.task-list-title{display:none}.breathing-panel-container{position:relative;z-index:51;flex:2;max-width:600px;display:flex;flex-direction:column;min-height:0;transition:opacity .35s ease-out,transform .35s ease-out}.breathing-panel-container.visible{opacity:1;transform:translate(0);pointer-events:auto}.breathing-panel-container.hidden{opacity:0;transform:translate(20px);pointer-events:none;position:absolute;right:0}.mobile-break-container,.mobile-freeflow-container{display:none}.desktop-break-tabs{display:contents}.timer-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:100%}.timer-area.on-break{padding-top:3rem}.timer-area .break-tabs{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-main.tasks-collapsed{justify-content:center}.app-main.tasks-collapsed .timer-area,.app-main.tasks-collapsed .pomodoro-timer{flex:none}.active-task-indicator{text-align:center;padding:1rem;margin-top:1rem;font-size:.95rem;color:var(--color-text-secondary)}.active-task-indicator strong{color:var(--color-fg);font-weight:600}@media(max-width:968px){.app{height:auto;min-height:100%;overflow:auto}.app-main{flex-direction:column;gap:2rem}}@media(max-width:768px){.app-header{padding:1rem 1.5rem;padding-top:calc(1rem + env(safe-area-inset-top))}.app-logo{height:.8rem}.app-header-controls{gap:.75rem}.icon-btn{width:40px;height:40px}.app-main{padding:1.5rem 1.5rem 5rem}}.mobile-control-island,.mobile-header-auth{display:none}@media(max-width:480px){.app{height:100%;min-height:100%;overflow:hidden;display:flex;flex-direction:column}.app-header{padding:1.25rem 2rem;padding-top:calc(1.25rem + env(safe-area-inset-top));flex-shrink:0}.app-logo{height:.75rem}.app-header-controls{display:none}.mobile-header-auth{display:block}.mobile-control-island{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-shrink:0;width:calc(100% - 4rem);max-width:400px;margin:0 auto;margin-bottom:calc(2rem + env(safe-area-inset-bottom));padding:.375rem;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-glass-border);border-radius:18px;box-shadow:0 4px 32px #00000040}.island-task-btn{flex:1;padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-fg);background:transparent;border:none;border-radius:12px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;transition:all .15s ease}.island-task-btn:hover,.island-task-btn:active{background:var(--color-hover)}.island-divider{flex-shrink:0;width:1px;height:24px;background:var(--color-border);margin:0 .25rem}.mobile-control-island .icon-btn{flex-shrink:0}.mobile-control-island .auth-cta-btn,.mobile-control-island .user-menu{display:none}:root[data-theme=synthwave] .mobile-control-island{border-color:#ff2d9566;box-shadow:0 4px 32px #ff2d9533,0 0 0 1px #00ffff1a inset}:root[data-theme=night] .mobile-control-island{border-color:#9d8cff33;box-shadow:0 4px 32px #9d8cff1a,0 0 0 1px #ffffff0d inset}.icon-btn{width:44px;height:44px;border-radius:14px}.app-main{flex:1;min-height:0;padding:1.25rem 2rem 1rem;display:flex;flex-direction:column}.app-header-center,.shortcuts-btn{display:none}.sheet-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:1rem;right:1rem;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;z-index:10}.sheet-close-btn:hover,.sheet-close-btn:active{background:var(--color-hover);color:var(--color-fg);border-color:var(--color-fg)}.tasks-close-btn .desktop-only{display:none}.tasks-close-btn .mobile-only{display:block}.tasks-close-btn{width:36px;height:36px;border-radius:50%}.mobile-task-indicator{display:none}.tasks-panel{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.tasks-backdrop{position:absolute;z-index:auto;background-color:#0009;animation:tasks-fade-in .2s ease-out}@keyframes tasks-fade-in{0%{opacity:0}to{opacity:1}}.tasks-panel-content{position:absolute;bottom:0;left:0;right:0;max-width:100%;max-height:85vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;border:1px solid var(--color-glass-border);border-bottom:none;animation:tasks-slide-up .25s ease-out;box-shadow:0 -4px 32px #0000004d}.tasks-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;flex-shrink:0;position:sticky;top:0;z-index:1;background:transparent}.tasks-sheet-title{font-size:1.1rem;font-weight:600;color:var(--color-fg);margin:0}.tasks-close-btn{width:36px;height:36px;background:var(--color-hover);border-radius:50%}.tasks-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}@keyframes tasks-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.timer-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.pomodoro-timer{flex:none}.app-main:has(.mobile-break-container){padding-top:0;padding-bottom:1rem;flex-direction:column;justify-content:flex-start}.mobile-break-container,.mobile-freeflow-container{display:flex;justify-content:center;padding:.75rem 0;flex-shrink:0}.app-main:has(.mobile-freeflow-container){padding-top:0;padding-bottom:1rem;flex-direction:column;justify-content:flex-start}.app-main:has(.mobile-freeflow-container) .timer-area{padding-top:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.desktop-break-tabs{display:none}.app-main:has(.mobile-break-container) .timer-area{padding-top:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.breathing-panel-container{position:relative;max-width:100%;max-height:none;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;border:none;box-shadow:none;z-index:auto;transition:opacity .3s ease-out;min-height:0}.breathing-panel-container.visible{transform:none}.breathing-panel-container.hidden{transform:none;position:absolute;opacity:0;pointer-events:none}.app-main:has(.breathing-panel-container.visible) .timer-area{display:none}}