/* HatchOps /book — tokens from site style.css. No beige, grid, fade, or opacity effects. */
.book-wrap{max-width:640px;margin:0 auto;padding:0 20px}
.book-top{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.book-badge{border:1px solid var(--teal);color:var(--teal);border-radius:99px;padding:6px 12px;font-size:.74rem;font-weight:800;letter-spacing:.04em}
.book-main{padding:var(--s7) 0 var(--s8)}
.book-lead{color:var(--mute);font-size:1.08rem;max-width:40rem;margin:0 0 var(--s5)}
.book-banner{border:1px solid var(--teal);border-radius:14px;padding:14px 18px;margin:0 0 var(--s5);background:var(--bg2);font-size:.95rem}
.book-banner strong{color:#fff}
.book-card{border:1px solid var(--line);background:var(--bg2);border-radius:22px;padding:var(--s6);margin:0 0 var(--s5);max-width:640px}
.book-small{font-size:.86rem;color:var(--mute)}

/* Duration segmented control */
.book-seg{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#06070c}
.book-seg button{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--mute);font:inherit;font-weight:800;cursor:pointer}
.book-seg button[aria-pressed=true]{background:var(--teal);color:#04201c}
.book-seg button:hover{color:#fff}
.book-seg button[aria-pressed=true]:hover{color:#04201c}

/* Stacked snap dials (day + time) */
.book-picker{display:flex;flex-direction:column;gap:var(--s6);margin-top:var(--s6)}
.book-dial-wrap{position:relative;border:1px solid var(--line);border-radius:18px;background:#06070c;overflow:hidden}
.book-dial-band{pointer-events:none;position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px;border:0;border-top:1px solid rgba(45,212,191,.22);border-bottom:1px solid rgba(45,212,191,.22);border-radius:0;background:rgba(45,212,191,.08);box-shadow:none;z-index:1}
.book-dial{height:176px;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;outline:none;position:relative;z-index:0}
.book-dial::-webkit-scrollbar{display:none}
.book-dial:focus-visible{box-shadow:inset 0 0 0 2px #fff}
.book-dial-pad{height:66px;flex-shrink:0;pointer-events:none}
.book-dial-row{display:flex;align-items:center;justify-content:center;min-height:44px;height:44px;width:100%;scroll-snap-align:center;border:0;background:transparent;color:var(--mute);font:inherit;font-weight:700;font-size:1rem;cursor:pointer;padding:0 12px;text-align:center;transform:scale(.94);transition:transform .12s var(--ease),color .12s var(--ease),font-size .12s var(--ease)}
.book-dial-row.is-active{color:#fff;font-weight:900;font-size:1.12rem;transform:scale(1)}
.book-dial-row:hover{color:#fff}

.book-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s6)}
.book-actions .btn{cursor:pointer;border:0}
.book-actions .btn:disabled{opacity:1;background:#252938;color:#c0c5d8;box-shadow:none;transform:none;cursor:not-allowed}
button.choice{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:12px 16px;min-height:48px;background:var(--glass);color:#fff;font-weight:800}
button.choice[aria-pressed=true]{background:var(--teal);color:#04201c;border-color:var(--teal)}
button.choice:hover{border-color:var(--teal)}

/* Steps 2–3 spacing */
#screen h2{margin:0 0 var(--s4);font-size:clamp(1.35rem,3.5vw,1.7rem)}
#screen .book-field{display:block;font-weight:800;margin:22px 0 10px}
#screen .book-field:first-of-type{margin-top:4px}
.book-input,.book-textarea{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--line);background:#06070c;color:#fff;padding:12px 14px;font:inherit}
.book-textarea{min-height:104px;resize:vertical}
.book-summary{border-left:3px solid var(--teal);background:#121725;padding:16px 18px;margin:8px 0 8px;border-radius:0 12px 12px 0}
.book-summary p{margin:0 0 8px}
.book-summary p:last-child{margin-bottom:0}
.book-error{border:1px solid #f472b6;color:#ffd0da;border-radius:12px;padding:14px 16px;margin:12px 0}
.book-empty{border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0;color:var(--mute)}
.book-success{color:var(--teal);font-weight:800;margin:0 0 var(--s4)}
.book-turnstile{margin-top:24px;min-height:65px}
#submit-status{margin-top:14px;min-height:1.2em}
.book-footer{padding:var(--s5) 0 var(--s6);color:var(--mute);font-size:.9rem}
.skip{position:absolute;left:16px;top:-80px;background:#fff;color:#000;padding:10px 14px;z-index:50;border-radius:8px;font-weight:800}
.skip:focus{top:12px}
@media(max-width:760px){
  .book-card{padding:var(--s5)}
  .book-picker{gap:var(--s5);margin-top:var(--s5)}
  .book-dial{height:160px}
  .book-dial-pad{height:58px}
}