:root{font-family:Inter,PingFang SC,sans-serif;color:#17202a;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:32px 18px}header{padding:28px 0}header h1{margin:0;color:#1677ff}.card{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 8px 28px #1d35570d}.narrow{max-width:480px;margin:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:flex;gap:10px}input,select,textarea{width:100%;padding:11px;margin:7px 0;border:1px solid #ccd5e0;border-radius:8px}textarea{min-height:100px}button{background:#1677ff;color:#fff;border:0;border-radius:8px;padding:11px 18px;cursor:pointer}.small{padding:4px 10px;float:right}.favorite{float:right;padding:6px 10px;background:#fff;color:#1677ff;border:1px solid #1677ff}article{padding:12px 0;border-bottom:1px solid #edf0f4}.error{color:#d4380d}a{color:#1677ff}@media (max-width:720px){.grid{grid-template-columns:1fr}.row{display:block}}