@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,560;9..144,600&family=Karla:wght@400;500;700&display=swap";:root{--canvas:#f3ebdf;--book:#e7dccb;--ink:#1a1410;--ink-soft:#5c5148;--line:#d5c6b2;--stamp:#b43322;--stamp-ink:#fff8f2;--held:#8a5a10;--confirmed-ink:#fff8f2;--focus:#1a1410}.pree-book{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:Karla,Gill Sans,sans-serif;font-size:1.0625rem;line-height:1.45}.pree-book *{box-sizing:border-box}.pree-book button,.pree-book input{font:inherit;color:inherit}.pree-book :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.stage{width:min(40rem,100%);margin:0 auto;padding:16px 16px 48px}.cover{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);width:100%;max-height:28vh;margin-bottom:16px;display:block}@media (height<=740px){.cover{display:none}}.shop-name{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:560;line-height:1.05}.policy,.quiet,.reviews p,.error{color:var(--ink-soft);max-width:62ch}.progress{gap:12px;margin:16px 0;font-weight:700;display:flex}.progress span[data-current=true]{border-bottom:2px solid var(--ink)}.service-list,.time-list,.day-list,.staff-row{gap:8px;display:flex}.service-list,.time-list{flex-direction:column}.staff-row,.day-list{scroll-snap-type:x mandatory;padding-bottom:4px;overflow-x:auto}.row,.chip,.time,.pay,.secondary{border:1px solid var(--line);background:var(--canvas);text-align:left;cursor:pointer;border-radius:2px;min-height:48px;padding:8px 12px}.row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.row strong,.chip,.pay{font-weight:700}.nums{font-variant-numeric:tabular-nums;font-weight:500}.row[aria-pressed=true]{background:var(--ink);color:var(--stamp-ink);border-color:var(--ink)}.chip,.day{scroll-snap-align:start;border:1px solid var(--line);background:var(--canvas);border-radius:2px;flex:none;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.chip[aria-pressed=true],.day[aria-pressed=true],.time[data-state=held]{border:2px solid var(--ink)}.time[data-state=held]{color:var(--held)}.time[data-state=confirmed]{background:var(--stamp);color:var(--confirmed-ink);border-color:var(--stamp);transform-origin:bottom;animation:.18s cubic-bezier(.2,0,0,1) fill}.avatar{object-fit:cover;background:var(--book);width:32px;height:32px}.group{margin-top:16px}.group h2,.reviews h2,.slip h2{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:560}.field{flex-direction:column;gap:8px;margin-top:12px;display:flex}.field input{border:1px solid var(--ink);background:var(--canvas);border-radius:2px;min-height:48px;padding:8px 12px}.wa{vertical-align:-2px;background:#128c7e;width:16px;height:16px;margin-right:8px;display:inline-block}.deposit{font-variant-numeric:tabular-nums;color:var(--stamp);margin:8px 0;font-family:Fraunces,Georgia,serif;font-size:2.5rem;font-weight:560;line-height:1}.pay{background:var(--stamp);width:100%;color:var(--stamp-ink);border:2px solid var(--ink);min-height:48px;margin-top:16px}.pay:disabled{opacity:.55;cursor:not-allowed}.actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.actions .pay,.actions .secondary{justify-content:center;width:100%;margin:0}.secondary{background:var(--canvas);border:2px solid var(--ink);color:var(--ink);align-items:center;margin-top:8px;margin-right:8px;text-decoration:none;display:inline-flex}.error{color:var(--ink);font-weight:700}.slip{background:var(--canvas);border:1px solid var(--ink);padding:16px;box-shadow:4px 4px #1a1410}.slip dt{color:var(--ink-soft)}.slip dd{font-variant-numeric:tabular-nums;margin:0 0 12px}.reviews{border-top:1px solid var(--line);margin-top:32px;padding-top:16px}@keyframes fill{0%{opacity:.4;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.time[data-state=confirmed]{animation:none}}@media (width>=800px){.day-board{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:start;gap:12px;display:grid}}