body{margin:0;background:#fff8f1;color:#1c2630;font:16px/1.55 system-ui,Arial,sans-serif}main{max-width:760px;margin:50px auto;padding:32px;background:#fff;border:1px solid #f1dbc7;border-radius:18px;box-shadow:0 12px 40px #49250912}h1{font-size:clamp(1.6rem,4vw,2.25rem);margin:0 0 12px}p{color:#52606c}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #eee}li span{display:flex;gap:16px}a{color:#bf4e00;font-weight:700}a:focus-visible{outline:3px solid #f80;outline-offset:3px}.empty{padding:24px;border-radius:12px;background:#fff8f1}@media(max-width:550px){main{margin:18px;padding:22px}li{flex-direction:column;gap:7px}}