*{box-sizing:border-box}body{color:#222;background:#fff;margin:0;font:16px/1.5 system-ui,sans-serif}main{max-width:420px;margin:64px auto;padding:0 24px}h1{margin:4px 0;font-size:40px;line-height:1.2}h2{margin:0 0 16px;font-size:16px;font-weight:600}.muted{color:#666;margin:8px 0;font-size:14px}section{margin-top:32px}label{margin:16px 0;font-size:14px;display:block}select{color:#222;width:100%;font:inherit;background:#fff;border:1px solid #ccc;border-radius:4px;margin-top:6px;padding:10px;display:block}.stars{gap:8px;margin:20px 0;display:flex}.stars button{color:#ccc;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:32px}.stars button.selected{color:#d49118}.save{color:#fff;font:inherit;cursor:pointer;background:#222;border:0;border-radius:4px;padding:10px 18px}.save:disabled{opacity:.4;cursor:default}.rating{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;display:flex}.rating span:last-child{color:#666;font-size:14px}:is(button:focus-visible,select:focus-visible){outline-offset:3px;outline:2px solid #3979b8}@media (max-width:480px){main{margin:32px auto}}