.header-search-brand{transition:opacity .12s}.header-search-idle .header-search-brand{opacity:1}.demo-topbar{padding-bottom:3px}.demo-content{padding-top:17px}.demo-content-mine{padding-top:10px}.demo-topbar:has(.header-search-idle){padding-bottom:0}.demo-filter{margin-top:16px;margin-inline:-20px}.demo-filter .ds-tabs{scrollbar-width:none;padding-inline:20px}.demo-filter .ds-chip{scroll-margin-inline:20px}.demo-filter .ds-tabs::-webkit-scrollbar{display:none}.program-calendar{margin-top:20px}.program-date-scroll{scrollbar-width:none;overscroll-behavior-x:contain;gap:6px;margin-inline:-20px;padding:2px 20px;display:flex;position:relative;overflow-x:auto}.program-date-scroll::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.program-date-scroll,.program-date-scroll .program-date{cursor:grab}.program-date-scroll.is-dragging,.program-date-scroll.is-dragging .program-date{cursor:grabbing;-webkit-user-select:none;user-select:none}}.program-date{background:var(--ds-canvas);min-height:54px;color:var(--ds-ink);border:1px solid #0000;border-radius:13px;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:3px;display:flex}.program-date>span{color:var(--ds-muted);font-size:10px;line-height:1.2}.program-date>strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:1.2}.program-date>small{font-size:8px;line-height:1}.program-date.is-sunday,.program-date.is-sunday>span{color:#ef6a59}.program-date.is-saturday,.program-date.is-saturday>span{color:#5278ed}.program-date[aria-pressed=true]{background:var(--ds-blue);color:#fff}.program-date[aria-pressed=true]>span{color:#fff}.program-date[aria-disabled=true],.program-date[aria-disabled=true]>span{color:var(--ds-muted);opacity:.45;cursor:default}.program-day-group+.program-day-group{margin-top:10px}.program-day-group h3{color:var(--ds-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.program-day-group h3 span{font-size:10px;font-weight:400}.activity-card-compact .activity-pattern{grid-row:1}.activity-card-compact .activity-card-bottom{margin-top:6px}.demo-content-profile>.member-profile{padding-top:0}.header-search-bar{transition:width .3s cubic-bezier(.2,.8,.2,1),background-color .12s,border-color .12s}.header-search-expanding .header-search-bar,.header-search-open .header-search-bar{background:var(--ds-paper);width:100%}.header-search-idle .header-search-bar,.header-search-closing .header-search-bar{background:0 0;border-color:#0000}.header-search-bar input{transition:opacity .12s}.header-search-open .header-search-bar input{opacity:1}.header-search-expanding .header-search-bar input,.header-search-open .header-search-bar input{padding-left:40px}.header-search-bar button svg{transition:opacity .12s}.header-search-circle button svg,.header-search-expanding button svg,.header-search-collapsing button svg,.header-search-closing button svg{opacity:0}@media (prefers-reduced-motion:reduce){.header-search *{transition:none!important}}.demo-fixed-shell{--app-nav-height:calc(53px + max(4px,env(safe-area-inset-bottom)));flex-direction:column;height:100dvh;display:flex;overflow:hidden;padding-bottom:var(--app-nav-height)!important}.demo-nav{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}.demo-nav>button{gap:4px;min-height:48px;padding:4px 8px}.demo-nav svg{width:26px;height:26px}.demo-fixed-shell.demo-search-shell{padding-bottom:0!important}.demo-fixed-shell>.demo-topbar{flex-shrink:0}.demo-fixed-shell>.demo-content{overscroll-behavior-y:none;flex:1;min-height:0;overflow-y:auto}.demo-list-pane{flex:1;min-height:0;position:relative;overflow:hidden}.demo-list-viewport{overscroll-behavior-y:none;height:100%;overflow-y:auto}.demo-list-body{min-height:100%!important}.demo-pull-indicator{color:var(--ds-blue);pointer-events:none;justify-content:center;transition:opacity .18s ease-out;display:flex;position:absolute;top:14px;left:0;right:0}@keyframes refresh-ring{0%{transform:rotate(var(--refresh-start))}to{transform:rotate(calc(var(--refresh-start) + 360deg))}}.demo-refresh-ring.is-refreshing{animation:.8s linear infinite refresh-ring}@media (prefers-reduced-motion:reduce){.demo-list-body{transition:none!important}}.account-access label>input{margin-top:12px;display:block}.account-access>form[aria-label=전화번호\ 변경]{margin-top:20px}
.demo-base-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:clip}.demo-fixed-shell{padding-bottom:0!important}.demo-fixed-shell>.demo-base-view{padding-bottom:var(--app-nav-height);flex:0 0 100dvh}.demo-fixed-shell.demo-search-shell>.demo-base-view{padding-bottom:0}.demo-tab-viewport{background:var(--ds-paper);flex-direction:column;flex:1;min-height:0;display:flex}.demo-tab-viewport>.demo-topbar{flex-shrink:0}.demo-tab-viewport>.demo-content{overscroll-behavior-y:none;flex:1;min-height:0;overflow-y:auto}.demo-list-viewport,.demo-tab-viewport>.demo-content{scrollbar-width:none}.demo-list-viewport::-webkit-scrollbar{display:none}.demo-tab-viewport>.demo-content::-webkit-scrollbar{display:none}.demo-tab-outgoing{z-index:1;pointer-events:none;position:absolute;inset:0}.demo-tab-viewport.demo-tab-outgoing{bottom:var(--app-nav-height)}.demo-search-shell .demo-tab-viewport.demo-tab-outgoing{bottom:0}
.member-profile-editor>.k-panel,.member-profile-menu>.k-panel{visibility:visible;background:var(--ds-paper);border-radius:0;width:100%;height:100%;max-height:none;transition:none;position:absolute;left:0;overflow-y:auto;transform:none;box-shadow:-4px 0 16px #1519230f}.member-profile-editor[data-closing=true]>.k-panel,.member-profile-menu[data-closing=true]>.k-panel{pointer-events:none}.member-profile-editor:focus,.member-profile-menu:focus,#profile-menu-title:focus{outline:none}#profile-menu-title{transform:translateY(1.5px)}@media (prefers-reduced-motion:reduce){.member-profile-editor>.k-panel,.member-profile-menu>.k-panel{transition-duration:1ms}}.member-profile-editor::backdrop,.member-profile-menu::backdrop{background:0 0}.member-profile-menu>.member-profile-support-panel{overflow:hidden}.profile-support-view{background:var(--ds-paper);z-index:1;height:100%;position:relative;overflow-y:auto}.page-underlay{z-index:0;pointer-events:none;position:absolute;inset:0}.profile-support-view.demo-tab-outgoing{z-index:1;pointer-events:none;position:absolute;inset:0}.member-profile-menu[data-presentation=sheet]>.k-panel{box-shadow:none;transition:transform .4s cubic-bezier(.22,.61,.36,1);transform:translateY(100%)}.member-profile-menu[data-presentation=sheet][data-opened=true]>.k-panel{transform:translateY(0)}.member-profile-menu[data-presentation=sheet][data-closing=true]>.k-panel{transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.member-profile-menu[data-presentation=sheet]>.k-panel{transition:none;transform:none}}
.schedule-join-sheet{border:1px solid var(--ds-line);background:var(--ds-paper);width:min(100%,480px);max-width:none;max-height:85dvh;color:var(--ds-ink);border-bottom:0;border-radius:24px 24px 0 0;margin:0;padding:10px 20px 0;position:fixed;inset:auto auto 0 50%;overflow:hidden;transform:translate(-50%)}.schedule-join-sheet[open]{flex-direction:column;animation:.24s cubic-bezier(.22,.8,.25,1) schedule-join-enter;display:flex}.schedule-join-sheet[open][data-closing=true]{pointer-events:none;animation:.2s cubic-bezier(.4,0,1,1) forwards schedule-join-exit}.schedule-join-sheet[data-closing=true]::backdrop{animation:.2s ease-out forwards schedule-join-backdrop-exit}.schedule-join-sheet::backdrop{background:#00000038}.schedule-join-handle{background:var(--ds-line);border-radius:4px;width:32px;height:4px;margin:0 auto 10px}.schedule-join-toolbar{flex-shrink:0;justify-content:flex-end;display:flex}.schedule-join-heading{justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.schedule-join-heading h2{letter-spacing:-.3px;overflow-wrap:anywhere;flex:1;align-items:center;gap:8px;min-width:0;margin:0;font-size:17px;font-weight:600;line-height:1.5;display:flex}.schedule-join-toolbar button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin-right:-10px;display:grid}.schedule-join-address{color:var(--ds-muted);overflow-wrap:anywhere;margin:2px 0 16px;font-size:15px;line-height:1.6}.schedule-join-body{overscroll-behavior:contain;align-content:start;gap:16px;min-height:0;padding-bottom:16px;display:grid;overflow-y:auto}.schedule-gallery-container{border-radius:14px;overflow:hidden}.schedule-gallery::-webkit-scrollbar{display:none}.schedule-join-image{aspect-ratio:1;object-fit:cover;scroll-snap-align:start;background:var(--ds-canvas);flex:0 0 100%;width:100%;height:auto}.schedule-join-image>.ds-image-placeholder{background:var(--ds-canvas)}.schedule-join-meta{color:var(--ds-muted);gap:16px;margin:0;font-size:15px;line-height:1.6;display:grid}.schedule-join-meta p{letter-spacing:-.3px;color:var(--ds-ink);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;line-height:1.5;display:flex}.schedule-join-capacity{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.schedule-join-meta svg{flex-shrink:0}.schedule-join-action{padding:16px 0 max(24px,env(safe-area-inset-bottom));border-top:1px solid var(--ds-line);background:var(--ds-paper);flex-shrink:0}.schedule-join-action .ds-button{width:100%;min-height:48px}.schedule-join-action.is-cancellation .ds-button-outline{background:var(--ds-paper);border-color:var(--ds-blue);color:var(--ds-blue)}.schedule-join-error{color:var(--ds-ink);margin:0 0 16px;font-size:13px;line-height:1.6}.schedule-application-regions{border:0;gap:10px;margin:0 0 24px;padding:0;display:grid}.schedule-application-regions legend{margin-bottom:16px;font-size:15px;font-weight:600}.schedule-application-regions label{border:1px solid var(--ds-line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:52px;padding:12px 14px;font-size:14px;display:flex}.schedule-application-regions label:has(input:checked){border-color:var(--ds-blue);background:var(--ds-blue-soft)}.schedule-application-regions input{accent-color:var(--ds-blue)}.schedule-application-regions .is-disabled{opacity:.4;cursor:default}.schedule-application-regions small{margin-left:auto;font-size:11px}.schedule-application-summary{gap:10px;margin-bottom:20px;padding:0;font-size:15px;display:grid}.schedule-join-status{background:var(--ds-blue-soft);color:var(--ds-blue);border-radius:8px;justify-self:start;padding:5px 10px;font-size:13px}.schedule-application-summary p{margin:0;line-height:1.7}.schedule-application-summary button{color:var(--ds-muted);background:0 0;border:0;justify-self:end;font-size:12px;text-decoration:underline}.schedule-join-heading h2 svg{flex-shrink:0}.schedule-join-heading .demo-map-link{border:1px solid var(--ds-line);background:var(--ds-canvas);min-height:32px;color:var(--ds-ink);border-radius:12px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none}.schedule-application-complete{text-align:center;justify-items:center;gap:12px;padding:12px 0 28px;display:grid}.schedule-application-complete svg{color:var(--ds-blue)}.schedule-application-complete h3{margin:0;font-size:20px}.schedule-application-complete p{color:var(--ds-muted);margin:0;font-size:13px}@keyframes schedule-join-enter{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes schedule-join-exit{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}@keyframes schedule-join-backdrop-exit{0%{background:#00000038}to{background:0 0}}@media (prefers-reduced-motion:reduce){.schedule-join-sheet[open]{flex-direction:column;animation:none;display:flex}}
.demo-event-list{--schedule-list-gap:24px;row-gap:var(--schedule-list-gap);margin-top:var(--schedule-list-gap)}.activity-card{color:var(--ds-ink);box-shadow:none;background:0 0;border:0;border-radius:0}.activity-card-open{border-radius:inherit;width:100%;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;padding:0;display:grid}.activity-card-media{border-radius:12px;width:88px;height:88px;display:block;position:relative;overflow:hidden}.activity-card-full-overlay{color:#fff;background:#0008;place-items:center;font-size:12px;font-weight:500;display:grid;position:absolute;inset:0}.activity-card-capacity-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6.5px;display:flex}.activity-card-waitlist{background:var(--ds-blue-soft);color:var(--ds-blue);white-space:nowrap;border-radius:6px;padding:3px 6px;font-size:12px;font-weight:500;line-height:1.5}.activity-card-thumbnail{object-fit:cover;border-radius:12px;width:88px;height:88px;display:block}.activity-card-placeholder{background:var(--ds-canvas);color:var(--ds-muted);place-items:center;display:grid}.activity-card-content{box-sizing:border-box;flex-direction:column;justify-content:flex-start;min-width:0;min-height:88px;padding-block:4px;display:flex}.activity-card-open:focus-visible{outline:2px solid var(--ds-blue);outline-offset:-2px}.activity-card-joined{background:var(--ds-blue-soft);color:var(--ds-blue);letter-spacing:0;white-space:nowrap;border-radius:6px;align-self:flex-start;margin-top:6.5px;padding:3px 6px;font-size:12px;font-weight:500}.activity-card-date{white-space:nowrap;color:var(--ds-ink);flex-shrink:0;font-size:16px;font-weight:700;line-height:1.4}.activity-card-date-time{white-space:nowrap;align-items:baseline;gap:6px;margin-top:6.5px;display:flex}.activity-card-time{white-space:nowrap;letter-spacing:-.2px;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:16px;font-weight:700;line-height:1.4}.activity-card-place{text-overflow:ellipsis;min-width:0;color:var(--ds-ink);white-space:nowrap;font-size:18px;font-weight:700;line-height:1.4;overflow:hidden}.activity-card-occupancy{white-space:nowrap;color:var(--ds-ink);flex-shrink:0;align-items:center;gap:5px;font-size:15px;font-weight:500;line-height:1.5;display:flex}@media (max-width:360px){.activity-card-open{grid-template-columns:68px minmax(0,1fr);gap:12px;padding:0}.activity-card-media{width:68px;height:68px}.activity-card-thumbnail{border-radius:12px;width:68px;height:68px}.activity-card-content{min-height:68px}.activity-card-occupancy{gap:3px}}.activity-pattern{grid-area:1/2/3;place-self:center;width:48px;height:30px}.activity-pattern b{background:var(--ds-blue-soft);display:block}.activity-pattern-running{align-items:center;gap:3px;display:flex}.activity-pattern-running b{border-radius:50%;width:5px;height:5px;transform:translateY(-4px)}.activity-pattern-running b:nth-child(2n){transform:translateY(4px)}.activity-pattern-running b:nth-last-child(-n+2){background:var(--ds-blue)}.activity-pattern-reading{flex-direction:column;justify-content:center;gap:4px;display:flex}.activity-pattern-reading b{transform-origin:0;border-radius:1px;width:100%;height:3px}.activity-pattern-reading b:nth-child(2){background:var(--ds-blue);width:82%}.activity-pattern-reading b:last-child{width:58%}.activity-pattern-working{grid-template-rows:repeat(3,7px);grid-template-columns:repeat(3,7px);gap:4px;width:29px;height:29px;display:grid}.activity-pattern-working b{border-radius:2px}.activity-pattern-working b:first-child,.activity-pattern-working b:nth-child(4),.activity-pattern-working b:nth-child(7),.activity-pattern-working b:nth-child(8){background:var(--ds-blue)}
.policy-sheet{width:min(100%,480px);max-width:none;height:100dvh;max-height:none;color:var(--ds-ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0 auto 0 50%;overflow:hidden;transform:translate(-50%)}.policy-sheet>.policy-sheet-panel{visibility:visible;background:var(--ds-paper);border-radius:0;width:100%;height:100%;max-height:none;transition:none;position:absolute;inset:0;overflow-y:auto;transform:translate(0,0)}.policy-sheet::backdrop{background:0 0}.policy-document main{width:100%;padding:24px 0 0}.policy-document *{color:var(--ds-ink);border-color:var(--ds-line)}.policy-document a{color:var(--ds-blue)}.policy-document h1{font-size:24px;line-height:1.4}.policy-document h2{font-size:18px;line-height:1.5}.policy-document p{font-size:14px;line-height:1.8}.policy-document table{overflow-wrap:anywhere;min-width:0;font-size:12px}.policy-document th,.policy-document td{padding:8px}
.my-calendar{padding-bottom:12px}.my-calendar-heading{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;height:20px;display:grid}.my-calendar-heading h2{text-align:center;letter-spacing:-.5px;margin:0;font-size:19px;font-weight:750;line-height:20px}.my-calendar-heading>button{min-width:40px;height:44px;color:var(--ds-ink);background:0 0;border:0;place-items:center;margin-block:-12px;font-size:12px;display:grid}.my-calendar-summary{background:var(--ds-blue-soft);color:var(--ds-blue);border-radius:16px;justify-content:space-between;align-items:center;margin:20px 0;padding:15px 18px;font-size:13px;display:flex}.my-calendar-summary strong{font-size:26px;line-height:1}.my-calendar-summary small{margin-left:4px;font-size:12px;font-weight:500}.my-calendar-weekdays,.my-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.my-calendar-weekdays{text-align:center;color:var(--ds-muted);margin-bottom:8px;font-size:12px;font-weight:500}.my-calendar-weekdays>span{font-size:12px;font-weight:500;line-height:1.2}.my-calendar-weekdays span:first-child{color:#d36c70}.my-calendar-grid{gap:4px 2px}.my-calendar-day{min-width:0;min-height:82px;color:var(--ds-ink);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:8px 0;display:flex}.my-calendar-day.is-selected{border-color:var(--ds-blue);background:var(--ds-blue-soft)}.my-calendar-number{place-items:center;width:24px;height:24px;font-size:16px;font-weight:600;display:grid}.my-calendar-day.is-today .my-calendar-number{background:var(--ds-blue);color:#fff;border-radius:50%}.my-calendar-stamp{border:1.5px solid var(--ds-blue);width:34px;height:34px;color:var(--ds-blue);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotate(-9deg)}.my-calendar-stamp small{font-size:8px;line-height:1}.my-calendar-stamp.is-past{border:0}.my-calendar-stamp.is-past img{object-fit:contain;width:34px;height:34px;display:block}.my-calendar-stamp.is-waiting{border-style:dashed;border-color:var(--ds-muted);color:var(--ds-muted)}.my-calendar-selected{border-top:1px solid var(--ds-line);padding-top:20px}.my-calendar-selected h3{justify-content:space-between;align-items:center;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.my-calendar-selected h3 span{color:var(--ds-muted);font-size:12px;font-weight:400}.my-calendar-empty{justify-items:center;gap:12px;padding:20px 0;display:grid}.my-calendar-empty p{color:var(--ds-muted);margin:0;font-size:13px}.my-calendar-empty button{border:1px solid var(--ds-line);background:var(--ds-paper);min-height:44px;color:var(--ds-blue);border-radius:24px;padding:0 16px;font-size:13px}.my-calendar-sheet .my-calendar-selected{padding-top:0;padding-bottom:max(24px,env(safe-area-inset-bottom));border-top:0}.my-calendar-sheet .my-calendar-selected h3{margin-bottom:0}.my-calendar-grid.is-changing-month .my-calendar-day{animation:.22s ease-out both my-calendar-reveal}@keyframes my-calendar-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.my-calendar-grid.is-changing-month .my-calendar-day{animation:none}}
.program-demo{background:var(--ds-canvas);min-height:100dvh}.program-demo-page{max-width:480px;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:#fff;margin:auto}.program-demo-header{justify-content:space-between;align-items:center;min-height:44px;display:flex}.program-demo-tag,.program-eyebrow{letter-spacing:.14em;color:var(--ds-blue);font-size:10px}.program-demo-tag{border:1px solid var(--ds-line);border-radius:20px;padding:5px 9px}.program-onboarding{padding-top:24px}.program-step{color:var(--ds-muted);gap:12px;font-size:11px;display:grid}.program-step progress{appearance:none;background:var(--ds-line);width:100%;height:3px;color:var(--ds-blue);border:0}.program-step progress::-webkit-progress-bar{background:var(--ds-line)}.program-step progress::-webkit-progress-value{background:var(--ds-blue)}.program-step progress::-moz-progress-bar{background:var(--ds-blue)}.program-eyebrow{margin-top:40px}.program-onboarding h1,.program-home-title{letter-spacing:-.04em;font-size:30px;font-weight:700;line-height:1.2}.program-onboarding h1{margin-top:12px}.program-description{color:var(--ds-muted);margin-top:16px;font-size:13px;line-height:1.7}.program-choices{gap:10px;margin-top:28px;display:grid}.program-choices button{border:1px solid var(--ds-line);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;min-height:56px;padding:14px 16px;font-size:14px;display:flex}.program-choices button[aria-pressed=true]{border-color:var(--ds-blue);color:var(--ds-blue);background:var(--ds-blue-soft)}.program-onboarding-actions{text-align:center;gap:18px;margin-top:32px;font-size:12px;display:grid}.program-member-details{gap:24px;margin-top:28px;display:grid}.program-member-details legend{font-size:15px;font-weight:600}.program-gender-choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.program-gender-choices label{border:1px solid var(--ds-line);border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:12px 16px;display:flex}.program-gender-choices label:has(input:checked){border-color:var(--ds-blue);background:var(--ds-blue-soft)}.program-gender-choices input{accent-color:var(--ds-blue)}