@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Press+Start+2P&family=VT323&display=swap";:root{color-scheme:light;--font-body: "Poppins", sans-serif;--font-display: "Poppins", sans-serif;--radius: 6px;--radius-lg: 8px;--radius-sm: 5px;--radius-xs: 4px;--radius-pill: 20px;--border-w: 1px;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-border: #e8e8e8;--color-border-strong: #d4d4d4;--color-border-hover: #ccc;--color-muted: #aaa;--color-faint: #bbb;--color-secondary-text: #666;--color-label: #444;--color-icon: #888;--color-heading: #999;--color-accent: #1a1a1a;--color-accent-text: #ffffff;--color-accent-hover: #333;--color-accent-active: #000;--color-hover-bg: #f0f0f0;--color-divider: #f0f0f0;--color-subtle-divider: #f5f5f5;--color-delete: #dc2626;--color-success: #16a34a;--color-streak: #f97316;--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .08);--color-complete-glow: rgba(34, 197, 94, .35);--urgency-yellow-bg: #FFF3CD;--urgency-yellow-text: #856404;--urgency-yellow-border: #ffeeba;--urgency-red-bg: #F8D7DA;--urgency-red-text: #721c24;--urgency-red-border: #f5c6cb}[data-theme=dark]{color-scheme:dark;--color-bg: #161618;--color-surface: #1f1f23;--color-text: #e8e8e8;--color-border: #2e2e33;--color-border-strong: #3a3a40;--color-border-hover: #4a4a52;--color-muted: #6b6b73;--color-faint: #5c5c64;--color-secondary-text: #a0a0a8;--color-label: #c4c4cc;--color-icon: #8a8a92;--color-heading: #77777f;--color-accent: #e8e8e8;--color-accent-text: #1a1a1a;--color-accent-hover: #ffffff;--color-accent-active: #cccccc;--color-hover-bg: #2a2a2f;--color-divider: #2a2a2f;--color-subtle-divider: #26262b;--color-delete: #ef4444;--color-success: #4ade80;--color-streak: #fb923c;--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .4);--color-complete-glow: rgba(34, 197, 94, .3);--urgency-yellow-bg: #3d3520;--urgency-yellow-text: #f0d77a;--urgency-yellow-border: #564a26;--urgency-red-bg: #42272b;--urgency-red-text: #f3a6ae;--urgency-red-border: #5c333a}[data-theme=retro]{color-scheme:dark;--font-body: "VT323", monospace;--font-display: "Press Start 2P", monospace;--radius: 0;--radius-lg: 0;--radius-sm: 0;--radius-xs: 0;--radius-pill: 0;--border-w: 2px;--color-bg: #0f0f23;--color-surface: #1a1a3a;--color-text: #f0f0e8;--color-border: #34346a;--color-border-strong: #4a4a8a;--color-border-hover: #6a6ab8;--color-muted: #7878a8;--color-faint: #606090;--color-secondary-text: #a8a8d0;--color-label: #c8c8e8;--color-icon: #8888b8;--color-heading: #fcbf28;--color-accent: #d82800;--color-accent-text: #ffffff;--color-accent-hover: #f83800;--color-accent-active: #a82000;--color-hover-bg: #26264e;--color-divider: #2a2a52;--color-subtle-divider: #232347;--color-delete: #f83800;--color-success: #58d854;--color-streak: #fcbf28;--shadow-dropdown: 4px 4px 0 rgba(0, 0, 0, .5);--color-complete-glow: rgba(88, 216, 84, .5);--urgency-yellow-bg: #4a3b00;--urgency-yellow-text: #fcbf28;--urgency-yellow-border: #fcbf28;--urgency-red-bg: #4a0e00;--urgency-red-text: #ff8a7a;--urgency-red-border: #d82800}html[data-theme=retro]{font-size:18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background .15s,color .15s}.app{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.app-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em}[data-theme=retro] .app-title{font-size:1.125rem;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--color-heading);text-shadow:3px 3px 0 rgba(0,0,0,.6)}.streak-count{font-size:.75rem;font-weight:600;color:var(--color-streak);margin-top:.2rem}.streak-count--score{font-family:var(--font-display);font-size:.625rem;font-weight:400;letter-spacing:.05em;margin-top:.5rem;text-shadow:2px 2px 0 rgba(0,0,0,.6)}.settings-wrapper{position:relative}.settings-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:var(--border-w) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-icon);cursor:pointer;transition:color .15s,border-color .15s}.settings-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.settings-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:220px;max-width:calc(100vw - 2rem);background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-dropdown);z-index:100;display:flex;flex-direction:column;gap:.75rem}.settings-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--color-heading)}.settings-label{display:flex;flex-direction:column;gap:.3rem;font-size:.875rem;color:var(--color-label)}.settings-input-row{display:flex;align-items:center;gap:.4rem}.settings-input{width:64px;padding:.3rem .5rem;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s}.settings-input:focus{border-color:var(--color-text)}.settings-unit{font-size:.8125rem;color:var(--color-icon)}.settings-save{align-self:flex-end;padding:.35rem .875rem;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s}.settings-save:hover{background:var(--color-accent-hover)}.settings-error{font-size:.8125rem;color:var(--color-delete)}.theme-wrapper{position:relative}.theme-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;min-width:140px;background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-dropdown);overflow:hidden}.theme-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;font-size:.8125rem;font-family:inherit;color:var(--color-text);cursor:pointer;text-align:left;white-space:nowrap}.theme-option:hover{background:var(--color-hover-bg)}.theme-option--active{font-weight:600}.theme-option-check{margin-left:auto;color:var(--color-success)}.add-form{display:flex;gap:.5rem;margin-bottom:.875rem}.add-input{flex:1;padding:.625rem .875rem;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);font-size:.9375rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s}.add-input:focus{border-color:var(--color-text)}.add-btn{padding:.625rem 1.25rem;background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s;white-space:nowrap}.add-btn:hover{background:var(--color-accent-hover)}.add-btn:active{background:var(--color-accent-active)}.mode-toggle{display:flex;gap:0;margin-bottom:1rem;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);overflow:hidden;width:fit-content}.mode-btn{padding:.3rem 1rem;background:var(--color-surface);border:none;font-size:.8125rem;font-family:inherit;font-weight:500;color:var(--color-icon);cursor:pointer;transition:background .15s,color .15s}.mode-btn+.mode-btn{border-left:1px solid var(--color-border-strong)}.mode-btn--active{background:var(--color-accent);color:var(--color-accent-text)}.filters{display:flex;gap:.375rem;margin-bottom:1.75rem}.filter-btn{padding:.3125rem .875rem;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.8125rem;font-family:inherit;color:var(--color-secondary-text);cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--color-heading);color:var(--color-text)}.filter-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.task-section{margin-bottom:2rem}.section-heading{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--color-heading);margin-bottom:.5rem}[data-theme=retro] .section-heading{font-family:var(--font-display);font-size:.5625rem;font-weight:400;letter-spacing:.1em;line-height:1.6}.task-item{position:relative;display:flex;align-items:center;gap:.625rem;padding:.5625rem .75rem;background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius);margin-bottom:.3125rem;transition:border-color .15s;min-height:2.5rem}.task-item:hover{border-color:var(--color-border-hover)}.task-item--urgency-yellow{background:var(--urgency-yellow-bg);color:var(--urgency-yellow-text);border-color:var(--urgency-yellow-border)}.task-item--urgency-red{background:var(--urgency-red-bg);color:var(--urgency-red-text);border-color:var(--urgency-red-border)}.task-checkbox{flex-shrink:0;width:15px;height:15px;cursor:pointer;accent-color:var(--color-accent)}.task-text{flex:1;font-size:.9375rem;line-height:1.45;word-break:break-word;cursor:text;-webkit-user-select:none;user-select:none}.task-text--completed{color:var(--color-muted);cursor:default}.task-edit-input{flex:1;font-size:.9375rem;font-family:inherit;line-height:1.45;border:none;outline:none;background:transparent;padding:0;color:inherit;min-width:0}.task-delete,.task-move{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--color-border-hover);cursor:pointer;border-radius:var(--radius-xs);opacity:0;transition:color .15s,opacity .15s;padding:0}.task-item:hover .task-delete,.task-item:hover .task-move{opacity:1}.task-delete:hover{color:var(--color-delete)}.task-move:hover{color:var(--color-secondary-text)}.task-timestamp{margin-left:.5rem;font-size:.75rem;color:var(--color-muted);white-space:nowrap;font-weight:400}.task-text--completed .task-timestamp{color:var(--color-border-hover)}@keyframes taskComplete{0%{transform:scale(1);box-shadow:none}30%{transform:scale(1.03);box-shadow:0 0 0 4px var(--color-complete-glow)}60%{transform:scale(.98)}to{transform:scale(1);box-shadow:none}}.task-item--completing{animation:taskComplete .6s ease}@media(prefers-reduced-motion:reduce){.task-item--completing{animation:none}}.empty-state{font-size:.875rem;color:var(--color-faint);text-align:center;padding:1.75rem 0}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-count{display:inline-block;margin-left:.4rem;font-size:.6875rem;font-weight:600;color:var(--color-heading);letter-spacing:0;text-transform:none}.section-collapse-btn{background:none;border:none;cursor:pointer;color:var(--color-heading);font-size:.75rem;padding:.25rem .375rem;border-radius:var(--radius-xs);line-height:1}.section-collapse-btn:hover{color:var(--color-text);background:var(--color-hover-bg)}.add-form--inline{margin-bottom:.625rem}.move-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:100;background:var(--color-surface);border:var(--border-w) solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-dropdown);min-width:130px;overflow:hidden}.move-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.5rem .75rem;font-size:.8125rem;color:var(--color-text);cursor:pointer;white-space:nowrap}.move-dropdown-item:hover{background:var(--color-hover-bg)}.sync-status{font-size:.75rem;color:var(--color-muted);margin-top:.2rem}.sync-status--error{color:var(--color-delete)}.pull-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:var(--border-w) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-icon);cursor:pointer;transition:color .15s,border-color .15s}.pull-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.settings-divider{border:none;border-top:1px solid var(--color-divider);margin:0}.settings-token-input{width:100%;padding:.3rem .5rem;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:.8125rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s}.settings-token-input:focus{border-color:var(--color-text)}.settings-link{font-size:.75rem;color:var(--color-icon);text-decoration:none}.settings-link:hover{color:var(--color-text);text-decoration:underline}.settings-gist-row{display:flex;align-items:center;justify-content:space-between}.settings-gist-badge{font-size:.8125rem;color:var(--color-success);font-weight:500}.settings-gist-disconnect{font-size:.8125rem;color:var(--color-icon);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline}.settings-gist-disconnect:hover{color:var(--color-delete)}.header-actions{display:flex;gap:.5rem;align-items:center}.project-card{border:var(--border-w) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-bottom:.75rem;position:relative}.project-card--done{opacity:.7}.project-card-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;gap:.5rem}.project-card-left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.project-card-name{font-size:.9375rem;font-weight:600;color:var(--color-text);cursor:default;flex:1}.project-card-name--done{color:var(--color-muted);text-decoration:line-through;cursor:default}.project-card-progress{margin-left:.5rem;font-size:.75rem;font-weight:400;color:var(--color-muted)}.project-card-controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0;opacity:0;transition:opacity .15s}.project-card-header:hover .project-card-controls{opacity:1}.project-card-action{background:none;border:none;cursor:pointer;color:var(--color-faint);font-size:.875rem;line-height:1;padding:.2rem .35rem;border-radius:var(--radius-xs);transition:color .15s}.project-card-action:hover{color:var(--color-secondary-text)}.project-card-action--delete:hover{color:var(--color-delete)}.project-card-body{padding:0 .75rem .625rem;border-top:1px solid var(--color-divider)}.project-card-body .task-item{border-left:none;border-right:none;border-radius:0;border-top:none;border-bottom:1px solid var(--color-subtle-divider);margin-bottom:0}.project-card-body .task-item:last-of-type{border-bottom:none}.add-form--subtask{margin-top:.5rem}.add-form--subtask .add-input{font-size:.875rem;padding:.4rem .625rem}.add-form--subtask .add-btn{font-size:.875rem;padding:.4rem .875rem}.empty-state--sm{padding:.75rem 0;font-size:.8125rem}.project-name-input{font-size:.9375rem;font-weight:600;color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-hover);outline:none;background:transparent;padding:0;font-family:inherit;min-width:0;width:200px}.move-dropdown--project{z-index:200}.move-dropdown-divider{height:1px;background:var(--color-divider);margin:.25rem 0}.pull-btn.focus-btn--active,.pull-btn.focus-btn--active:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.focus-more{font-size:.8125rem;color:var(--color-muted);text-align:center;padding:.625rem 0}[data-theme=retro] .task-item,[data-theme=retro] .project-card,[data-theme=retro] .settings-btn,[data-theme=retro] .pull-btn,[data-theme=retro] .add-btn,[data-theme=retro] .mode-toggle,[data-theme=retro] .theme-picker{box-shadow:3px 3px #00000073}[data-theme=retro] .add-btn:active{box-shadow:1px 1px #00000073;transform:translate(2px,2px)}.score-pop{display:none}[data-theme=retro] .score-pop{display:block;position:absolute;top:-12px;right:10px;font-family:var(--font-display);font-size:.625rem;color:var(--color-streak);text-shadow:2px 2px 0 #000;pointer-events:none;z-index:10;animation:scorePop .6s ease-out forwards}@keyframes scorePop{0%{opacity:0;transform:translateY(6px)}25%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){[data-theme=retro] .score-pop{animation:none;opacity:0}}