:root{--font-display:"Fraunces", "Iowan Old Style", serif;--font-mono:"IBM Plex Mono", "Fira Code", monospace;--font-body:"Archivo", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.2, 0, .2, 1);--transition-base:.18s cubic-bezier(.2, 0, .2, 1);--transition-slow:.32s cubic-bezier(.2, 0, .2, 1);--z-base:0;--z-dropdown:100;--z-modal:200;--z-toast:300;--z-tooltip:400}[data-theme=light]{--bg-primary:#efe7d6;--bg-secondary:#faf5e8;--bg-tertiary:#e3d9c2;--bg-elevated:#fdf9ee;--bg-input:#fdf9ee;--text-primary:#241c14;--text-secondary:#574a39;--text-tertiary:#8a7a63;--text-inverse:#faf5e8;--accent-primary:#c1421f;--accent-primary-hover:#a3371a;--accent-primary-light:#c1421f1f;--accent-secondary:#2f5d73;--accent-success:#4b7a52;--accent-warning:#b3821c;--accent-danger:#a3371a;--border-primary:#241c14c7;--border-secondary:#241c1438;--timer-ring-track:#241c1424;--timer-text:#241c14;--shadow-hard:4px 4px 0 #241c14e6;--shadow-hard-sm:2px 2px 0 #241c14e6;--shadow-hard-lg:6px 6px 0 #241c14e6;--grain-opacity:.05;--dot-opacity:.5;--scrollbar-bg:#e3d9c2;--scrollbar-thumb:#c7b998;--phase-work:#c1421f;--phase-short-break:#4b7a52;--phase-long-break:#2f5d73}[data-theme=dark]{--bg-primary:#1a140e;--bg-secondary:#241c14;--bg-tertiary:#2f251a;--bg-elevated:#2a2117;--bg-input:#241c14;--text-primary:#f2e8d6;--text-secondary:#c9b89c;--text-tertiary:#8c7c64;--text-inverse:#1a140e;--accent-primary:#e26a3a;--accent-primary-hover:#ee7d4f;--accent-primary-light:#e26a3a29;--accent-secondary:#6ba0b6;--accent-success:#79b382;--accent-warning:#d1a63e;--accent-danger:#e0715a;--border-primary:#f2e8d638;--border-secondary:#f2e8d617;--timer-ring-track:#f2e8d61f;--timer-text:#f2e8d6;--shadow-hard:4px 4px 0 #0000008c;--shadow-hard-sm:2px 2px 0 #0000008c;--shadow-hard-lg:6px 6px 0 #0000008c;--grain-opacity:.06;--dot-opacity:.4;--scrollbar-bg:#241c14;--scrollbar-thumb:#453626;--phase-work:#e26a3a;--phase-short-break:#79b382;--phase-long-break:#6ba0b6}[data-theme=amoled]{--bg-primary:#000;--bg-secondary:#0b0906;--bg-tertiary:#14100a;--bg-elevated:#0e0b07;--bg-input:#0b0906;--text-primary:#f2e8d6;--text-secondary:#b8a988;--text-tertiary:#756750;--text-inverse:#000;--accent-primary:#ff7a3d;--accent-primary-hover:#ff8f5c;--accent-primary-light:#ff7a3d24;--accent-secondary:#5fa3bd;--accent-success:#6fb87b;--accent-warning:#d1a63e;--accent-danger:#ec7256;--border-primary:#f2e8d62e;--border-secondary:#f2e8d612;--timer-ring-track:#f2e8d61a;--timer-text:#f2e8d6;--shadow-hard:4px 4px 0 #ff7a3d1f;--shadow-hard-sm:2px 2px 0 #ff7a3d1f;--shadow-hard-lg:6px 6px 0 #ff7a3d1f;--grain-opacity:.05;--dot-opacity:.3;--scrollbar-bg:#0b0906;--scrollbar-thumb:#2a2015;--phase-work:#ff7a3d;--phase-short-break:#6fb87b;--phase-long-break:#5fa3bd}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow), color var(--transition-slow);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:var(--text-inverse)}button,input,select{font-family:inherit}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-bg-gradient{pointer-events:none;z-index:-2;background-image:radial-gradient(var(--text-tertiary) 1px, transparent 1px);opacity:var(--dot-opacity,.4);mix-blend-mode:multiply;background-size:26px 26px;position:fixed;inset:0}[data-theme=dark] .app-bg-gradient,[data-theme=amoled] .app-bg-gradient{mix-blend-mode:screen;opacity:calc(var(--dot-opacity,.4) * .5)}.app-grain{pointer-events:none;z-index:-1;width:120%;height:120%;opacity:var(--grain-opacity,.05);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-10%}[data-theme=dark] .app-grain,[data-theme=amoled] .app-grain{mix-blend-mode:overlay}.main-content{gap:var(--space-2xl);width:100%;max-width:1180px;padding:var(--space-md);padding-top:var(--space-xl);flex-direction:column;flex:1;margin:0 auto;padding-bottom:100px;display:flex}@media (width>=768px){.main-content{padding:var(--space-xl);gap:var(--space-2xl);flex-direction:row;align-items:flex-start}}@media (width>=1024px){.main-content{padding:var(--space-3xl) var(--space-xl);gap:var(--space-3xl)}}.timer-section{align-items:center;gap:var(--space-lg);flex-direction:column;flex:1;width:100%;display:flex}@media (width>=768px){.timer-section{max-width:420px;position:sticky;top:96px}}.content-stack{gap:var(--space-2xl);flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.tasks-section,.pastebin-section{gap:var(--space-lg);flex-direction:column;width:100%;min-width:0;display:flex}.section-kicker{align-items:baseline;gap:var(--space-sm);width:100%;display:flex}.kicker-index{font-family:var(--font-mono);color:var(--accent-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-elevated);padding:2px 6px;font-size:.75rem;font-weight:600}.section-kicker .section-title{margin:0}.section-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);display:flex}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.4rem;font-weight:600}.section-badge{font-family:var(--font-mono);border-radius:var(--radius-full);background:var(--bg-elevated);border:1.5px solid var(--border-primary);color:var(--text-secondary);white-space:nowrap;padding:3px 9px;font-size:.72rem;font-weight:600}.navbar{padding:var(--space-md) var(--space-lg);padding-top:max(var(--space-md), env(safe-area-inset-top));background:var(--bg-primary);border-bottom:2px solid var(--border-primary);z-index:var(--z-dropdown);transition:background var(--transition-slow), border-color var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:var(--space-sm);display:flex}.navbar-logo{border-radius:var(--radius-sm);background:var(--accent-primary);border:2px solid var(--border-primary);width:36px;height:36px;color:var(--text-inverse);font-family:var(--font-display);box-shadow:var(--shadow-hard-sm);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;transform:rotate(-4deg)}.navbar-title-group{flex-direction:column;line-height:1.1;display:flex}.navbar-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:1.25rem;font-weight:600}.navbar-tagline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:.62rem;font-weight:500;display:none}@media (width>=480px){.navbar-tagline{display:block}}.navbar-actions{align-items:center;gap:var(--space-sm);display:flex}.navbar-btn{border:1.5px solid var(--border-primary);background:var(--bg-elevated);width:38px;height:38px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-size:17px;display:flex}.navbar-btn:hover{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--border-primary)}.navbar-btn:active{transform:translate(1px,1px)}.weather-widget{width:auto;min-width:38px;font-family:var(--font-mono);gap:5px;padding:0 10px;font-size:.78rem;font-weight:700}.weather-icon{flex-shrink:0;font-size:19px}.weather-city-short{letter-spacing:.02em;white-space:nowrap;font-weight:700;display:inline-block}.weather-city-full{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:600;display:none;overflow:hidden}@media (width>=768px){.weather-city-short{display:none}.weather-city-full{display:inline-block}}.weather-temp{white-space:nowrap}.weather-widget-empty,.weather-widget-error{width:38px;color:var(--text-tertiary);padding:0}.weather-widget-error{color:var(--accent-warning)}.weather-widget-loading{color:var(--text-tertiary)}@keyframes weatherPulse{0%,to{opacity:.35}50%{opacity:1}}.weather-pulse{animation:1.4s ease-in-out infinite weatherPulse}.phase-selector{background:var(--bg-tertiary);border:1.5px solid var(--border-secondary);border-radius:var(--radius-md);gap:6px;width:100%;max-width:380px;padding:5px;display:flex}.phase-btn{padding:var(--space-sm) var(--space-sm);color:var(--text-tertiary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:1.5px solid #0000;flex:1;font-size:.72rem;font-weight:600}.phase-btn:hover{color:var(--text-secondary)}.phase-btn.active{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-primary)}.phase-btn.active[data-phase=work]{color:var(--phase-work)}.phase-btn.active[data-phase=shortBreak]{color:var(--phase-short-break)}.phase-btn.active[data-phase=longBreak]{color:var(--phase-long-break)}.duration-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;max-width:380px;display:flex}.duration-preset-btn{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:5px 10px;font-size:.72rem;font-weight:600}.duration-preset-btn:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.duration-preset-btn.active{background:var(--accent-primary);border-color:var(--border-primary);color:var(--text-inverse)}.duration-custom-form{display:flex}.duration-custom-input{width:76px;font-family:var(--font-mono);text-align:center;color:var(--text-primary);background:var(--bg-input);border:1.5px dashed var(--border-primary);border-radius:var(--radius-sm);transition:box-shadow var(--transition-fast);outline:none;padding:5px 8px;font-size:.72rem;font-weight:600}.duration-custom-input::placeholder{color:var(--text-tertiary);font-family:var(--font-body)}.duration-custom-input:focus{box-shadow:2px 2px 0 var(--accent-primary);border-style:solid}.timer-container{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}@media (width>=480px){.timer-container{width:320px;height:320px}}@media (width>=768px){.timer-container{width:340px;height:340px}}.timer-svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--timer-ring-track);stroke-width:8px}.timer-tick{stroke:var(--border-secondary);stroke-width:1.5px}.timer-tick.major{stroke:var(--text-tertiary);stroke-width:2px}.timer-progress{fill:none;stroke-width:8px;stroke-linecap:butt;transition:stroke-dashoffset 1s linear}.timer-progress-dot{transition:transform 1s linear}.timer-inner{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.timer-phase-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--text-inverse);background:var(--accent-primary);border-radius:var(--radius-full);border:1.5px solid var(--border-primary);padding:3px 10px;font-size:.7rem;font-weight:600}.timer-display{font-family:var(--font-mono);letter-spacing:-1px;color:var(--timer-text);font-variant-numeric:tabular-nums;margin-top:4px;font-size:3.9rem;font-weight:600;line-height:1}@media (width>=480px){.timer-display{font-size:4.4rem}}.timer-session-count{font-family:var(--font-mono);color:var(--text-tertiary);align-items:center;gap:5px;font-size:.72rem;font-weight:500;display:flex}.timer-session-dot{background:var(--timer-ring-track);border:1.5px solid var(--border-secondary);width:7px;height:7px;transition:background var(--transition-fast);border-radius:1.5px}.timer-session-dot.filled{background:var(--accent-primary);border-color:var(--border-primary)}.timer-active-task{font-family:var(--font-body);color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:220px;margin-top:2px;font-size:.74rem;font-weight:600;display:flex;overflow:hidden}.timer-active-task svg{color:var(--accent-primary);flex-shrink:0}.timer-controls{align-items:center;gap:var(--space-md);display:flex}.control-btn{border:2px solid var(--border-primary);cursor:pointer;font-family:var(--font-body);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex}.control-btn-primary{border-radius:var(--radius-lg);background:var(--accent-primary);width:68px;height:68px;color:var(--text-inverse);box-shadow:var(--shadow-hard);font-size:24px}.control-btn-primary:hover{background:var(--accent-primary-hover)}.control-btn-primary:active{transform:translate(3px,3px);box-shadow:1px 1px #241c14e6}.control-btn-secondary{border-radius:var(--radius-md);background:var(--bg-elevated);width:46px;height:46px;color:var(--text-secondary);box-shadow:var(--shadow-hard-sm);font-size:18px}.control-btn-secondary:hover{color:var(--accent-primary)}.control-btn-secondary:active{box-shadow:none;transform:translate(2px,2px)}.stats-bar{gap:var(--space-sm);width:100%;max-width:380px;display:flex}.stat-card{padding:var(--space-sm) var(--space-xs);background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stat-card:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.stat-icon{color:var(--accent-primary);font-size:14px}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.3rem;font-weight:700}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:600}.quick-actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;width:100%;max-width:380px;display:flex}.quick-action-btn{padding:6px var(--space-md);font-size:.72rem;font-weight:600;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;display:flex}.quick-action-btn:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.quick-action-btn.active{background:var(--accent-primary);border-color:var(--border-primary);color:var(--text-inverse)}.task-input-form{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.task-input-container{gap:var(--space-sm);display:flex}.task-input{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:box-shadow var(--transition-fast);outline:none;flex:1;font-size:.92rem}.task-input::placeholder{color:var(--text-tertiary)}.task-input:focus{box-shadow:3px 3px 0 var(--accent-primary)}.task-add-btn{border:1.5px solid var(--border-primary);background:var(--accent-primary);width:42px;min-width:42px;height:42px;color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:20px;display:flex}.task-add-btn:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.task-add-btn:active{transform:translate(1px,1px)}.task-input-row{gap:var(--space-sm);align-items:center;display:flex}.task-list{gap:var(--space-sm);flex-direction:column;display:flex}.task-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:default;border-left-width:4px;display:flex}.task-item:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.task-item.active-task{border-left-color:var(--accent-primary);background:var(--accent-primary-light)}.task-checkbox{border-radius:var(--radius-sm);border:2px solid var(--border-primary);cursor:pointer;width:22px;min-width:22px;height:22px;transition:all var(--transition-fast);background:var(--bg-input);color:#0000;justify-content:center;align-items:center;font-size:12px;display:flex}.task-checkbox:hover{border-color:var(--accent-primary)}.task-checkbox.checked{background:var(--accent-success);border-color:var(--border-primary);color:var(--text-inverse)}.task-text{color:var(--text-primary);transition:all var(--transition-fast);flex:1;font-size:.9rem;font-weight:600}.task-text.completed{color:var(--text-tertiary);font-weight:500;text-decoration:line-through}.task-edit-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--accent-primary);border-radius:var(--radius-sm);outline:none;padding:3px 6px;font-size:.9rem;font-weight:600}.task-pomodoros{align-items:center;gap:3px;display:flex}.task-pomodoro-dot{border:1.5px solid var(--accent-primary);width:8px;height:8px;transition:all var(--transition-fast);background:0 0;border-radius:50%}.task-pomodoro-dot.filled{background:var(--accent-primary)}.task-actions{gap:2px;display:flex}@media (hover:hover) and (pointer:fine){.task-actions{opacity:0;transition:opacity var(--transition-fast)}.task-item:hover .task-actions,.task-item:focus-within .task-actions,.task-actions.always-visible{opacity:1}}.task-action-btn{width:30px;height:30px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;font-size:14px;display:flex}.task-action-btn:hover{border-color:var(--border-primary);color:var(--accent-primary);background:var(--bg-tertiary)}.task-action-btn.delete:hover{color:var(--accent-danger)}.task-action-btn.set-active:hover{color:var(--accent-success)}.task-action-btn.active{color:var(--accent-primary);border-color:var(--border-primary)}.empty-state{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-tertiary);border:1.5px dashed var(--border-secondary);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-md);color:var(--text-tertiary);opacity:.6;font-size:1.8rem}.empty-state-text{font-family:var(--font-display);color:var(--text-secondary);font-size:1rem;font-weight:600}.empty-state-subtext{margin-top:var(--space-xs);color:var(--text-tertiary);font-size:.78rem}.settings-overlay{z-index:var(--z-modal);background:#140f0a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=768px){.settings-overlay{align-items:center}}.settings-panel{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:500px;max-height:85vh;padding:var(--space-lg);border:2px solid var(--border-primary);border-bottom:none;overflow-y:auto}@media (width>=768px){.settings-panel{border-radius:var(--radius-lg);border-bottom:2px solid var(--border-primary);max-height:75vh;box-shadow:var(--shadow-hard-lg)}}.settings-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.settings-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.settings-close{border:1.5px solid var(--border-primary);background:var(--bg-elevated);width:34px;height:34px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex}.settings-close:hover{background:var(--accent-primary);color:var(--text-inverse)}.settings-group{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1.5px dashed var(--border-secondary)}.settings-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-group-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-primary);margin-bottom:var(--space-md);font-size:.7rem;font-weight:600}.settings-row{padding:var(--space-sm) 0;justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.settings-label{color:var(--text-primary);font-size:.92rem;font-weight:600}.settings-sublabel{color:var(--text-tertiary);margin-top:2px;font-size:.76rem}.settings-number-input{width:72px;padding:var(--space-xs) var(--space-sm);background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);text-align:center;transition:box-shadow var(--transition-fast);outline:none;font-size:.92rem;font-weight:600}.settings-number-input:focus{box-shadow:2px 2px 0 var(--accent-primary)}.settings-text-input{width:160px;padding:var(--space-xs) var(--space-sm);background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);text-overflow:ellipsis;transition:box-shadow var(--transition-fast);outline:none;font-size:.88rem;font-weight:600}.settings-text-input::placeholder{color:var(--text-tertiary);font-weight:500}.settings-text-input:focus{box-shadow:2px 2px 0 var(--accent-primary)}.city-autocomplete{width:160px;position:relative}.city-suggestions{background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);width:230px;max-height:240px;box-shadow:var(--shadow-hard);z-index:var(--z-dropdown);list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.city-suggestion{cursor:pointer;border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);flex-direction:column;gap:1px;padding:8px 10px;display:flex}.city-suggestion:last-child{border-bottom:none}.city-suggestion:hover,.city-suggestion.highlighted{background:var(--accent-primary-light)}.city-suggestion-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.city-suggestion-region{color:var(--text-tertiary);font-size:.7rem}.toggle-switch{border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1.5px solid var(--border-primary);cursor:pointer;width:46px;height:26px;transition:all var(--transition-base);flex-shrink:0;position:relative}.toggle-switch.active{background:var(--accent-primary)}.toggle-switch:after{content:"";background:var(--bg-elevated);border:1.5px solid var(--border-primary);width:18px;height:18px;transition:transform var(--transition-base);border-radius:3px;position:absolute;top:2px;left:2px}.toggle-switch.active:after{background:var(--text-inverse);transform:translate(20px)}.theme-selector{gap:var(--space-sm);display:flex}.theme-option{align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-elevated);font-family:var(--font-body);flex-direction:column;min-width:76px;display:flex}.theme-option:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.theme-option.active{border-color:var(--accent-primary);box-shadow:var(--shadow-hard-sm)}.theme-preview{border-radius:var(--radius-sm);border:1.5px solid var(--border-primary);width:32px;height:32px}.theme-preview-light{background:linear-gradient(135deg,#faf5e8,#e3d9c2)}.theme-preview-dark{background:linear-gradient(135deg,#241c14,#1a140e)}.theme-preview-amoled{background:linear-gradient(135deg,#0b0906,#000)}.theme-option-label{color:var(--text-secondary);font-size:.68rem;font-weight:600}.settings-action-btn{padding:10px var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--border-primary);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;font-weight:600;font-family:var(--font-body);transition:all var(--transition-fast);flex:1;font-size:.85rem}.settings-action-btn:hover{box-shadow:var(--shadow-hard-sm);color:var(--accent-primary);transform:translate(-1px,-1px)}.settings-action-row{gap:var(--space-sm);display:flex}.settings-about{color:var(--text-tertiary);font-size:.8rem;line-height:1.6}.settings-about strong{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem}.pastebin-input-row{gap:var(--space-sm);margin-bottom:var(--space-md);align-items:flex-start;display:flex}.pastebin-textarea{min-height:60px;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);resize:vertical;transition:box-shadow var(--transition-fast);outline:none;flex:1;font-size:.88rem}.pastebin-textarea::placeholder{color:var(--text-tertiary)}.pastebin-textarea:focus{box-shadow:3px 3px 0 var(--accent-primary)}.pastebin-add-btn{border:1.5px solid var(--border-primary);background:var(--accent-primary);width:42px;min-width:42px;height:42px;color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex}.pastebin-add-btn:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-1px,-1px)}.pastebin-add-btn:active{box-shadow:none;transform:translate(1px,1px)}.pastebin-toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.pastebin-list{gap:var(--space-sm);flex-direction:column;display:flex}.pastebin-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.pastebin-item:hover{box-shadow:var(--shadow-hard-sm);transform:translate(-2px,-2px)}.pastebin-item-icon{border-radius:var(--radius-sm);background:var(--accent-primary-light);width:28px;min-width:28px;height:28px;color:var(--accent-primary);justify-content:center;align-items:center;margin-top:1px;font-size:14px;display:flex}.pastebin-item-content{flex:1;min-width:0}.pastebin-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:140px;font-size:.88rem;overflow-y:auto}.pastebin-link{color:var(--accent-secondary);word-break:break-all;text-underline-offset:2px;font-size:.88rem;font-weight:600;text-decoration:underline;display:inline-block}.pastebin-image{border-radius:var(--radius-sm);border:1.5px solid var(--border-secondary);max-width:100%;max-height:200px;display:block}.pastebin-item-actions{flex-shrink:0;gap:2px;display:flex}.toast-container{bottom:var(--space-lg);z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);background:var(--bg-elevated);border:1.5px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);color:var(--text-primary);max-width:min(90vw,420px);font-size:.85rem;font-weight:600;display:flex}.toast-icon{color:var(--accent-primary);flex-shrink:0;font-size:16px;display:flex}.toast-message{flex:1;min-width:0}.toast-action{border:1.5px solid var(--border-primary);background:var(--accent-primary);color:var(--text-inverse);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast);flex-shrink:0;padding:5px 10px;font-size:.7rem;font-weight:700}.toast-action:hover{transform:translate(-1px,-1px)}.toast-close{width:22px;height:22px;color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s cubic-bezier(.2,0,.2,1) both fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.2,0,.2,1) both slideUp}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=480px){.navbar{padding:var(--space-md);padding-top:max(var(--space-md), env(safe-area-inset-top))}.main-content{padding:var(--space-md) var(--space-sm);padding-top:var(--space-xl)}.timer-display{font-size:3.4rem}.timer-container{width:260px;height:260px}.stats-bar{gap:6px}.stat-card{padding:6px 4px}.stat-value{font-size:1.1rem}}.task-category{font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid;align-items:center;gap:3px;padding:2px 7px;font-size:.6rem;font-weight:600;display:inline-flex}.task-category.work{color:var(--accent-primary);background:var(--accent-primary-light)}.task-category.personal{color:var(--accent-secondary);background:#2f5d731a}.task-category.study{color:var(--accent-warning);background:#b3821c1a}.task-category.health{color:var(--accent-success);background:#4b7a521a}.category-select{padding:7px var(--space-sm);background:var(--bg-input);border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:box-shadow var(--transition-fast);outline:none;font-size:.8rem;font-weight:600}.category-select:focus{box-shadow:2px 2px 0 var(--accent-primary)}.pomo-estimate{border:1.5px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-input);align-items:center;gap:4px;padding:3px 6px;display:flex}.pomo-estimate-btn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:14px;display:flex}.pomo-estimate-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.pomo-estimate-value{font-family:var(--font-mono);color:var(--text-primary);text-align:center;min-width:14px;font-size:.85rem;font-weight:700}.pomo-estimate-icon{color:var(--accent-primary);margin-left:2px;font-size:13px}.task-filters{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.task-filter-btn{padding:5px var(--space-sm);font-size:.72rem;font-weight:600;font-family:var(--font-mono);border:1.5px solid var(--border-primary);background:var(--bg-elevated);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.03em}.task-filter-btn:hover{color:var(--accent-primary)}.task-filter-btn.active{background:var(--accent-primary);color:var(--text-inverse)}.footer{justify-content:center;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-lg);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-tertiary);border-top:1.5px dashed var(--border-secondary);margin-top:auto;font-size:.7rem;display:flex}.footer-mark{color:var(--accent-primary);font-weight:700}