/* Frontend experiences: booking, particles and physics. */
.booking-surface{align-items:center;padding:18px;gap:14px;background:linear-gradient(140deg,#ebe5f8,#faf8ff)}
.booking-phone{width:min(260px,100%);height:440px;border:7px solid #19171f;border-radius:32px;background:#fff;box-shadow:12px 16px 30px #30204420;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 14px 12px}
.booking-island{width:72px;height:16px;background:#19171f;border-radius:0 0 14px 14px;margin:0 auto 13px}.booking-top{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:16px}.booking-top strong{font-size:11px;letter-spacing:1px}.booking-progress{display:flex;gap:5px;margin-bottom:16px}.booking-progress i{height:3px;flex:1;background:#ece8f3;border-radius:5px}.booking-progress i.active{background:#6225ff}#booking-content{flex:1;min-height:0;overflow:auto;padding:0 1px;scrollbar-width:thin}#booking-content h4{font-size:22px;letter-spacing:-.5px;line-height:1.15;margin:0 0 8px}#booking-content>p{font-size:11px;color:#777184;margin:0 0 14px;line-height:1.5}.booking-option{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e9e3f0;border-radius:11px;background:#fff;padding:11px;margin-bottom:8px;color:#17131f}.booking-option:hover,.booking-option:focus-visible{border-color:#6225ff;background:#f6f1ff}.booking-option>span:first-child{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:#f0e8ff;border-radius:10px;font-size:18px}.booking-option strong{display:block;font-weight:500;font-size:12px}.booking-option small{display:block;color:#82798d;font-size:10px;line-height:1.5;margin-top:3px}.booking-option>em{margin-left:auto;font-style:normal;color:#6225ff;font-size:16px}.booking-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee9f3;padding-top:10px;margin-top:10px;gap:8px}.booking-footer button{background:none;border:0;padding:4px 0;color:#6225ff;font-size:10px}.booking-footer small{font-size:8px;color:#9d93a9}.booking-caption{text-align:center;margin:0!important;min-height:0!important}.booking-dates,.booking-times{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.booking-dates button,.booking-times button{border:1px solid #e5dfed;background:white;border-radius:9px;padding:10px 3px;font-size:11px;color:#50445f;min-height:38px}.booking-dates button.selected{border-color:#6225ff;background:#eee5ff;color:#6225ff}.booking-receipt{background:#f5f1fb;border-radius:13px;padding:16px;text-align:center}.booking-check{background:#cdff49;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:25px;margin:0 auto 12px}.booking-receipt h4{font-size:24px!important}.booking-receipt dl{margin:16px 0 10px;text-align:left;display:grid;grid-template-columns:1fr auto;font-size:11px;gap:10px}.booking-receipt dt{color:#887a99}.booking-receipt dd{margin:0;text-align:right}.booking-receipt p{font-size:9px;color:#93879e;line-height:1.5;margin:12px 0 0}.booking-again{background:#6225ff;color:white;border:0;border-radius:9px;padding:12px;width:100%;margin-top:12px;font-size:11px}
.particle-surface,.physics-surface{justify-content:center}.particle-stage,.physics-stage{position:relative;width:100%;height:310px;border-radius:12px;overflow:hidden;isolation:isolate}.particle-stage{background:radial-gradient(ellipse at 70% 25%,#35215c,#151123 75%)}.physics-stage{background:linear-gradient(130deg,#eee6ff,#f8f6fc)}.particle-stage canvas,.physics-stage canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-badge,.canvas-hint{position:absolute;pointer-events:none;font-size:8px;letter-spacing:1.4px}.canvas-badge{top:17px;left:17px;color:#b1a0d5}.canvas-hint{bottom:17px;left:17px;color:#b1a0d5}.physics-stage .canvas-badge,.physics-stage .canvas-hint{color:#9b85b5}#particle-form{display:flex;gap:8px;margin:0}#particle-form input{min-width:0;flex:1;border:1px solid #ddd4ea;border-radius:9px;font-size:13px;padding:12px;color:#33233f}#particle-form button{background:#6225ff;border:0;border-radius:9px;color:white;font-size:11px;padding:12px 16px;white-space:nowrap}.frontend-modes{display:flex;flex-wrap:wrap;gap:7px}.frontend-modes button{background:white;border:1px solid #ddd4eb;color:#745991;border-radius:20px;font-size:11px;padding:9px 14px}.frontend-modes button[aria-pressed=true]{background:#eee5ff;border-color:#9168ff;color:#6225ff}.physics-stage canvas:focus-visible{outline:2px solid #6225ff;outline-offset:-4px}
@media(max-width:760px){.booking-phone{height:450px}.particle-stage,.physics-stage{height:290px}#particle-form input{font-size:16px;width:0}#particle-form button{padding:12px 10px}.frontend-modes button{font-size:11px;padding:10px 12px}.particle-surface,.physics-surface{padding:12px;gap:14px}.booking-surface{padding:14px}.booking-option{min-height:58px}.physics-controls{justify-content:center}}
/* Keep the confirmation and retry action visible inside the phone. */
.booking-receipt{padding:12px}.booking-check{width:38px;height:38px;font-size:22px;margin-bottom:10px}.booking-receipt dl{gap:7px;margin:12px 0 8px}.booking-receipt p{margin-top:8px}.booking-again{padding:10px;margin-top:8px}