.reservation-page{min-height:calc(100vh - 78px)}.reservation-hero{padding:74px 0 68px;background:linear-gradient(135deg,#3f3735,#754551);color:white}.reservation-hero .eyebrow{color:#f2c8d1}.reservation-hero h1{font-size:clamp(2.35rem,4vw,3.7rem);font-weight:400;line-height:1.3;margin:14px 0}.reservation-hero p:last-child{color:#f4e9e6;line-height:1.7}.reservation-content{padding-top:58px}.reservation-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:24px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}.reservation-guide>div{display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--surface)}.reservation-guide b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blush);color:var(--rose-deep);font-size:.75rem}.reservation-guide span{font-size:.88rem;font-weight:600}.page-lead{max-width:720px;line-height:1.7}.calendar-shell{margin-top:28px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.type-filter{display:flex;padding:4px;background:#eee7e4;border-radius:12px}.type-filter button{display:flex;align-items:center;gap:7px;min-height:42px;padding:9px 15px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.type-filter button.active{background:var(--surface);color:var(--rose-deep);font-weight:700;box-shadow:0 3px 12px rgba(63,55,53,.08)}.type-filter svg{width:17px}.available-toggle{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:600;cursor:pointer}.available-toggle input{position:absolute;opacity:0}.available-toggle span{width:42px;height:24px;padding:3px;border-radius:999px;background:#cfc7c4;transition:.2s}.available-toggle span:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:white;transition:.2s}.available-toggle input:checked+span{background:var(--rose-deep)}.available-toggle input:checked+span:after{transform:translateX(18px)}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);gap:24px;align-items:start}.calendar,.date-card{padding:28px}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-head>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;cursor:pointer}.calendar-head>button:disabled{opacity:.35;cursor:default}.calendar-head>div{display:flex;align-items:center;gap:12px}.calendar-head h2{font:700 1.35rem "Noto Serif KR";margin:0}.today-button{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--rose-deep);font-size:.75rem;cursor:pointer}.days,.week{display:grid;grid-template-columns:repeat(7,1fr)}.week{margin-top:24px}.week b{text-align:center;padding:10px;color:var(--muted);font-size:.8rem}.week b:first-child{color:#b6545c}.days{border-top:1px solid var(--line)}.days .day,.days .empty{position:relative;min-height:84px;border:0;border-right:1px solid #eee8e5;border-bottom:1px solid #eee8e5;background:transparent;display:grid;justify-items:center;align-content:center;gap:4px}.days .day:nth-child(7n){border-right:0}.days .day{cursor:pointer;border-radius:10px;transition:.18s}.days .day:hover{background:#fbf3f4}.days .day.selected{background:var(--blush);box-shadow:inset 0 0 0 2px var(--rose)}.days .day:disabled{cursor:default;opacity:.25}.days .day b{font-size:.9rem}.days .day i{position:absolute;top:7px;right:7px;padding:2px 5px;border-radius:999px;background:var(--rose-deep);color:white;font-size:.55rem;font-style:normal}.date-card{position:sticky;top:102px}.date-status{display:flex;align-items:center;gap:11px;padding-bottom:20px;border-bottom:1px solid var(--line)}.date-status>svg{color:var(--rose-deep);flex:none}.date-status small{color:var(--muted);font-size:.72rem}.date-status h2{font-size:1.03rem;margin:3px 0}.date-status>b{margin-left:auto;padding:7px 9px;background:var(--blush);color:var(--rose-deep);border-radius:999px;font-size:.7rem;white-space:nowrap}.date-status>b.closed,.date-status>b.off{background:#eee;color:#777}.schedule-heading{display:flex;justify-content:space-between;align-items:end;margin:23px 0 12px}.schedule-heading h3{margin:0;font-family:"Noto Serif KR"}.schedule-heading p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.schedule-list{display:grid;gap:11px}.schedule{padding:16px;border:1px solid var(--line);border-radius:14px;background:white}.schedule.unavailable{opacity:.58;background:#f7f5f4}.schedule-time{display:flex;align-items:center;gap:8px}.schedule-time svg{width:17px;color:var(--rose-deep)}.schedule-time strong{font-size:.92rem}.schedule-time span{margin-left:auto;color:var(--rose-deep);font-size:.68rem;font-weight:700}.schedule.unavailable .schedule-time span{color:#777}.schedule-meta{display:flex;gap:15px;margin:11px 0 8px;color:var(--muted);font-size:.7rem}.schedule-meta span{display:flex;align-items:center;gap:5px}.schedule-meta svg{width:14px}.schedule ul{margin:0;padding-left:18px;color:var(--muted);font-size:.76rem;line-height:1.7}.slot-link{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:10px;color:var(--rose-deep);font-size:.75rem;font-weight:700}.slot-link svg{width:14px}.notice{display:flex;gap:8px;color:var(--muted);font-size:.75rem;line-height:1.55;margin:18px 0}.notice svg{width:16px;flex:none}.date-actions{display:grid;gap:9px}.date-actions .btn{width:100%}.date-actions svg{width:17px}.empty-schedule{text-align:center;padding:48px 15px}.empty-schedule svg{width:42px;height:42px;color:#b8aeaa}.empty-schedule h3{font-family:"Noto Serif KR"}.empty-schedule p{color:var(--muted);font-size:.82rem;line-height:1.6}@media(max-width:1050px){.calendar-layout{grid-template-columns:1fr}.date-card{position:static}.calendar-toolbar{align-items:flex-end}}@media(max-width:650px){.reservation-hero{padding:56px 0 52px}.reservation-content{padding-top:42px}.reservation-guide{grid-template-columns:1fr}.reservation-guide>div{padding:14px 17px}.calendar-toolbar{display:grid;gap:14px}.type-filter{width:100%}.type-filter button{flex:1;justify-content:center;padding-inline:8px;font-size:.78rem}.available-toggle{justify-self:end}.calendar,.date-card{padding:17px}.calendar-head h2{font-size:1.12rem}.days .day,.days .empty{min-height:58px}.days .day small{font-size:.56rem}.days .day i{display:none}.legend{gap:11px}.date-status h2{font-size:.9rem}}