:root{--color-bg-primary:#ffffff;--color-bg-secondary:#f4f4f7;--color-text-primary:#1c1c1e;--color-text-secondary:#6c757d;--color-text-on-accent:#ffffff;--color-text:var(--color-text-primary);--color-border:#e0e0e0;--color-shadow:rgba(0, 0, 0, 0.08);--color-accent-primary:#121212;--color-fab-bg:var(--color-accent-primary);--color-fab-foreground:var(--color-text-on-accent);--color-surface:var(--color-bg-secondary);--color-border:var(--color-border)}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#121212;--color-bg-secondary:#1e1e1e;--color-text-primary:#ffffff;--color-text-secondary:#a9a9a9;--color-text-on-accent:#ffffff;--color-text:var(--color-text-primary);--color-border:#333333;--color-shadow:rgba(255, 255, 255, 0.05);--color-accent-primary:#8C92AC;--color-fab-bg:#0b0b0d;--color-fab-foreground:#ffffff;--color-surface:var(--color-bg-secondary);--color-border:var(--color-border)}}@media (prefers-color-scheme:dark){.how-to-steps li::before{background:#fff;color:#000;border:1px solid var(--color-border)}}[data-theme=light]{--color-bg-primary:#ffffff;--color-bg-secondary:#f4f4f7;--color-text-primary:#1c1c1e;--color-text-secondary:#6c757d;--color-text-on-accent:#ffffff;--color-text:var(--color-text-primary);--color-border:#e0e0e0;--color-shadow:rgba(0, 0, 0, 0.08);--color-accent-primary:#007aff;--color-fab-bg:#121212;--color-fab-foreground:#efefef;--color-surface:var(--color-bg-secondary);--color-border:var(--color-border)}[data-theme=dark]{--color-bg-primary:#121212;--color-bg-secondary:#1e1e1e;--color-text-primary:#ffffff;--color-text-secondary:#efefef;--color-text-on-accent:#ffffff;--color-text:var(--color-text-primary);--color-border:#333333;--color-shadow:rgba(255, 255, 255, 0.05);--color-accent-primary:#8C92AC;--color-fab-bg:#efefef;--color-fab-foreground:#000000;--color-surface:var(--color-bg-secondary);--color-border:var(--color-border)}.pull-peek{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:36px;height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.6;transition:transform 220ms ease,opacity .2s ease;z-index:2}.pull-peek .pull-arrow{font-size:14px;color:var(--color-text-secondary)}.todo-section{position:relative;overflow:hidden}.todo-section .pull-peek.visible{transform:translate(-50%,6px);opacity:1}.todos-list{padding-left:var(--spacing-md)}.timer-breathing{animation:timer-breathe 2.8s ease-in-out infinite!important}@keyframes timer-breathe{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}.timer-ghost-border{position:relative}.timer-ghost-border::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110%;height:110%;border-radius:50%;border:2px solid rgba(80,80,120,.13);opacity:0;pointer-events:none;transition:opacity .25s;z-index:1}.timer-ghost-border.timer-ghost-active::after,.timer-ghost-border:hover::after{opacity:1}.settings-main{padding:var(--spacing-lg)}.settings-auth-row{margin-bottom:var(--spacing-md)}.settings-auth-inline{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-toggle-row{margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.settings-control{padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s ease}.settings-control:focus{outline:0;border-color:var(--color-accent-primary)}.settings-field{margin-bottom:var(--spacing-md)}.settings-control.slider-control{width:100%;padding:.25rem 0;border:none;background:0 0}.settings-field>label{display:block;margin-bottom:.5rem}.settings-control.slider-control::-webkit-slider-runnable-track{height:6px;background:var(--color-bg-secondary);border-radius:999px}.settings-control.slider-control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-bg-secondary);box-shadow:0 2px 6px rgba(0,0,0,.18);margin-top:-6px}.settings-control.slider-control::-moz-range-track{height:6px;background:var(--color-bg-secondary);border-radius:999px}.settings-control.slider-control::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-bg-secondary);box-shadow:0 2px 6px rgba(0,0,0,.18)}.settings-cta-row{margin-top:var(--spacing-lg)}.settings-cta{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:center}.settings-cta .btn,.settings-cta .btn--accent,.settings-cta .btn--facebook,.settings-cta .btn--google,.settings-cta .btn-cancel{padding:.5rem 1rem;font-size:.9375rem;min-height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.settings-cta .btn{min-width:8rem}.settings-done-row{display:flex;justify-content:center;margin-top:var(--spacing-md)}.settings-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn--accent{background:var(--color-accent-primary);color:var(--color-text-on-accent);transition:background-color .2s ease}.muted-text{color:var(--color-text-secondary)}.social-signin{display:flex;gap:var(--spacing-sm);justify-content:center}.btn--google{background:#4285f4;color:#fff}.btn--facebook{background:#1877f2;color:#fff}.todo-content{padding:var(--spacing-md) var(--spacing-sm)}.todo-title{cursor:default}.todo-play{color:inherit;text-decoration:none}.todo-play .play-icon{display:inline-block;vertical-align:middle;color:inherit}.link-text{flex:1;transition:background-color .2s ease;min-width:0;touch-action:manipulation}.link-text:hover{background-color:var(--color-bg-secondary)}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.todo-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}@media (max-width:768px){.todo-actions{display:none}}.btn-small{padding:.25rem .5rem;font-size:.75rem;border:none;border-radius:var(--radius-sm);transition:background-color .2s ease}.btn-small:hover{cursor:pointer;background-color:var(--color-bg-secondary)}.btn-edit{background:0 0;color:var(--color-text-primary)}.btn-edit:hover{background-color:rgba(0,123,255,.1)}.btn-status{background:0 0;color:var(--color-text-primary)}.btn-status:hover{background-color:rgba(255,193,7,.1)}.btn-delete{background:0 0;color:var(--color-text-primary)}.btn-delete:hover{background-color:rgba(220,53,69,.1)}.loading{text-align:center;padding:var(--spacing-lg)}.add-task-input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease}.add-task-input:focus{outline:0;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px rgba(0,123,255,.25)}.add-task-meta{margin-top:var(--spacing-md)}.modal-buttons{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.modal-edit .app-header,.modal-edit .main-content,.modal-edit .site-footer{filter:blur(var(--blur-amount));transition:filter .3s ease}.settings-accordion{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.settings-accordion-header{width:100%;text-align:left;background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:.625rem 1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-radius:var(--radius-md);transition:background .15s ease,transform .12s ease,box-shadow .12s ease,border-color .15s ease}.settings-accordion-header::after{content:'▾';transform:rotate(0);transition:transform .18s cubic-bezier(.2, .9, .2, 1);opacity:.8;font-size:.95rem}.settings-accordion-header[aria-expanded=false]::after{transform:rotate(-90deg)}.settings-accordion-panel{padding:.5rem 0 var(--spacing-md) 0}.settings-accordion-panel.hidden{display:none}.settings-accordion-header:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.06)}.settings-accordion-header:focus{outline:0;box-shadow:0 0 0 3px rgba(0,122,255,.12)}.settings-accordion-header[aria-expanded=true]{border-color:var(--color-accent-primary);box-shadow:0 8px 22px rgba(0,0,0,.06)}.settings-accordion-header:active{transform:translateY(1px) scale(.998)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 1px 3px rgba(0,0,0,.1)}.ui-info-overlay{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,.45);z-index:1100}.ui-info-overlay:not(.hidden){display:flex}.ui-info-content{background:var(--color-bg-primary);color:var(--color-text-primary);padding:var(--spacing-lg);max-width:560px;width:calc(100% - 2rem);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.12);position:relative}.ui-info-content h2{margin-top:0}.ui-info-content .settings-back-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}[data-theme=dark] .settings-accordion-header{color:var(--color-text-primary);opacity:1}[data-theme=dark] .settings-accordion-header:hover{opacity:1}.switch{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none;width:100%}.switch .switch-track{width:44px;height:28px;border-radius:999px;background:var(--color-bg-secondary);border:1px solid var(--color-border);position:relative;transition:background .12s ease,border-color .12s ease;flex:0 0 auto}.switch .switch-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:50%;left:4px;transform:translateY(-50%);transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 2px 6px rgba(0,0,0,.18)}.switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;margin:0}.switch input[type=checkbox]:checked+.switch-track{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.switch input[type=checkbox]:checked+.switch-track .switch-thumb{transform:translateY(-50%) translateX(16px)}.switch .switch-label{flex:1;text-align:left}.settings-toggle-row .switch{align-items:center}.pull-peek{display:none;position:sticky;top:0;text-align:center;padding:var(--spacing-sm) 0;font-size:1.2rem;color:var(--color-text-secondary);user-select:none;pointer-events:none;z-index:10}.pull-peek.visible{display:block;animation:peek-bounce 1.5s ease-in-out infinite}.pull-arrow{display:inline-block;transition:transform .3s ease}@keyframes peek-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-theme=dark] .btn-add{background:var(--color-bg-secondary,#23243a);color:var(--color-text-primary,#fff);border-color:#fff}.snackbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(76,175,80,.9);color:#fff;padding:12px 24px;border-radius:4px;font-size:14px;font-weight:500;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.2);animation:slideUp .3s ease-out}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.todo-item.dragging{opacity:.7;will-change:transform;pointer-events:none;z-index:1001}.todo-item.drag-over{transform:translateY(-5px);transition:transform .2s ease;background-color:rgba(140,146,172,.1)}.todo-item.settling{animation:settleIn .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes settleIn{0%{opacity:.5;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}li{list-style:none}@media (max-width:600px){.main-scroll-container{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.scroll-panel{flex:0 0 100%;min-height:100%;min-width:unset;scroll-snap-align:start}.slide-nav{display:none}}.slide-nav{display:flex;justify-content:center;align-items:center;gap:var(--slide-dot-gap);padding:var(--spacing-md) 0;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.slide-dot{width:var(--slide-dot-size);height:var(--slide-dot-size);border-radius:50%;border:none;background-color:#ccc;cursor:pointer;transition:background-color var(--slide-dot-color-duration) ease,opacity var(--slide-dot-opacity-duration) ease,transform var(--slide-dot-transform-duration) ease;padding:0;outline:0;flex-shrink:0}.slide-dot:hover{background-color:#999;transform:scale(var(--slide-dot-hover-scale))}.slide-dot.active{background-color:var(--color-fab-bg);transform:scale(var(--slide-dot-active-scale))}.slide-dot:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:0.25rem}:root{--base-font-size:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--header-height:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--type-xxl:6rem;--type-xl:4.5rem;--type-lg:2rem;--type-md:1rem;--transition:all 200ms ease-out;--blur-amount:12px;--slide-dot-size:0.75rem;--slide-dot-gap:0.875rem;--slide-dot-hover-scale:1.15;--slide-dot-active-scale:1.25;--slide-dot-color-duration:300ms;--slide-dot-opacity-duration:300ms;--slide-dot-transform-duration:200ms;--footer-height:72px;--action-bar-space:2.5rem;--btn-min-width:8rem;--btn-height:2.5rem;--btn-min-width-sm:6.5rem;--action-bar-bottom:1rem}*,::after,::before{box-sizing:border-box}::after,::before{border:none!important;box-shadow:none!important}body,html{height:100%}body{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Courier New",monospace;font-size:var(--type-md);line-height:1.5;background:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column}.app-header{background:var(--color-bg-primary);padding:.5rem var(--spacing-lg);text-align:center;border-bottom:1px solid var(--color-border);z-index:100}.header-inner{display:flex;align-items:center;justify-content:center;gap:1rem}.header-title{margin:0;font-size:1rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-primary)}.header-title a{color:var(--color-text-primary);text-decoration:none;transition:opacity 150ms ease}.header-title a:hover{opacity:.75}.todos-items{padding:0 1rem;margin:0}.btn-fab,.settings-btn{width:3rem;height:3rem;border-radius:50%;cursor:pointer;font-size:1.5rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:var(--color-fab-bg,var(--color-accent-primary));color:var(--color-fab-foreground,var(--color-text-on-accent));border:none;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:var(--transition)}.btn-fab:active,.settings-btn:active{transform:scale(.95)}.btn-fab:hover,.settings-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.btn-fab:focus,.settings-btn:focus{outline:0;box-shadow:0 2px 8px rgba(0,0,0,.15),0 0 0 3px rgba(59,130,246,.3)}body{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden}#mainContent,.main-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%;padding-bottom:calc(4rem + max(2rem,env(safe-area-inset-bottom)))}.main-scroll-container{position:relative;flex:1 1 auto;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.main-scroll-container::-webkit-scrollbar{display:none}.scroll-panel{flex:0 0 100%;min-width:100%;min-height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-align:start;box-sizing:border-box}.timer-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-lg) var(--spacing-md);box-sizing:border-box;padding-bottom:max(7rem,env(safe-area-inset-bottom,2rem))}.timer-display{font-size:var(--type-xxl);font-weight:700;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;user-select:none;cursor:pointer;transition:opacity .2s ease;color:var(--color-text)}.timer-display:hover{opacity:.85}.timer-display:active{opacity:.7}@media (min-width:1024px){body.timer-active .timer-display{font-size:calc(var(--type-xxl) * 1.5)}@media (min-width:1400px){body.timer-active .timer-display{font-size:calc(var(--type-xxl) * 2)}}}.timer-display.timer--work{color:var(--color-text)}.timer-display.timer--break{color:var(--color-text-secondary)}.nav-hints-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:2.5rem;z-index:10000;pointer-events:none}.nav-hint{display:flex;flex-direction:column;align-items:center;gap:0;color:var(--color-text-secondary);font-size:.75rem;text-align:center;animation:pulse-hint 2s ease-in-out infinite}.nav-hint.hidden{display:none}.nav-hint__arrow{font-size:1rem;display:block;line-height:1;animation:bounce-arrow 2s ease-in-out infinite}.nav-hint__text{opacity:.8;font-weight:500;white-space:nowrap}.nav-hint--about .nav-hint__arrow,.nav-hint--timer .nav-hint__arrow,.nav-hint--todos .nav-hint__arrow{animation:bounce-arrow-up 2s ease-in-out infinite}@keyframes pulse-hint{0%,100%{opacity:.6}50%{opacity:1}}@keyframes bounce-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes bounce-arrow-down{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes bounce-arrow-up{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (hover:hover){.nav-hints-container{display:none}}.action-bar{position:fixed;left:0;right:0;bottom:var(--action-bar-bottom);width:100vw;display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.2rem 1.2rem 1.2rem;gap:calc(var(--spacing-md) * 2);pointer-events:none;z-index:99999;box-sizing:border-box}@media (max-width:600px){.action-bar{padding-left:.5rem;padding-right:.5rem;padding-bottom:.7rem}}@media (max-width:600px){.action-bar{padding-bottom:.7rem}}.action-bar .btn-fab,.settings-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important}.action-bar>*{pointer-events:auto}body.dragging-active{overscroll-behavior:none;touch-action:none}body.dragging-active .main-scroll-container{overflow:hidden!important}body.dragging-active,body.dragging-active *{cursor:pointer!important}.mini-timer{display:none!important;min-width:auto;padding:0;border-radius:var(--radius-sm);background:0 0;font-size:1rem;font-weight:600;text-align:center;white-space:nowrap;z-index:9;box-shadow:none;flex-shrink:0}body.about-active #miniTimerAbout,body.todo-active #miniTimerTodos{display:inline-flex!important;align-items:center;justify-content:center}body.timer-active #miniTimerAbout,body.timer-active #miniTimerTodos{display:none!important}.todos-section{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 0 var(--color-shadow);margin-bottom:1.75rem}.section-header{padding:var(--spacing-md);font-size:.75rem;font-weight:700;text-transform:uppercase;background:var(--color-bg-secondary);cursor:pointer}.todo-item{padding:var(--spacing-md) 0;display:flex;gap:var(--spacing-md);align-items:center;width:100%;box-sizing:border-box;touch-action:manipulation;user-select:none;-webkit-touch-callout:none;transition:var(--transition)}.todo-item:hover{background:var(--color-bg-secondary)}.todo-item.deleting{opacity:.6!important;background-color:rgba(220,38,38,.3)!important;border-left:4px solid #dc2626!important;transition:all .4s ease-out!important}.todo-empty-state{padding:var(--spacing-md) 0;color:var(--color-text-secondary);list-style:none;text-align:center}body.dragging-active .todo-empty-state{display:none!important}.todo-placeholder{padding:0;margin:0;list-style:none;background:rgba(150,150,150,.1);border:2px dashed var(--color-border);border-radius:var(--radius-md);box-sizing:border-box}.drag-handle{background:inherit;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:grab;color:inherit}.drag-handle.dragging,.drag-handle:active{cursor:grabbing}.drag-handle:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:6px}.drag-handle svg{display:block}.todo-item.long-press-active{background-color:var(--color-bg-secondary);box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;transition:all 150ms ease}.todo-item.dragging{opacity:.5;background:var(--color-bg-secondary);border-left:4px solid var(--color-accent-primary);padding-left:calc(var(--spacing-md) - 4px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:6px;transition:all .1s ease}.todo-item.drag-over{border-top:3px solid var(--color-accent-primary);padding-top:calc(var(--spacing-md) - 3px);background-color:var(--color-bg-secondary)}.todo-item.drag-over::before{content:'';position:absolute;left:0;top:-3px;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary) 0,var(--color-accent-primary) 100%);box-shadow:0 2px 8px var(--color-accent-primary)}.todo-drag-placeholder{background:linear-gradient(90deg,transparent 0,var(--color-accent-primary) 25%,var(--color-accent-primary) 75%,transparent 100%);margin:4px 0;border-radius:4px;opacity:.6;animation:placeholder-pulse 1.2s ease-in-out infinite;transition:all 150ms ease}@keyframes placeholder-pulse{0%,100%{opacity:.6}50%{opacity:1}}.todo-item.done{text-decoration:line-through;color:var(--color-text-secondary)}button{border:none;background:0 0;font-family:inherit;cursor:pointer;touch-action:manipulation}.btn{min-width:var(--btn-min-width,8rem);height:var(--btn-height,2.5rem);padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);transition:background 150ms ease,transform 120ms ease,box-shadow 120ms ease;touch-action:manipulation}@media (max-width:420px){.btn{min-width:var(--btn-min-width-sm,6.5rem)}}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.06)}.btn-primary{background:var(--color-accent-primary);color:#fff}.add-task-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;z-index:3000;transition:opacity .2s ease-out;backdrop-filter:blur(var(--blur-amount)) saturate(85%)}.add-task-overlay.visible{opacity:1;pointer-events:auto}.settings-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0;pointer-events:none;backdrop-filter:blur(var(--blur-amount)) saturate(85%)}.settings-overlay[aria-hidden=false]{display:flex;pointer-events:auto}.settings-overlay[aria-hidden=true]{pointer-events:none}.settings-sheet-content{background:var(--color-bg-primary);width:100%;max-width:560px;padding:var(--spacing-lg);max-height:85vh;box-shadow:none;border-radius:var(--radius-lg);position:relative;overflow-y:auto}.facebook-icon,.google-icon{width:1.4rem;height:1.4rem;color:inherit;display:inline-block}.add-task-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);z-index:3001;display:none}.add-task-modal.visible{display:block}.site-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg);text-align:center;font-size:.8125rem;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:var(--color-bg-primary);border-top:1px solid var(--color-border);box-shadow:0 -1px 3px rgba(0,0,0,.05);z-index:100}.footer-timer{width:100%;text-align:center;font-size:1rem;font-weight:700;padding:.25rem 0;order:0}.footer-timer .footer-timer-display{font-variant-numeric:tabular-nums}.site-footer .mini-timer{box-shadow:none!important;background:0 0;display:block;width:100%;text-align:center;order:1;margin-bottom:.25rem}.site-footer .footer-inner{order:2;display:none;gap:var(--spacing-sm);justify-content:center;align-items:center;flex-wrap:wrap;font-size:.75rem;max-width:90%}body.about-active .site-footer .footer-inner{display:flex}@media (min-width:1024px){.site-footer .footer-inner{display:flex}}.footer-timer{display:none!important}.timer-active .site-footer .footer-inner{display:none!important}.site-footer .footer-inner a{color:var(--color-text-secondary);text-decoration:none;padding:.09rem .4rem;border-radius:6px;font-weight:600;transition:color .12s ease,background .12s ease,transform .08s ease;display:inline-block}.site-footer .footer-inner a:focus,.site-footer .footer-inner a:hover{color:var(--color-accent-primary);text-decoration:underline;outline:0}.site-footer .footer-inner a.footer-copyright{font-weight:700;color:var(--color-accent-primary)}.about-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.about-body{overflow:auto;flex:1 1 auto;min-height:0;padding:var(--spacing-md) var(--spacing-sm)}@media (min-width:1024px){.about-body{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);max-width:1100px;margin:0 auto}}.about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--spacing-md)}.about-header>*{flex:0 0 auto}.about-header h2{margin:0;color:var(--color-text-primary);font-size:1.5rem}.about-body h3{margin:var(--spacing-lg) 0 var(--spacing-md) 0;font-size:1.2rem}.about h3{margin-top:calc(var(--spacing-lg) * 1.6)}.about-intro p{line-height:1.7;color:var(--color-text-primary);margin-bottom:calc(var(--spacing-lg) * 1.2);font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:calc(var(--spacing-lg) * .8);margin-bottom:calc(var(--spacing-lg) * 1.2)}.feature-item{padding:calc(var(--spacing-md) * 1.2) calc(var(--spacing-lg) * .8);background:var(--color-bg-primary);border-radius:14px;box-shadow:0 2px 12px 0 rgba(0,0,0,.06);margin-bottom:0;border:1px solid var(--color-border)}.feature-item h4{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:1rem}.feature-item p{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.how-to-steps{counter-reset:step-counter;padding-left:0;list-style:none}.how-to-steps li{counter-increment:step-counter;margin-bottom:calc(var(--spacing-md) * 1.2);padding:calc(var(--spacing-sm) * 1.2) calc(var(--spacing-md) * .8);background:var(--color-bg-primary);border-left:4px solid var(--color-accent-primary);border-radius:8px;position:relative;box-shadow:0 1px 4px 0 rgba(0,0,0,.03)}.how-to-steps li::before{content:counter(step-counter);display:inline-block;width:2rem;height:2rem;background:var(--color-fab-bg,var(--color-accent-primary));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:50%;text-align:center;line-height:2rem;font-weight:700;margin-right:var(--spacing-md);vertical-align:top}[data-theme=dark] .feature-item,[data-theme=dark] .how-to-steps li{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .how-to-steps li::before{background:#fff;color:#000;border:1px solid var(--color-border)}[data-theme=light] .how-to-steps li::before{background:#000;color:#fff;border:1px solid var(--color-border)}.about-section,.todo-section{flex:1 1 auto;display:flex;flex-direction:column;position:relative;overflow:hidden}.todo-content{flex:1 1 auto;overflow:auto;padding:var(--spacing-md) var(--spacing-sm)}.hidden{display:none!important}.scroll-panel.hidden{display:none}@media (max-width:600px){.main-content{padding:var(--spacing-md)}.timer-display{font-size:var(--type-xl)}}@media (hover:none){.nav-hints-container{display:flex}}