:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#1f2933;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(560px,100%);background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 60px #0f172a14}.header h1{margin:0 0 4px;font-size:28px}.header p{margin:0 0 20px;color:#52606d}.form{display:flex;gap:12px;margin-bottom:12px}.form input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid #d9e2ec;font-size:14px}.form button{border:none;background:#2f5cff;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.list li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid #e4e7eb}.list li.done span{text-decoration:line-through;color:#7b8794}.list label{display:flex;align-items:center;gap:10px}.ghost{background:transparent;border:1px solid #d9e2ec;border-radius:10px;padding:6px 10px;cursor:pointer}.error{color:#d64545;margin:8px 0}.muted{color:#7b8794}