:root{--purple:#7143b6;--deep:#342345;--muted:#847b8d;--border:#e8e2ee;--wash:#f5f0fb;--green:#39775e}*{box-sizing:border-box}body{margin:0;background:#fcfbfe;color:var(--deep);font-family:Inter,'Segoe UI',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b695e6;outline-offset:3px}input:focus,select:focus{outline:2px solid #ad83db;border-color:transparent}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:92px;max-width:1300px;margin:auto;padding:0 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.6px}.brandmark{height:42px;width:42px;background:var(--purple);color:white;border-radius:12px;font-size:28px;display:grid;place-items:center;position:relative}.brandmark span{font-size:16px;position:absolute;right:4px;top:1px;color:#dfcafa}.brand-sub{display:block;font-size:9px;font-weight:600;letter-spacing:1.7px;margin-top:4px;color:var(--muted)}nav{display:flex;gap:8px}nav button{border:0;background:none;padding:12px 17px;color:var(--muted);font-weight:600;font-size:13px;border-radius:9px}nav .active{background:#f0e8fa;color:var(--purple)}nav .admin-nav{border:1px solid var(--border);margin-left:14px;color:var(--deep)}main{max-width:1300px;margin:auto;padding:48px 50px 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--purple);display:flex;align-items:center;gap:7px}.eyebrow i{height:6px;width:6px;background:var(--purple);border-radius:50%}h1{font-size:clamp(32px,4vw,49px);font-weight:730;line-height:1.16;letter-spacing:-1.8px;margin:17px 0}h1 span{color:var(--purple)}.intro p{line-height:1.8;color:var(--muted);font-size:14px}.period{position:relative;padding:27px 30px;background:#f3edf9;border:1px solid #e8dcf6;border-radius:17px;min-width:290px;overflow:hidden}.period:after{content:'✳';position:absolute;right:-18px;bottom:-34px;font-size:145px;color:#e8dcf1;line-height:1;pointer-events:none}.period>span{font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--purple)}.period>div{display:flex;gap:8px;align-items:baseline;margin-top:16px;position:relative;z-index:1}.period b{font-size:36px;letter-spacing:-2px}.period small{font-size:11px;font-weight:650}.period em{font-size:22px;color:#ab8bc8;padding:0 8px;font-style:normal}.period p{margin:10px 0 0;font-size:12px;position:relative;z-index:1}.period p span{padding:0 8px}.facts{display:flex;flex-wrap:wrap;gap:22px;margin:29px 0 35px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;color:#73667d}.facts span:first-child{color:var(--purple)}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading>div{display:flex;align-items:center;gap:10px}.step{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--purple);background:var(--wash);height:27px;min-width:27px;border-radius:8px}h2{font-size:18px;letter-spacing:-.5px;margin:0}h3{font-size:14px;margin:0}.text-button{border:none;background:none;color:var(--purple);font-size:11px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.section-sub{margin:9px 0 16px}.date-list{display:flex;gap:7px;overflow-x:auto;padding:3px 1px 12px;scrollbar-width:thin;scrollbar-color:#d8cbe6 transparent}.date-card{min-width:69px;padding:12px 5px;border-radius:11px;border:1px solid var(--border);background:white;color:var(--deep);display:flex;align-items:center;flex-direction:column;gap:6px}.date-card>span{font-size:9px;color:var(--muted)}.date-card b{font-size:22px}.date-card small{font-size:9px;color:var(--green)}.date-card.active{background:var(--purple);color:white;border-color:var(--purple);box-shadow:0 5px 13px #7143b622}.date-card.active span,.date-card.active small{color:#e6d8f8}.slot-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0 22px;gap:12px}.legend{display:flex;gap:10px;font-size:9px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:4px}.legend i{display:inline-block;height:6px;width:6px;border-radius:50%}.available{background:#92baa3}.booked{background:#c9bedb}.blocked{background:#d1d0d4}.session-label{color:var(--muted);font-size:10px;letter-spacing:1px;margin:16px 0 10px;display:flex;align-items:center;gap:8px}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot{border:1px solid var(--border);background:white;border-radius:9px;padding:12px 4px;color:var(--deep);min-height:60px}.slot b{display:block;font-size:11px;font-weight:650}.slot small{display:block;font-size:9px;color:var(--green);margin-top:6px}.slot[data-status="booked"],.slot[data-status="blocked"],.slot[data-status="past"]{background:#f2f0f5;border:1px solid #efebf3;opacity:1;color:#aca2b6}.slot[data-status="booked"] small,.slot[data-status="blocked"] small,.slot[data-status="past"] small{color:#a99db5}.slot.selected{border-color:var(--purple);background:#f1e9fa;box-shadow:0 0 0 1px var(--purple);color:var(--purple)}.slot.selected small{color:var(--purple)}.break{margin:17px 0;background:#f6f3f9;color:#9b8ca8;padding:10px;border-radius:7px;text-align:center;font-size:10px}.footnote{font-size:10px;color:#9f94a9;margin-top:18px;line-height:1.6}.booking-card,.panel{border:1px solid var(--border);background:white;border-radius:16px;padding:24px}.booking-card{align-self:start;box-shadow:0 6px 30px #3a1d5905}.booking-card h2{font-size:16px}.booking-card>.muted{font-size:11px;margin-bottom:22px}.selection{background:var(--wash);border-radius:10px;padding:16px 12px;display:flex;align-items:center;gap:10px;color:var(--purple);margin-bottom:22px}.selection>span{font-size:23px}.selection b{font-size:11px;display:block}.selection small{display:block;font-size:10px;margin-top:6px;line-height:1.5;color:#957eae}form{display:flex;flex-direction:column;gap:15px}label{display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:8px;color:#65566f}label small{font-size:10px;color:#a496ac;font-weight:400}input,select{border:1px solid var(--border);border-radius:8px;padding:11px 12px;width:100%;background:#fff;color:var(--deep);font-size:12px;min-height:42px}input::placeholder{color:#b3a7bf;font-size:10px}.primary,.secondary{border-radius:8px;padding:13px 15px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;min-height:42px}.primary{border:1px solid var(--purple);background:var(--purple);color:white;box-shadow:0 4px 10px #7143b615}.primary:hover{background:#6035a2}.secondary{border:1px solid var(--border);background:#fff;color:var(--purple)}.secondary:hover{background:var(--wash)}#book-submit{justify-content:space-between;margin-top:3px}.card-note{font-size:10px;color:#a193ab;line-height:1.8;margin:15px 0 0}.notice{display:flex;gap:12px;align-items:flex-start;background:#f6f1fb;border:1px solid #eee6f6;border-radius:11px;padding:17px 20px;margin-top:35px;color:#9984ad}.notice>span{color:var(--purple);font-size:17px;line-height:1.2}.notice p{margin:0;font-size:10px;line-height:1.7}.notice b{display:block;color:#75568f;font-size:11px;margin-bottom:3px}footer{display:flex;justify-content:space-between;gap:12px;padding:26px 0;color:#aa9eb5;font-size:9px}footer i{font-style:normal;padding:0 6px}#message{border-radius:9px;background:#fff1ee;color:#a34c36;border:1px solid #f3d9d0;padding:14px 18px;font-size:12px;margin:0 0 22px;line-height:1.6}#message.good{background:#edf7f1;border-color:#d0e7d8;color:var(--green)}.manage-layout{display:grid;grid-template-columns:350px 1fr;gap:25px}.manage-layout h2{margin-top:15px}.manage-layout form{margin-top:22px}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px}.empty>span{font-size:40px;color:#c4abd9;margin-bottom:14px}.auth-panel{max-width:450px;margin:auto}.auth-panel h2{margin:15px 0}.auth-panel form{margin-top:20px}details{margin-top:20px;border-top:1px solid var(--border);padding-top:18px}summary{font-size:11px;color:var(--purple);cursor:pointer}.admin-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:25px;margin-top:25px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{flex-direction:row;align-items:center}.check input{width:15px;min-height:15px}.compact{padding:7px 10px;min-height:32px;font-size:10px}.count{background:var(--wash);color:var(--purple);font-size:10px;padding:3px 7px;border-radius:6px}.admin-row{padding:16px 0;border-top:1px solid var(--border);font-size:12px}.admin-row p{margin:5px 0;font-size:11px;color:var(--muted)}.admin-row .two{margin-top:10px;grid-template-columns:minmax(0,1fr) auto}.admin-row .actions{display:flex;gap:6px;margin-top:8px}.danger{color:#b44f5a}.mine-detail{background:var(--wash);border-radius:10px;padding:20px;margin:20px 0}.mine-detail h3{font-size:20px}.mine-detail p{color:var(--purple);font-size:12px}.mine-actions{display:flex;gap:10px}dialog{border:1px solid var(--border);border-radius:20px;padding:35px;max-width:440px;width:calc(100% - 30px);color:var(--deep);box-shadow:0 20px 80px #2a123c22}dialog::backdrop{background:#2e1a4760;backdrop-filter:blur(5px)}dialog h2{font-size:23px;margin:16px 0}dialog>p{font-size:12px;line-height:1.8}.dialog-close{position:absolute;right:15px;top:10px;font-size:25px;border:0;background:none;color:var(--muted)}.success-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#edf7f1;color:var(--green);font-size:24px}code{display:block;word-break:break-all;font-family:monospace;background:var(--wash);padding:14px;border-radius:8px;font-size:15px;letter-spacing:1px}dialog .primary{width:100%;margin-top:18px}.loading{color:var(--muted);padding:25px 0} @media(min-width:1350px){main{padding-top:60px}}@media(max-width:1050px){.booking-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px}.slot-grid{grid-template-columns:repeat(3,1fr)}.facts{gap:15px}.slot-header{align-items:flex-start;flex-direction:column}.admin-grid{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:760px){header{height:78px;padding:0 20px}.brand{font-size:17px}.brandmark{width:35px;height:35px;font-size:24px}nav{gap:2px}nav button{font-size:10px;padding:9px}nav .admin-nav{margin-left:2px}nav .admin-nav span{display:none}.brand-sub{font-size:7px;letter-spacing:1.1px}main{padding:30px 20px 0}.intro{gap:15px}.period{min-width:0;padding:20px 15px}.period>div{gap:4px}.period b{font-size:28px}.period em{padding:0 3px}.period small{font-size:8px}.period>span{font-size:7px;letter-spacing:1px}.period p{font-size:9px}.intro p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:32px}.desktop{display:none}.booking-layout,.manage-layout,.admin-grid{grid-template-columns:1fr}.booking-card{margin-top:8px}.slot-grid{grid-template-columns:repeat(4,1fr)}.facts{font-size:10px;gap:12px;margin:25px 0}.slot-header{flex-direction:row;align-items:center}.legend{gap:7px;font-size:8px}.notice{margin-top:25px}footer{font-size:8px}.period:after{font-size:100px}.manage-layout .panel{min-width:0}}@media(max-width:430px){.intro{align-items:flex-start}.period{padding:15px 10px;width:130px;flex-shrink:0}.period>div{flex-wrap:wrap;gap:4px}.period em{font-size:14px}.period b{font-size:25px}.period p{font-size:8px}.intro h1{font-size:27px;letter-spacing:-1px}.intro p{font-size:11px}.eyebrow{font-size:7px}.slot-grid{grid-template-columns:repeat(3,1fr)}.slot-header{flex-direction:column;align-items:flex-start}.facts{line-height:1.6}.facts span{font-size:9px}.section-heading h2{font-size:16px}.text-button{font-size:10px}.brand-sub{font-size:6px}.brand{gap:7px;font-size:15px}.brandmark{width:30px;height:32px}nav button{padding:9px 7px;font-size:9px}footer{flex-direction:column}.section-heading{flex-wrap:wrap}}