@keyframes screenShake{0%{transform:translate(0)}8%{transform:translateY(10px)}16%{transform:translate(-6px,-4px)}24%{transform:translate(5px,6px)}32%{transform:translate(-4px,-3px)}44%{transform:translate(3px,2px)}56%{transform:translate(-2px,-1px)}68%{transform:translate(1px,1px)}80%{transform:translate(-1px)}to{transform:translate(0)}}@keyframes screenShakeHeavy{0%{transform:translate(0)}5%{transform:translateY(16px)}12%{transform:translate(-10px,-8px)}20%{transform:translate(8px,10px)}28%{transform:translate(-6px,-5px)}38%{transform:translate(5px,4px)}50%{transform:translate(-3px,-2px)}65%{transform:translate(2px,1px)}80%{transform:translate(-1px)}to{transform:translate(0)}}.shaking{animation:screenShake .4s ease-out}.shaking-heavy{animation:screenShakeHeavy .5s ease-out}.todo-item.animating{z-index:100;pointer-events:none;position:relative;will-change:transform,opacity}.todo-item.animating.anim-visible{opacity:1!important}.todo-item.animating.anim-destroyed{opacity:0!important}.animation-stage{contain:layout style paint}#fx-canvas{position:fixed;inset:0;z-index:9999;pointer-events:none;contain:strict}#impact-flash-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:0;contain:strict}.dotgrid-container{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:layout style}#dotgrid-canvas{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);pointer-events:none}@media (max-width: 768px){#dotgrid-canvas{inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}}@media (min-width: 769px) and (max-width: 1366px) and (pointer: coarse){#dotgrid-canvas{inset:-20px;width:calc(100% + 40px);height:calc(100% + 40px)}}.done-badge-anim{position:fixed;z-index:10001;pointer-events:none;font-family:var(--font-body, monospace);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green, #3A7D5C);background:var(--green-subtle, rgba(58, 125, 92, .1));border:1px solid var(--green, #3A7D5C);padding:6px 18px;border-radius:8px;transform:translate(-50%,-50%) scale(0);opacity:0}.impact-burst-anim{position:fixed;z-index:97;pointer-events:none;border-radius:50%;opacity:0}@keyframes list-complete-flash{0%{outline:2px solid var(--accent, #8c483a);outline-offset:-2px;filter:brightness(1.15)}to{outline:2px solid transparent;outline-offset:-2px;filter:brightness(1)}}.list-card.list-complete-flash{animation:list-complete-flash .5s ease-out!important}@keyframes count-bounce{0%{transform:scale(1)}35%{transform:scale(1.35)}60%{transform:scale(.95)}80%{transform:scale(1.05)}to{transform:scale(1)}}.list-item-count.count-bounce{animation:count-bounce .4s cubic-bezier(.34,1.56,.64,1);color:var(--accent, #8c483a)}.settings-shell{max-width:640px;margin:0 auto;padding:36px 20px 72px;min-height:100vh;background:var(--bg);position:relative;z-index:2}.settings-back{display:inline-block;font-size:13px;color:var(--ink-muted);text-decoration:none;margin-bottom:24px;transition:color var(--dur-fast) var(--ease-out)}.settings-back:hover{color:var(--accent)}.settings-heading{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--accent);letter-spacing:2px;margin-bottom:32px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.settings-collapsible{padding:0}.settings-collapse-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;user-select:none;font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-muted)}.settings-collapse-header:hover{color:var(--ink)}.settings-collapse-arrow{font-size:10px;transition:transform .2s var(--ease-out)}.settings-collapse-header.open .settings-collapse-arrow{transform:rotate(90deg)}.settings-collapse-body{padding:0 20px 20px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:14px}.theme-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:12px;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);position:relative}.theme-scheme-badge{position:absolute;top:6px;right:6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;line-height:1.4}.theme-scheme-dark{background:var(--ink);color:var(--surface)}.theme-card:hover{border-color:var(--ink-muted)}.theme-card.active{border-color:var(--accent);background:var(--accent-subtle)}.theme-swatches{display:flex;gap:4px;margin-bottom:8px}.theme-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.theme-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px}.theme-desc{font-size:11px;color:var(--ink-muted)}.theme-actions{display:flex;gap:8px}.settings-style-btn,.settings-variant-btn{padding:5px 12px;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);letter-spacing:.2px;text-transform:capitalize}.settings-style-btn:hover,.settings-variant-btn:hover{border-color:var(--ink-muted);color:var(--ink)}.settings-style-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.settings-variant-btn.active{border-color:var(--green);color:var(--green);background:var(--green-subtle)}.settings-preview-wrapper{border:1px dashed var(--border);border-radius:var(--radius);padding:12px 16px}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:480px;width:100%;box-shadow:var(--shadow-md)}.modal-content h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--accent);margin-bottom:8px}.modal-hint{font-size:13px;color:var(--ink-secondary);margin-bottom:12px}.modal-textarea{width:100%;min-height:200px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:monospace;font-size:12px;color:var(--ink);background:var(--bg);resize:vertical;outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.modal-textarea:focus{border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media (max-width: 720px){.settings-shell{padding:20px 14px 52px}.theme-grid{grid-template-columns:1fr 1fr}}.sandbox-link-section{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.sandbox-link-btn{display:inline-block;text-decoration:none;padding:12px 32px;font-size:14px}.sandbox-link-hint{font-size:12px;color:var(--ink-muted);font-style:italic;margin-top:8px}@media (prefers-reduced-motion: reduce){.shaking,.shaking-heavy,.list-card.list-complete-flash,.list-item-count.count-bounce{animation:none!important}}