:root{color-scheme:light dark;--bg: #0f1115;--surface: #181b22;--border: #2a2f3a;--text: #e8eaed;--muted: #9aa3b2;--accent: #6366f1;--accent-hover: #4f52e0;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:560px;margin:0 auto;padding:3rem 1.25rem 2rem}.app__header{text-align:center;margin-bottom:2rem}.app__header h1{margin:0 0 .25rem;font-size:1.9rem;letter-spacing:-.02em}.app__subtitle{margin:0;color:var(--muted);font-size:.9rem}.app__subtitle code,.app__footer code{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:.05rem .35rem;font-size:.82em}.task-form{display:flex;gap:.5rem;margin-bottom:1.25rem}.task-form__input{flex:1;padding:.7rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem}.task-form__input:focus{outline:none;border-color:var(--accent)}.task-form__button{padding:0 1.2rem;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.task-form__button:hover{background:var(--accent-hover)}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.task-list__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.task-list__title{flex:1;word-break:break-word}.task-list__delete{border:none;background:transparent;color:var(--muted);font-size:1rem;cursor:pointer;line-height:1;padding:.25rem .4rem;border-radius:6px;transition:color .15s ease,background .15s ease}.task-list__delete:hover{color:#fff;background:var(--danger)}.app__error{background:#ef44441f;border:1px solid var(--danger);color:#fca5a5;padding:.6rem .9rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.app__muted{color:var(--muted);text-align:center;padding:1.5rem 0}.app__footer{margin-top:2.5rem;text-align:center;color:var(--muted);font-size:.82rem}