*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#cbcbcc;color:#111}.app{max-width:520px;margin:60px auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000000f}h1{margin:0 0 16px;font-size:2rem}.loading{margin-top:1rem}.loading_msg{text-align:center;margin-top:7rem}.loading_btn{margin-top:1rem}form{display:flex;gap:8px;margin-bottom:20px}form input[type=text]{flex:1;padding:8px 10px;font-size:.95rem;border-radius:4px;border:1px solid #ccc}button{padding:8px 12px;border-radius:4px;border:none;font-size:.85rem;background:#111;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#e5e5e5;color:#111}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;gap:8px;padding:10px 6px;border-bottom:1px solid #eee}li:last-child{border-bottom:none}li input[type=checkbox]{transform:scale(1.1)}.task-title{flex:1;font-size:.95rem}.task-title.completed{text-decoration:line-through;opacity:.5}.error{margin-bottom:12px;color:#b00020;font-size:.9rem}