*{box-sizing:border-box}:root{--primary: #ff3e00;--bg: #f8fafc;--surface: #ffffff;--text: #334155;--text-light: #94a3b8;--border: #e2e8f0;--danger: #ef4444}body{font-family:Play,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%}.footer-divider{width:90%;max-width:550px;height:1px;background:var(--border);margin:1rem 0 2rem;opacity:.6}.app-footer{text-align:center;padding-bottom:2rem;font-size:.9rem;color:var(--text-light)}.app-footer p{margin:.4rem 0}.author-link{color:var(--primary);text-decoration:none;font-weight:700;transition:opacity .2s}.author-link:hover{opacity:.8}.repo-link{color:var(--text-light);text-decoration:none;transition:color .2s}.repo-link:hover{color:var(--primary);text-decoration:underline}input,button{font-family:Play,system-ui,-apple-system,sans-serif}.app-container{width:90%;max-width:550px;background:var(--surface);border-radius:24px;border:1px solid #f1f5f9;box-shadow:0 10px 40px #0000000f;padding:3rem;margin:2rem auto}h1{text-align:center;color:var(--primary);font-weight:700;margin-bottom:2rem;font-size:1.75rem}.input-group{display:flex;gap:.5rem;margin-bottom:1.5rem}input[type=text]{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--primary)}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.filters{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.filter-btn{background:transparent;color:var(--text-light);border:1px solid transparent;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.875rem}.filter-btn.active{color:var(--primary);background:#fff1eb}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border);gap:.75rem}.todo-item:last-child{border-bottom:none}.todo-text{flex:1;font-size:1.1rem}.coming-done{text-decoration:line-through;color:var(--text-light)}.delete-btn{background:transparent;color:var(--text-light);border:none;cursor:pointer;padding:.25rem;font-size:1.25rem}.delete-btn:hover{color:var(--danger)}.checkbox{width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid var(--border);cursor:pointer;display:grid;place-items:center;font-size:.8rem;color:#fff}.checkbox.checked{background-color:var(--primary);border-color:var(--primary)}