/* Room layout is scoped to the booking account; allow space for the complete orb. */
.wb-page .walkin-page-shell:has(.wb-account){padding:32px 0}
.wb-page .walkin-page-shell:has(.wb-account)>.wp-block-post-title{display:none}
.wb-root.wb-account,.wb-page .wb-root.wb-account{width:calc(100% - clamp(24px,5vw,96px));max-width:1480px!important;margin:24px auto!important;padding:0;background:transparent;border-radius:0}
.wb-account>h1{margin:6px 0 20px;font-size:clamp(26px,3vw,36px)}
.wb-account .wb-guest-account{margin:0 0 16px;padding:10px 16px}
.wb-account .wb-guest-account summary{padding:4px 0;font-size:13px}
.wb-account .wb-reservation{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding:20px 24px;margin:0 0 16px;border:1px solid var(--wb-line);border-radius:12px;background:var(--wcal-surface)}
.wb-account .wb-reservation h2{margin:5px 0 8px;font-size:22px;line-height:1.4}
.wb-account .wb-reservation p{margin:4px 0;font-size:14px;line-height:1.65}
.wb-account .wb-reservation>div:nth-child(2){display:grid;justify-items:end;gap:12px;min-width:0}
.wb-account .wb-account-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0}
.wb-account .wb-account-actions:empty{display:none}
.wb-account .wb-account-actions :is(button,a){min-height:44px;padding:9px 17px}
.wb-account .wb-change:empty{display:none}
.wb-account .wb-daily-manual{flex-basis:100%;font-size:13px;color:#edc892}
.wb-account .wb-daily-teacher{margin:0 0 16px;padding:18px 24px;border-radius:12px}
.wb-account .wb-daily-teacher h2{margin:0 0 4px;font-size:21px;line-height:1.4}
.wb-account .wb-daily-teacher>p{margin:0 0 10px}
.wb-account .wb-daily-teacher-list article{padding:12px 0}
.wb-account .wb-daily-teacher-list article:last-child{padding-bottom:0}
.wb-in-room>.wb-eyebrow,.wb-in-room>h1,.wb-in-room>.wb-daily-test-intro{display:none}
.wb-account .wb-daily-shell{max-width:none;margin:0}
.wb-account .wb-daily-back{margin:0 0 14px}
.wb-account .wb-daily-stage{min-height:0;padding:clamp(24px,3vw,40px);border-radius:18px}
.wb-account .wb-daily-stage>*{min-width:0}
.wb-account .wb-daily-stage.is-prejoin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,64px);background:radial-gradient(circle at 75% 40%,#a8753a27,transparent 45%),linear-gradient(145deg,#351c1a,#1d1113 58%,#291817)}
.wb-account .wb-daily-heading .wb-eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.22em}
.wb-account .wb-daily-heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:.1em}
.wb-account .wb-daily-heading>p:last-child{margin:0}
.wb-account .wb-daily-prejoin-art{display:grid;place-items:center;width:100%;max-width:540px;aspect-ratio:1;justify-self:center;background:url(images/miaoling-etched-ring.svg) center/contain no-repeat;pointer-events:none}
.wb-account .wb-daily-orb-preview{position:relative;display:grid;place-items:center;width:64%;aspect-ratio:1;border:1px solid #f4d8a9bb;border-radius:50%;background:radial-gradient(ellipse at 30% 19%,#fff3ca85,transparent 23%),radial-gradient(ellipse at 69% 75%,#bd876452,transparent 48%),radial-gradient(circle at 37% 30%,#947158,#422d35 58%,#160f1d 83%);box-shadow:inset -15px -20px 40px #120c1666,inset 0 0 32px #f3d5a62b,0 0 0 7px #d7a96525,0 0 65px #b7763738}
.wb-account .wb-daily-orb-preview::before{content:"";position:absolute;inset:6%;border:1px solid #ffe9b744;border-radius:50%}
.wb-account .wb-daily-orb-preview span{color:#f2d7a3;font:clamp(46px,6vw,84px)/1 Georgia,serif;text-shadow:0 0 30px #edc59388}
.wb-account .wb-daily-choice{max-width:none;gap:12px;margin:24px 0 18px}
.wb-account .wb-daily-choice button{min-height:94px;padding:17px;font-size:16px}
.wb-account .wb-daily-stage [data-daily-status]{margin:0 0 16px}
.wb-account .wb-daily-stage.is-live{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) minmax(240px,.44fr);grid-template-areas:"tiles heading" "tiles status" "tiles controls";grid-template-rows:auto auto 1fr;column-gap:clamp(28px,4vw,56px);align-items:start;text-align:left}
.wb-account .wb-daily-stage.is-live .wb-daily-heading{grid-area:heading;padding-top:32px}
.wb-account .wb-daily-stage.is-live [data-daily-status]{grid-area:status;margin:16px 0 20px}
.wb-account .wb-daily-tiles{grid-area:tiles;grid-template-columns:minmax(0,1fr) 104px;align-self:center;gap:32px;width:100%;max-width:800px;margin:0 auto;padding:32px 26px 54px}
.wb-account .wb-daily-tile{justify-self:center}
.wb-account .wb-daily-self{width:104px;max-width:none;aspect-ratio:1;margin-bottom:24px}
.wb-account .wb-daily-controls{grid-area:controls;gap:10px;padding:16px;border-radius:16px;max-width:none;margin:0;width:100%}
.wb-account .wb-daily-controls button{flex:1 1 100%;min-width:0;padding:10px 14px}
.wb-account .wb-daily-test-share{margin:20px 0;max-width:none}
.wb-account .wb-daily-leave-note{flex-basis:100%;font-size:12px;line-height:1.6;color:#dbc3a9;text-align:center}
.wb-account .is-prejoin [data-daily-end]{margin:12px 0 0 10px;border-radius:50px;min-height:46px}
@media(max-width:1000px){
 .wb-account .wb-daily-stage.is-live{grid-template-columns:1fr;grid-template-areas:"heading" "status" "tiles" "controls";grid-template-rows:auto;text-align:center}
 .wb-account .wb-daily-stage.is-live .wb-daily-heading{padding-top:0}
 .wb-account .wb-daily-stage.is-live [data-daily-status]{margin:10px 0 4px}
 .wb-account .wb-daily-tiles{max-width:660px;grid-template-columns:minmax(0,1fr) 100px;gap:30px}
 .wb-account .wb-daily-self{width:100px}
 .wb-account .wb-daily-controls{max-width:660px;justify-self:center}
 .wb-account .wb-daily-controls button{flex:1 1 26%}
}
@media(max-width:760px){
 .wb-root.wb-account,.wb-page .wb-root.wb-account{margin:18px auto!important}
 .wb-account .wb-reservation{grid-template-columns:1fr;padding:18px;gap:14px}
 .wb-account .wb-reservation>div:nth-child(2){justify-items:start;gap:10px}
 .wb-account .wb-account-actions{justify-content:flex-start}
 .wb-account .wb-daily-stage.is-prejoin{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .wb-account .wb-daily-lobby{display:contents}
 .wb-account .wb-daily-heading{order:0}
 .wb-account .wb-daily-prejoin-art{order:1;width:min(68%,280px);align-self:center;margin:12px 0}
 .wb-account .wb-daily-test-share{order:2;margin:0 0 12px}
 .wb-account .wb-daily-choice{order:3;grid-template-columns:repeat(2,minmax(0,1fr));margin:4px 0 16px}
 .wb-account .wb-daily-stage [data-daily-status]{order:4}
 .wb-account .wb-daily-stage [data-daily-join]{order:5;align-self:flex-start}
 .wb-account .is-prejoin [data-daily-end]{order:6;align-self:flex-start;margin:12px 0 0}
}
@media(max-width:600px){
 .wb-account .wb-daily-stage{padding:20px 16px;border-radius:14px}
 .wb-account .wb-daily-heading h2{font-size:27px}
 .wb-account .wb-daily-choice{gap:8px}
 .wb-account .wb-daily-choice button{min-height:84px;padding:12px;font-size:15px}
 .wb-account .wb-daily-tiles{grid-template-columns:1fr;gap:0;padding:28px 24px 88px;max-width:380px;margin-bottom:0}
 .wb-account .wb-daily-self{position:absolute;right:16px;bottom:38px;width:62px;margin:0}
 .wb-account .wb-daily-self strong{bottom:-31px;padding:3px 10px;font-size:10px}
 .wb-account .wb-daily-controls{padding:10px;gap:8px}
 .wb-account .wb-daily-controls button{flex:1 1 42%;padding:9px 6px}
 .wb-account .wb-daily-controls .wb-daily-leave{flex-basis:100%}
 .wb-account .wb-daily-teacher{padding:16px}
}