@import "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap";:root{--bg:#eef6f4;--surface:#fff;--ink:#101817;--muted:#68736f;--line:#d9e4e0;--line-strong:#c7d6d1;--brand:#8ebfba;--brand-dark:#101817;--danger:#a12828;--ok:#0f766e;--serif:"Nanum Myeongjo", "Noto Serif KR", "Batang", serif;--sans:"Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--sans);margin:0}button,input,select{font:inherit}button{cursor:pointer}.page-shell{align-items:start;min-height:100vh;padding:40px 18px;display:grid}.booking-card{background:var(--surface);border:1px solid var(--line);border-radius:32px;width:100%;max-width:620px;margin:0 auto;padding:34px 54px 32px;overflow:hidden;box-shadow:0 20px 70px #1018170f}.login-card{margin-top:6vh}.loading-card{color:var(--muted);text-align:center;font-weight:700}.brand-header{gap:22px;margin-bottom:28px;display:grid}.brand-logo{justify-self:center;width:min(72vw,360px);max-width:360px;height:auto;display:block}.brand-title-row{grid-template-columns:1fr auto;align-items:start;gap:14px;display:grid}.brand-title-row h1{font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(32px,6vw,40px);font-weight:800;line-height:1.18}.brand-title-row p{color:var(--muted);margin:8px 0 0;font-size:16px;line-height:1.4}.logout-button,.week-controls button,.slot-list button{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink)}.logout-button{white-space:nowrap;border-radius:999px;min-height:40px;padding:8px 16px;font-size:14px;font-weight:800}.login-form,.booking-flow{gap:20px;display:grid}label,.control{color:var(--muted);gap:8px;font-size:13px;font-weight:800;display:grid}input,select{appearance:none;border:1px solid var(--line-strong);color:var(--ink);background:#f8fbfa;border-radius:12px;width:100%;min-height:58px;padding:14px 18px}select{background-image:linear-gradient(45deg,#0000 50%,#4d5a56 50%),linear-gradient(135deg,#4d5a56 50%,#0000 50%);background-position:calc(100% - 24px),calc(100% - 18px);background-repeat:no-repeat;background-size:6px 6px;padding-right:48px;font-size:18px;font-weight:800}button{border-radius:12px;min-height:48px;padding:12px 16px;font-weight:800}.primary-button{background:var(--brand-dark);border:1px solid var(--brand-dark);color:#fff}.primary-button:hover{background:#1d2826}button:disabled{cursor:not-allowed;opacity:.5}.week-controls{grid-template-columns:1fr minmax(160px,1.25fr) 1fr;align-items:center;gap:10px;display:grid}.week-controls strong{background:var(--brand-dark);color:#fff;font-family:var(--serif);text-align:center;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-height:60px;font-size:22px;font-weight:800;display:flex}.slot-groups{gap:26px;display:grid}.slot-day{gap:14px;display:grid}.slot-day h2{font-family:var(--serif);letter-spacing:0;margin:0;font-size:24px;font-weight:800}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.slot-list button{font-family:var(--serif);text-align:center;white-space:nowrap;min-height:66px;font-size:20px;overflow:hidden}.slot-list button.selected{background:var(--brand);border-color:var(--brand);color:#fff}.slot-short-label{display:none}.confirm-bar{background:var(--surface);border-top:1px solid var(--line);grid-template-columns:1fr 150px;align-items:center;gap:18px;margin:28px -54px -32px;padding:18px 54px 24px;display:grid;position:sticky;bottom:0}.confirm-bar span{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:800;display:block}.confirm-bar strong{font-family:var(--serif);font-size:20px;line-height:1.25;display:block}.message{border-radius:12px;margin:14px 0 0;padding:12px;font-size:13px;line-height:1.45}.message.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca}.message.success{color:var(--ok);background:#ecfdf5;border:1px solid #a7f3d0}.message.floating{margin-bottom:0}.muted{color:var(--muted);margin:8px 0}@media (width>=760px){.slot-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.page-shell{padding:16px 10px}.booking-card{border-radius:24px;padding:28px}.brand-header{gap:20px;margin-bottom:26px}.brand-logo{width:min(78vw,330px)}.brand-title-row{grid-template-columns:1fr}.brand-title-row h1{font-size:34px}.logout-button{justify-self:start}.week-controls{grid-template-columns:1fr}.week-controls strong{order:-1}.confirm-bar{grid-template-columns:1fr;margin:28px -28px -28px;padding:18px 28px 24px}}@media (width<=390px){.booking-card{padding-left:20px;padding-right:20px}.brand-logo{width:min(76vw,290px)}.brand-title-row h1{font-size:30px}.slot-list{gap:10px}.slot-list button{font-size:19px}.slot-full-label{display:none}.slot-short-label{display:inline}.confirm-bar{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}