:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #f59e0b;--accent-hover: #d97706;--border: #334155;--success: #10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;padding:40px 16px}.container{max-width:680px;width:100%;display:flex;flex-direction:column;gap:24px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000004d}.header{text-align:center;margin-bottom:8px}.header h1{font-size:1.8rem;color:var(--accent);margin-bottom:6px}.header p{color:var(--text-muted);font-size:.95rem}.btn{background:var(--accent);color:#0f172a;border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:var(--accent-hover)}.btn-secondary{background:#334155;color:var(--text-main)}.btn-secondary:hover{background:#475569}.input{flex:1;background:#0f172a;border:1px solid var(--border);color:var(--text-main);padding:10px 14px;border-radius:8px;font-size:.95rem;outline:none}.input:focus{border-color:var(--accent)}.task-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#0f172a;border:1px solid var(--border);border-radius:8px;margin-top:10px}.task-item.done span{text-decoration:line-through;color:var(--text-muted)}.badge{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px;background:#f59e0b26;color:var(--accent)}