:root{color-scheme:dark;--paper:#0b0b0c;--ink:#f2f0ea;--muted:#9a968c;--line:#1f1f21;--panel:#161617;--trial:#f2b705;--green:#1f9d55;--orange:#e8701a;--red:#d93a3f}
:root[data-theme=light]{color-scheme:light;--paper:#f6f5f0;--ink:#171718;--muted:#6d6a62;--line:#deddd6;--panel:#ecebe5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans KR',sans-serif}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--trial);outline-offset:4px}.booking-v18{max-width:880px;margin:auto;padding:48px 0 54px}.booking-v18 header{display:flex;align-items:center;justify-content:space-between;gap:16px}.booking-v18 h1,.booking-v18 h2,.class-clock,.booking-dates strong{font-family:Unbounded,'IBM Plex Sans KR',sans-serif;font-weight:700}.booking-v18 h1{font-size:32px;margin:0}.booking-v18 h2{font-size:21px;margin:0 0 5px}.booking-v18 header select{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:30px;min-height:44px;padding:10px 16px}.v18-demo{font-size:12px;color:var(--muted);padding:8px 0 24px}.booking-dates{display:flex;align-items:flex-end;gap:8px;overflow:auto;padding:36px 0 24px;min-height:114px;scrollbar-width:thin}.booking-dates button{flex-shrink:0;background:none;color:var(--muted);border:0;border-radius:14px;padding:9px 10px;min-width:54px;min-height:66px;display:grid;justify-items:center;gap:3px}.booking-dates button span{font-size:12px}.booking-dates strong{font-size:20px}.booking-dates i{display:block;width:5px;height:5px}.trial-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--trial)}.booking-dates button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.booking-dates button:disabled{opacity:.4;text-decoration:line-through}.week-divider{position:relative;border-left:1px solid var(--line);height:65px;min-width:9px;margin:0 5px;font-size:9px;white-space:nowrap;color:var(--muted);text-indent:7px;padding-top:0;align-self:flex-end;transform:translateY(-5px)}.day-heading{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:20px 0 8px;font-size:14px}.day-heading span,.booking-footnote{color:var(--muted);font-size:13px}.earlier{padding:22px 4px;color:var(--muted);opacity:.55;font-size:13px;border-bottom:1px solid var(--line);margin:0}.booking-row{border-bottom:1px solid var(--line)}.whole-class{width:100%;border:0;background:transparent;color:inherit;text-align:left;display:grid;grid-template-columns:110px minmax(0,1fr) auto 12px;gap:14px;align-items:center;padding:30px 4px;min-height:110px}.class-clock{font-size:21px;white-space:nowrap}.class-clock small{font:600 12px 'IBM Plex Sans KR',sans-serif;color:var(--muted);padding-left:3px}.class-copy{display:grid;gap:7px;min-width:0}.class-copy strong{font-size:18px;line-height:1.5}.class-copy>span{font-size:14px;color:var(--muted);line-height:1.6}.trial-pill{font-size:11px;background:var(--trial);color:#171718;border-radius:10px;padding:3px 8px;white-space:nowrap;margin-left:7px}.now-label{color:var(--green);font-size:12px;white-space:nowrap;margin-left:7px}.spots{font-size:14px;color:var(--muted);white-space:nowrap}.spots.low{color:var(--orange)}.spots.full{color:var(--red)}.spots.booked{color:var(--green)}.whole-class>span:last-child{color:var(--muted)}.expanded{background:var(--panel);border-radius:14px}.class-detail{padding:0 24px 24px 128px;font-size:14px}.class-detail>p{color:var(--muted)}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.row-actions button{min-height:44px;border:0;border-radius:30px;padding:12px 20px;background:var(--ink);color:var(--paper);font-weight:600}.row-actions .trial-action{background:var(--trial);color:#171718}.office-note{font-size:12px;line-height:1.6}.booking-footnote{display:flex;justify-content:space-between;gap:12px;padding:24px 0}.v18-printables{padding-top:36px}.v18-printables>p{font-size:14px;color:var(--muted);margin:0;padding-bottom:16px;border-bottom:1px solid var(--line)}.printable-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:38px}.printable-card{position:relative;min-width:0}.thumbnail{display:block;aspect-ratio:11/8.5;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:contain}.printable-card h3{font-size:16px;margin:12px 0 5px}.printable-card p{font-size:13px;color:var(--muted);margin:0 0 12px}.printable-links{display:flex;gap:16px;align-items:center;font-size:13px;font-weight:600;min-height:44px}.printable-links>span{color:var(--muted)}.printable-links a{padding:12px 0}.current-label{position:absolute;top:10px;left:10px;background:var(--green);border-radius:12px;color:white;font-size:11px;padding:3px 9px;z-index:1}.blank-calendar{aspect-ratio:11/8.5;background:white;color:#aab0ba;border-radius:12px;padding:28px 20px 12px;position:relative}.blank-calendar>strong{display:block;font-size:13px;text-transform:uppercase;text-align:center;margin-bottom:8px}.blank-calendar>div{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;height:70%}.blank-calendar i{background:#eceef1;border-radius:2px}.blank-calendar>span{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:8px;padding:6px;font-size:11px;white-space:nowrap;color:#6b7280}.more-printables{display:none}.empty-today{color:var(--muted);font-size:14px}.reservation-dialog{color:var(--ink);background:var(--panel);max-width:min(600px,calc(100vw - 32px));border:1px solid var(--line);border-radius:16px;padding:24px;font-family:'IBM Plex Sans KR',sans-serif}.reservation-dialog::backdrop{background:#000a}.reservation-dialog label{display:grid;gap:6px;margin:12px 0}.reservation-dialog input,.reservation-dialog select,.reservation-dialog textarea{width:100%;min-height:44px;padding:8px;background:var(--paper);color:var(--ink);border:1px solid var(--muted);border-radius:6px}.reservation-dialog button{min-height:44px;padding:10px 16px}.reservation-dialog fieldset{border:0;padding:0}.reservation-consent{grid-template-columns:24px 1fr;align-items:center}.reservation-consent input{width:20px}.reservation-modal-head{display:flex;justify-content:space-between;gap:15px}.reservation-dialog h2{margin:0}.reservation-summary{color:var(--muted)}
@media(max-width:930px){.booking-v18{padding:28px 20px 40px}}@media(max-width:767px){.booking-v18 h1{font-size:25px;letter-spacing:-1px}.booking-v18 header{gap:10px}.booking-v18 header select{max-width:115px;font-size:13px;padding:8px 10px}.booking-dates{padding-top:32px}.day-heading{font-size:13px}.day-heading span{font-size:12px}.whole-class{grid-template-columns:78px minmax(0,1fr) auto 10px;gap:8px;padding:26px 0;min-height:110px}.class-clock{font-size:18px}.class-clock small{font-size:11px}.class-copy strong{font-size:17px}.class-copy>span{font-size:13px}.trial-pill,.now-label{display:inline-block;margin-left:3px}.spots{font-size:12px}.class-detail{padding:0 16px 20px}.booking-footnote{font-size:11px}.v18-printables h2{font-size:19px}.printable-cards{display:flex;flex-direction:column;padding-top:30px;gap:16px}.printable-card{display:none;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.printable-card.this-month{display:grid;order:-1}.show-more .printable-card{display:grid}.printable-card h3{font-size:14px;margin:0 0 6px}.printable-card p{font-size:12px}.printable-links .full-image{display:none}.printable-links .pdf{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;text-decoration:none}.current-label{top:6px;left:5px;font-size:9px;padding:2px 5px}.blank-calendar{padding:20px 6px 6px}.blank-calendar>strong{font-size:9px}.blank-calendar>span{font-size:9px}.printable-links{min-height:44px;font-size:11px}.more-printables{display:block;width:100%;min-height:44px;border:0;border-bottom:1px solid var(--line);padding:12px 0;background:transparent;color:var(--ink);text-align:right;font-weight:600}}

.printable-links .unavailable{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);opacity:.5}
.reservation-dialog{position:fixed;top:calc(var(--host-visible-bottom,100dvh) - var(--host-visible-height,100dvh)/2);bottom:auto;margin:0 auto;transform:translateY(-50%);max-height:min(85dvh,calc(var(--host-visible-height,100dvh) - 16px));overflow:auto}
.reservation-dialog [hidden]{display:none!important}
@media(max-width:767px){.reservation-dialog{inset:auto 0 max(0px,calc(100dvh - var(--host-visible-bottom,100dvh)));transform:none;margin:0 auto;width:100%;border-radius:18px 18px 0 0;padding:16px}}