:root{--y:#ffc400;--line:#e1e3e6}
*{box-sizing:border-box}
body{margin:0;font:17px/1.5 system-ui,-apple-system,sans-serif;background:#f4f5f6;color:#111214}
header{background:#0f0f10;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:5}
header b{color:var(--y);font-size:20px}
header a,.b.l{color:#fff;background:none;padding:0;font-weight:400;text-decoration:underline}
main{max-width:860px;margin:auto;padding:20px}
.c{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px}
h2{margin:0 0 12px;font-size:22px}
label{display:block;font-weight:600;margin:14px 0 4px}
input{width:100%;font:inherit;padding:12px;border:1px solid #ccc;border-radius:10px}
.b{font:600 16px system-ui,sans-serif;padding:12px 22px;border:0;border-radius:99px;background:var(--y);color:#111;cursor:pointer}
.b.r{background:#fde2e2;color:#a00}.b:disabled{opacity:.5}
.row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.row img{width:84px;height:64px;object-fit:cover;border-radius:8px}
.row>div{flex:1;min-width:160px}
.ib{display:inline}
.m{background:#e7f6e7;padding:12px 16px;border-radius:12px;margin:0 0 16px}.m.e{background:#fde8c8}
.pv{display:flex;gap:10px;margin-top:12px}.pv img{width:50%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#eee}
.st{color:#b88a00}.tag{background:var(--y);padding:2px 10px;border-radius:99px;font-size:14px;font-weight:600}
.lg{max-width:420px;margin-top:10vh}