@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--gray-900: #191f28;--gray-800: #333d4b;--gray-700: #4e5968;--gray-600: #6b7684;--gray-500: #8b95a1;--gray-400: #adb5bd;--gray-300: #c4cad2;--gray-200: #dde1e6;--gray-150: #e8ebee;--gray-100: #f2f4f6;--gray-75: #f5f7f8;--gray-50: #f9fafb;--white: #fff;--text-1: var(--gray-900);--text-2: var(--gray-700);--text-3: var(--gray-600);--text-disabled: var(--gray-300);--text-faint: var(--gray-400);--accent: oklch(.6 .16 200);--accent-strong: oklch(.45 .12 200);--accent-soft: oklch(.96 .03 200);--accent-ring: oklch(.72 .13 200);--accent-border: oklch(.82 .1 200);--sun: oklch(.55 .19 27);--sat: oklch(.5 .12 200);--star: oklch(.78 .14 80);--danger-text: oklch(.5 .16 27);--danger-bg: oklch(.97 .03 27);--danger-border: oklch(.9 .06 27);--surface: var(--white);--surface-sunken: var(--gray-100);--surface-section: var(--gray-100);--border: var(--gray-200);--border-subtle: var(--gray-100);--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 17px;--fs-2xl: 20px;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--sp-px: 2px;--sp-px2: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-fine: 6px;--gutter: 18px;--tap: 44px;--tap-chip: 40px;--tap-min: 24px;--r-sm: 8px;--r-md: 10px;--r-lg: 13px;--r-sheet: 24px;--r-phone: 36px;--r-pill: 999px;--shadow-phone: 0 18px 50px -16px rgba(20, 28, 42, .28);--shadow-sheet: 0 -12px 44px rgba(0, 0, 0, .2);--shadow-pop: 0 10px 30px -8px rgba(20, 28, 42, .25)}*{box-sizing:border-box}body{margin:0;background:var(--gray-150);color:var(--text-1);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.app-shell{min-height:100vh;display:grid;place-items:center;padding:var(--sp-6)}.phone-app{width:min(100%,430px);height:min(100vh - 48px,860px);min-height:640px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-phone);box-shadow:var(--shadow-phone);display:flex;flex-direction:column;overflow:hidden;position:relative}.top-bar{padding:var(--sp-5) var(--gutter) var(--sp-2)}.top-bar-inner{display:flex;align-items:center;justify-content:space-between}.top-bar h1{font-size:var(--fs-2xl);line-height:1.15;margin:0;letter-spacing:0}.sync-status{display:flex;align-items:center;gap:var(--sp-1)}.sync-label{font-size:var(--fs-2xs);color:var(--text-3);font-weight:var(--fw-medium)}.fresh-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--accent)}.chip-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--gutter) var(--sp-3)}.chip,.filter-button{display:inline-flex;align-items:center;justify-content:center;min-height:33px;border-radius:var(--r-md);padding:var(--sp-fine) var(--sp-3);background:var(--surface-sunken);color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.filter-button{min-width:var(--tap-chip)}.chip.strong{background:var(--gray-150);color:var(--text-1)}.chip.open{background:var(--accent-soft);color:var(--accent-strong)}.chip.active,.chip.strong.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent-border)}.filter-button{margin-left:auto;background:var(--gray-900);color:var(--white);position:relative}.filter-button.active{background:var(--accent)}.filter-button.active:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--white)}.result-list{flex:1 1 auto;overflow:auto;background:var(--surface)}.date-heading{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--gutter);background:var(--surface-section);border-top:1px solid var(--gray-150);border-bottom:1px solid var(--gray-150);font-size:16px;font-weight:var(--fw-bold)}.date-heading .count-pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-extrabold);color:var(--accent-strong);background:var(--accent-soft)}.date-heading .count-pill:before{content:"✓";font-size:10px}.date-heading .count-pill.empty{color:var(--text-3);background:var(--surface-sunken)}.date-heading .count-pill.empty:before{content:none}.studio-row{padding:var(--sp-4) var(--gutter);background:var(--surface);border-bottom:1px solid var(--border-subtle)}.studio-head{display:flex;align-items:center;gap:var(--sp-3)}.studio-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:var(--r-md);overflow:hidden;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-size:var(--fs-lg);font-weight:var(--fw-extrabold)}.studio-avatar img{width:100%;height:100%;object-fit:cover;display:block}.studio-name-area{flex:1 1 auto;min-width:0}.studio-price{flex:0 0 auto;align-self:center;color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap}.studio-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:1.25}.studio-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);margin-top:3px}.studio-area,.studio-reviews{color:var(--text-3);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.meta-dot{color:var(--text-faint)}.review-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-3)}.review-badge{font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-2);background:var(--surface-sunken);border-radius:var(--r-sm);padding:2px var(--sp-2);white-space:nowrap}.studio-chips{display:flex;flex-wrap:wrap;gap:var(--sp-fine);margin-top:var(--sp-3)}.time-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-fine) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-decoration:none;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-border)}.time-chip .chip-arrow{font-size:var(--fs-2xs);opacity:.7}.room-toggle{display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-3);padding:0;border:0;background:none;color:var(--text-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer}.room-toggle-arrow{font-size:var(--fs-2xs);transition:transform .15s ease}.room-toggle.open .room-toggle-arrow{transform:rotate(180deg)}.room-list{margin-top:var(--sp-3);margin-left:var(--sp-5);padding:var(--sp-1) var(--sp-4);background:var(--gray-50);border-left:3px solid var(--accent-ring);border-radius:0 var(--r-md) var(--r-md) 0}.room-row{padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.room-row:last-child{border-bottom:0}.room-info{display:flex;align-items:center;gap:var(--sp-2)}.room-name{color:var(--text-1);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.room-cap{display:inline-flex;align-items:center;gap:3px;padding:1px var(--sp-2);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);white-space:nowrap}.room-cap svg{color:var(--text-3)}.room-price{margin-left:auto;color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.room-chips{display:flex;flex-wrap:wrap;gap:var(--sp-fine);margin-top:var(--sp-2)}.loading-bar{height:2px;background:var(--accent-soft);position:relative;overflow:hidden;flex:0 0 auto}.loading-bar:after{content:"";position:absolute;top:0;bottom:0;width:40%;background:var(--accent);animation:loading-slide 1.1s ease-in-out infinite}@keyframes loading-slide{0%{left:-40%}to{left:100%}}.result-list.is-refreshing{opacity:.55;transition:opacity .15s ease}.skeleton{display:block;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-150) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sk-heading{width:88px;height:13px}.sk-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:var(--r-md)}.sk-title{width:55%;height:15px}.sk-sub{width:32%;height:12px;margin-top:var(--sp-fine)}.sk-price{width:48px;height:13px}.sk-chip{width:64px;height:30px;border-radius:var(--r-md)}.sk-chip:nth-child(2){width:84px}.sk-chip:nth-child(3){width:56px}@media (prefers-reduced-motion: reduce){.skeleton,.loading-bar:after{animation:none}}.empty-day{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--gutter);background:var(--gray-50);border-bottom:1px solid var(--border-subtle);color:var(--text-3);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.empty-day button{flex:0 0 auto;background:transparent;color:var(--accent-strong);font-size:var(--fs-sm);font-weight:var(--fw-extrabold)}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);text-align:center}.empty-icon{width:66px;height:66px;border-radius:var(--r-sheet);display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-faint)}.empty-state h2{margin:var(--sp-4) 0 0;font-size:var(--fs-xl);font-weight:var(--fw-extrabold);letter-spacing:-.03em}.empty-state p{margin:var(--sp-2) 0 0;color:var(--text-3);font-size:var(--fs-sm);line-height:1.55}.empty-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-6)}.empty-actions button,.filter-chips button{display:inline-flex;align-items:center;min-height:var(--tap-chip);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);background:var(--surface-sunken);color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-extrabold)}.error-banner{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--gutter);background:var(--danger-bg);border-top:1px solid var(--danger-border);border-bottom:1px solid var(--danger-border);color:var(--danger-text);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.sheet-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.sheet-dim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:#11161f80}.filter-sheet{position:absolute;left:0;right:0;bottom:0;height:90%;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-sheet)}.sheet-drag{flex:0 0 auto;cursor:grab;touch-action:none}.sheet-drag:active{cursor:grabbing}.sheet-handle{width:38px;height:4px;margin:var(--sp-2) auto var(--sp-px);border-radius:2px;background:var(--gray-200)}.filter-sheet header,.filter-sheet footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.filter-sheet header h2{margin:0;font-size:var(--fs-xl)}.filter-sheet header button{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-1);background:transparent;color:var(--text-3);font-size:var(--fs-sm);font-weight:var(--fw-extrabold)}.sheet-body{flex:1 1 auto;overflow:auto;padding:var(--sp-px2) var(--sp-5) var(--sp-4)}.filter-group h3{margin:var(--sp-4) 0 var(--sp-2);font-size:var(--fs-sm)}.filter-hint{font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-3);margin-left:var(--sp-1)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.filter-chips .selected,.filter-group .selected{color:var(--white);background:var(--accent)}.check-icon{font-size:var(--fs-2xs)}.time-range-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.time-range-row select{flex:1;border:1.5px solid var(--gray-150);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-md);font-weight:var(--fw-bold);font-family:inherit;color:var(--text-1);background:var(--surface);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23adb5bd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.time-sep{color:var(--text-faint);font-weight:var(--fw-bold);flex:0 0 auto}.preset-chips{display:flex;gap:var(--sp-fine);flex-wrap:wrap}.preset-chips button{display:inline-flex;align-items:center;min-height:var(--tap-chip);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:var(--sp-fine) var(--sp-3);border-radius:var(--r-sm);background:var(--surface-sunken);color:var(--text-3)}.preset-chips button.selected{color:var(--white);background:var(--accent)}.people-control{margin-top:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3)}.people-control span{margin-right:auto;font-size:var(--fs-sm);font-weight:var(--fw-extrabold)}.people-control button{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-2);font-size:var(--fs-xl);font-weight:var(--fw-extrabold)}.filter-sheet footer{gap:var(--sp-3);border-top:1px solid var(--border-subtle);border-bottom:0;padding-bottom:var(--sp-6)}.filter-sheet footer button{height:50px;border-radius:var(--r-lg);font-size:var(--fs-lg);font-weight:var(--fw-extrabold)}.filter-sheet .secondary{flex:0 0 auto;padding:0 var(--sp-4);color:var(--text-2);background:var(--surface-sunken)}.filter-sheet .primary{flex:1 1 auto;color:var(--white);background:var(--accent)}.popover-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.popover-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:transparent}.popover{position:absolute;max-height:72%;overflow:auto;padding:var(--sp-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);transform-origin:top left;animation:popover-in .14s ease}.popover.padded{padding:var(--sp-3)}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}}.popover-option{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:transparent;color:var(--text-1);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:left}.popover-option:hover{background:var(--surface-sunken)}.popover-option.selected{color:var(--accent-strong);font-weight:var(--fw-extrabold)}.popover-option .pop-check{flex:0 0 auto;color:var(--accent);font-size:var(--fs-sm)}.calendar{margin-top:var(--sp-1)}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.calendar-nav span{font-size:var(--fs-md);font-weight:var(--fw-bold)}.calendar-nav button{width:var(--tap);height:var(--tap);border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-2);font-size:var(--fs-xl);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center}.calendar-nav button:disabled{opacity:.3;cursor:not-allowed}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-header{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-3);padding:var(--sp-1) 0 var(--sp-2)}.cal-header.sun{color:var(--sun)}.cal-header.sat{color:var(--sat)}.cal-day{width:100%;aspect-ratio:1;border-radius:50%;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-1);background:transparent;display:flex;align-items:center;justify-content:center}.cal-day.sun{color:var(--sun)}.cal-day.sat{color:var(--sat)}.cal-day.today{border:1.5px solid var(--accent-ring);color:var(--accent-strong)}.cal-day.selected{background:var(--accent);color:var(--white);font-weight:var(--fw-extrabold)}.cal-day.disabled{color:var(--text-disabled);cursor:not-allowed}.cal-chips{display:flex;flex-wrap:wrap;gap:var(--sp-fine);margin-top:var(--sp-2)}.cal-chip{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-border);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm)}.cal-chip button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);margin:calc(var(--sp-1) * -1) calc(var(--sp-1) * -1) calc(var(--sp-1) * -1) 0;background:transparent;color:var(--accent-strong);font-size:var(--fs-md);line-height:1}@media (max-width: 520px){body{background:var(--surface)}.app-shell{padding:0}.phone-app{width:100%;height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.top-bar{padding-top:env(safe-area-inset-top,0px)}}