:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}@font-face{font-family:Cafe24Surround;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:MitmiFont;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/Ownglyph_meetme-Rg.woff2)format("woff2");font-weight:400;font-display:swap}:root{--bg:#fff;--surface:#fff;--text:#3a3a3a;--muted:#9a9a9a;--accent:#f5a8c4;--accent-soft:#fdedf3;--border:#f3d9e4;--font-display:"Cafe24Surround", sans-serif;--font-body:"MitmiFont", sans-serif}:root[data-theme=dark]{--bg:#34292f;--surface:#3e323a;--text:#f5ecef;--muted:#bea1ac;--accent:#f5a8c4;--accent-soft:#4a3941;--border:#4d3d45}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;transition:background-color .2s,color .2s}.page{flex-direction:column;max-width:42rem;min-height:100vh;margin:0 auto;padding:0 1.5rem;display:flex}h1{text-wrap:balance;margin:0}.font-display,.eyebrow,h1,nav{font-family:var(--font-display)}.site-header{border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;padding:1.75rem 0;display:flex}.site-nav{color:var(--muted);align-items:center;gap:2rem;font-size:.875rem;display:flex}.nav-link{color:inherit;text-decoration:none}.nav-link:hover{opacity:.7}.nav-link.active{color:var(--accent)}#theme-toggle{background:var(--accent-soft);color:var(--text);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.1rem;line-height:1;display:inline-flex}#theme-toggle:hover{opacity:.8}.hero{text-align:center;padding:3.5rem 0 4rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:1rem;font-size:.75rem}.hero h1{font-size:2rem}@media (width>=768px){.hero h1{font-size:2.5rem}}.content{flex:1;padding-bottom:6rem}.todo-form{gap:.75rem;margin-bottom:2rem;display:flex}#todo-input{background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.9rem;font-family:var(--font-body);border-radius:.5rem;flex:1;padding:.75rem 1rem}#todo-input::placeholder{color:var(--muted)}#todo-input:focus{border-color:var(--accent);outline:none}#add-btn{background:var(--accent);color:#fff;text-shadow:0 1px 1px #0000001f;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);border:none;border-radius:.5rem;padding:.75rem 1.25rem}#add-btn:hover{opacity:.85}#remaining-count{color:var(--muted);margin:0 0 1rem;font-size:.875rem}#todo-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.todo-item{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.todo-text{cursor:pointer;text-align:left;flex:1;font-size:.95rem}.todo-item.done .todo-text{color:#9ca3af;opacity:.7;text-decoration:line-through}.delete-btn{color:var(--muted);cursor:pointer;font-size:.875rem;font-family:var(--font-body);background:0 0;border:none;flex-shrink:0;transition:color .15s}.delete-btn:hover{color:var(--accent)}#empty-msg{color:var(--muted);text-align:center;padding:2.5rem 0;font-size:.875rem}.site-footer{border-top:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);justify-content:center;align-items:center;padding:2rem 0;font-size:.75rem;display:flex}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}