:root{--bg:#f6f7f9;--card:#fff;--text:#1f2933;--muted:#6b7785;--accent:#f68462;--border:#dde2e8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:860px;margin:0 auto;padding:32px 16px 64px}h1{margin:0 0 4px;font-size:2rem}h2{margin:24px 0 8px}p{color:var(--muted)}form{gap:8px;margin:16px 0;display:flex}input[type=text],input:not([type]){border:1px solid var(--border);border-radius:8px;flex:1;padding:10px 12px;font-size:1rem}button{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:.95rem}button:hover{border-color:var(--accent)}form button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}ul{flex-wrap:wrap;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}label{margin:20px 0 8px;display:block}input[type=range]{accent-color:var(--accent)}.error{color:#b00020}.error button{margin-left:8px}@media (width<=480px){form{flex-direction:column}}