:root{--ink:#1d2430;--muted:#5d6675;--line:#dfe3ea;--bg:#f6f7f9;--card:#fff;--accent:#1f5f8b;--accent-ink:#fff;--ok:#1e7a46;--bad:#b3261e;--radius:10px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;line-height:1.5}body.embed{background:transparent}
.wrap{max-width:860px;margin:0 auto;padding:16px}a{color:var(--accent)}
h1{font-size:1.5rem;margin:.4em 0}h2{font-size:1.15rem;margin:.8em 0 .4em}
.muted{color:var(--muted)}.small{font-size:.875rem}
.shop-head{background:var(--card);border-bottom:1px solid var(--line)}.shop-head .wrap{padding:12px 16px}.shop-name{font-weight:700;font-size:1.15rem;margin:0}.shop-head p{margin:0}
.embed .shop-head{display:none}
.steps{display:flex;gap:8px;list-style:none;padding:0;margin:8px 0 16px;font-size:.85rem;color:var(--muted)}.steps li{padding:2px 10px;border-radius:99px;border:1px solid var(--line)}.steps .on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.steps .done{color:var(--ok);border-color:var(--ok)}
.choices{list-style:none;padding:0;display:grid;gap:10px}.choice{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink)}.choice:hover,.choice:focus{border-color:var(--accent)}.choice-title{font-weight:600}
.staff-pick{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.pill{padding:6px 12px;border:1px solid var(--line);border-radius:99px;text-decoration:none;color:var(--ink);background:var(--card)}.pill.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.days{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px}.day,.day-nav{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:58px;padding:6px 4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);text-decoration:none;color:var(--ink);font-size:.8rem}.day b{font-size:1.1rem}.day.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.day.off{opacity:.45}.day-nav{justify-content:center;font-size:1.4rem;min-width:36px}
.times{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.time{display:block;text-align:center;padding:10px 0;border:1px solid var(--accent);border-radius:var(--radius);background:var(--card);color:var(--accent);font-weight:600;text-decoration:none;font-size:1rem;width:100%;cursor:pointer}.time:hover,.time:focus{background:var(--accent);color:var(--accent-ink)}
.time-radio{display:flex;gap:6px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:12px 0}.card.narrow{max-width:420px;margin:40px auto}.card.ok{border-color:var(--ok)}.summary p{margin:.2em 0}
.form{display:grid;gap:12px}.form label{display:grid;gap:4px;font-weight:600;font-size:.95rem}.form label.check{display:flex;gap:8px;align-items:center;font-weight:400}.form .row,.form.row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.form.row>label,.row>label{flex:1 1 160px}
input,select{font:inherit;padding:9px 10px;border:1px solid #c5ccd6;border-radius:8px;background:#fff;color:var(--ink);width:100%}input[type=checkbox],input[type=radio]{width:auto}
fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}legend{font-weight:600;padding:0 4px}
.hours{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.button{display:inline-block;padding:10px 18px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.button.outline{background:var(--card);color:var(--accent)}.button.danger{background:var(--bad);border-color:var(--bad)}
.link{background:none;border:0;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.link.danger{color:var(--bad)}
.inline{display:inline}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}
.notice{background:#fff8e6;border:1px solid #f0d58a;border-radius:var(--radius);padding:10px 12px}.error{background:#fdecea;border:1px solid #f1b0aa;color:var(--bad);border-radius:var(--radius);padding:10px 12px}.ok-line{background:#e9f6ee;border:1px solid #a6d9b8;border-radius:var(--radius);padding:10px 12px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.foot{border-top:1px solid var(--line);margin-top:24px}
.top{background:var(--ink);color:#fff}.top-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px}.menu{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.menu a,.menu .link{color:#fff}
.agenda-head{display:flex;gap:12px;align-items:center}.week{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.week a{padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);text-decoration:none;color:var(--ink)}.week a b{margin-left:6px;color:var(--accent)}.week a.on{border-color:var(--accent)}
.list{width:100%;border-collapse:collapse;font-size:.95rem}.list th,.list td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}.list tr.cancelled td{color:var(--muted);text-decoration:line-through}.list tr.cancelled td:last-child{text-decoration:none}
.tag{background:#e8f0f7;color:var(--accent);border-radius:4px;padding:0 5px}
code.copy{display:block;padding:10px;background:#f1f3f6;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere;user-select:all}
@media (max-width:600px){.list thead{display:none}.list td{display:block;border:0;padding:2px 0}.list tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}}
.form label small,.form label .muted{font-weight:400}