.screen{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #2563eb1f;padding:28px;width:100%;max-width:460px}.head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.logo{width:40px;height:40px;border-radius:10px;background:#2563eb;color:#fff;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center}h1{font-size:22px}.add-row{display:flex;gap:8px;margin-bottom:18px}.input{flex:1;padding:12px 14px;border:1px solid #d8dae0;border-radius:10px;font-size:15px;outline:none}.input:focus{border-color:#2563eb}.add-btn{padding:0 20px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.add-btn:hover{background:#1d4ed8}.empty{text-align:center;color:#9ca3af;padding:28px 0}.list{list-style:none}.item{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #f0f0f3}.item-main{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.item-main input[type=checkbox]{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}.title{font-size:15px}.title.done{text-decoration:line-through;color:#9ca3af}.del-btn{background:none;border:none;font-size:16px;cursor:pointer;opacity:.6;padding:4px 6px}.del-btn:hover{opacity:1}.foot{margin-top:16px;color:#6b7280;font-size:13px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f5f5f7;color:#1f1f1f}