: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}