.community-tabs{border-bottom:1px solid var(--color-border-subtle);display:flex}.community-tab{min-height:48px;color:var(--color-ink-secondary);font-size:var(--text-body-sm);background:0 0;border-bottom:2px solid #0000;flex:1;font-weight:700}.community-tab[aria-pressed=true]{color:var(--color-brand-700);border-bottom-color:var(--color-brand-500)}.community-chat-search{margin-top:var(--spacing-3);justify-content:flex-end;display:flex}.community-chat-search.is-open{align-items:center;gap:var(--spacing-2)}.community-chat-search.is-open .ui-field{flex:1;min-width:0}.community-chat-search>.ui-button--ghost{padding-right:0}.community-card{border:1px solid var(--color-border-subtle);overflow-wrap:anywhere}.community-card>:first-child{flex-wrap:wrap}.community-card button{min-height:44px}.community-card .ui-button__content{min-width:0}.community-card .ui-button{white-space:normal}.community-card .flex{min-width:0}.community-feed-actions{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-2);border-top:1px solid var(--color-border-subtle);color:var(--color-ink-secondary);font-size:var(--text-label);flex-wrap:wrap;display:flex}.community-feed-actions .ui-button{padding-inline:var(--spacing-2);white-space:nowrap;flex-shrink:0}.community-feed-actions .ui-button__content{white-space:nowrap}.community-image-add .ui-button__content{white-space:nowrap;flex-direction:column}.community-loading{justify-items:center;gap:var(--spacing-3);padding:var(--spacing-10) var(--space-page);color:var(--color-ink-secondary);font-size:var(--text-body-sm);display:grid}.community-backdrop{z-index:var(--z-backdrop);background:var(--color-overlay);position:fixed;inset:0}.community-dialog.full-screen-page{overflow-wrap:anywhere;flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.community-dialog-header{align-items:center;gap:var(--spacing-3);min-height:var(--app-header-total-height);padding:calc(var(--safe-top) + var(--spacing-2)) var(--space-page) var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);flex:none;display:flex}.community-dialog-header:has(>strong){justify-content:space-between}.community-dialog-header>strong{font-size:var(--text-app-title)}.community-dialog-header>div.flex:not(.ml-auto){width:100%;min-width:0}.community-dialog-header .ui-button{padding-inline:var(--spacing-3);flex-shrink:0}.community-dialog-header .ui-button__content{gap:var(--spacing-1)}.community-dialog-body{overscroll-behavior:contain;min-height:0;padding-bottom:calc(var(--spacing-6) + var(--safe-bottom))}.community-dialog-body .ui-input{min-width:0}.community-dialog-body select.ui-input{padding:var(--spacing-3)}.community-dialog-body select.community-option-select{appearance:none;padding-right:var(--spacing-12);padding-left:var(--spacing-4)}.community-dialog-body .ui-textarea{font-size:var(--text-body)}.community-dialog-body button{min-height:44px}.community-dialog-body .ui-button{white-space:normal}.community-dialog-footer{padding:var(--spacing-3) var(--space-page) calc(var(--spacing-3) + var(--safe-bottom));border-top:1px solid var(--color-border-subtle);background:var(--color-surface);flex:none}.community-dialog-footer .ui-textarea{min-width:0;min-height:48px;max-height:144px;font-size:var(--text-body)}.community-dialog-footer .ui-button{white-space:normal}.community-dialog-footer+*{flex-shrink:0}.community-dialog :is(.whitespace-pre-wrap,p){overflow-wrap:anywhere}.community-dialog .ui-chip{white-space:normal}.community-dialog button:focus-visible,.community-card button:focus-visible,.community-tab:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.community-message{max-width:calc(100% - var(--spacing-10));min-width:0}.community-request-body{min-height:0;padding-block:var(--spacing-6);justify-content:flex-start;overflow-y:auto}.community-chat-list{border:1px solid var(--color-border-subtle);overflow:hidden}.community-chat-list>button{background:var(--color-surface)}.community-chat-list>button:hover{background:var(--color-surface-subtle)}.community-course-preview-backdrop{z-index:var(--z-dialog)}.community-course-preview{max-width:var(--app-max-width);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--spacing-8));overscroll-behavior:contain;padding:var(--spacing-5);position:relative;overflow-y:auto}.community-course-preview-close{top:var(--spacing-3);right:var(--spacing-3);position:absolute}.community-course-preview-title{padding-right:var(--spacing-12)}.community-course-preview-title h2{margin:var(--spacing-3) 0 var(--spacing-2);font-size:var(--text-section-title);line-height:var(--text-section-title--line-height);overflow-wrap:anywhere;font-weight:800}.community-course-preview-title p{color:var(--color-ink-secondary);font-size:var(--text-caption)}.community-course-preview-map{height:220px;margin-top:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.community-course-preview-stats{margin-top:var(--spacing-4);padding-block:var(--spacing-4);border-block:1px solid var(--color-border-subtle);font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.community-course-preview-stats div{gap:var(--spacing-2);text-align:center;flex-direction:column;display:flex}.community-course-preview-stats div+div{border-left:1px solid var(--color-border-subtle)}.community-course-preview-stats span,.community-course-preview-stats small{color:var(--color-ink-secondary);font-size:var(--text-caption)}.community-course-preview-stats strong{font-size:var(--text-card-title)}.community-course-preview-stats small{margin-left:var(--spacing-0-5)}.community-course-preview-description{margin-top:var(--spacing-4);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-ink-secondary);overflow-wrap:anywhere}.community-course-preview-waypoints{margin-top:var(--spacing-5);padding:var(--spacing-4);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.community-course-preview-waypoints>strong{font-size:var(--text-card-title)}.community-course-preview-waypoints ol{gap:var(--spacing-3);margin-top:var(--spacing-4);padding:0;list-style:none;display:grid}.community-course-preview-waypoints li{align-items:center;gap:var(--spacing-3);display:flex}.community-course-preview-waypoints li>span{flex:0 0 var(--spacing-6);height:var(--spacing-6);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-caption);place-items:center;font-weight:700;display:grid}.community-course-preview-waypoints p,.community-course-preview-waypoints small{color:var(--color-ink-secondary);font-size:var(--text-caption);overflow-wrap:anywhere}.community-course-preview-actions{gap:var(--spacing-3);margin-top:var(--spacing-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.community-course-preview-state{place-items:center;gap:var(--spacing-3);min-height:260px;padding:var(--spacing-8);color:var(--color-ink-secondary);font-size:var(--text-body-sm);text-align:center;display:grid}@media (width<=360px){.community-dialog-header{gap:var(--spacing-2);flex-wrap:wrap}.community-dialog-header .ml-auto{gap:var(--spacing-1)}.community-dialog-header .ui-button{padding-inline:var(--spacing-2)}.community-dialog-body .grid-cols-2{grid-template-columns:minmax(0,1fr)}.community-card>.mt-4.flex{gap:var(--spacing-3);flex-wrap:wrap}}.my-screen{min-height:100%;color:var(--color-ink);background:var(--color-canvas)}.my-header .ui-button--icon{color:var(--color-ink);background:0 0}.my-header .app-header__trailing:empty:after{content:"";width:44px}.my-content{padding:calc(var(--app-header-total-height) + var(--spacing-6)) max(var(--space-page), var(--safe-right)) var(--spacing-8) max(var(--space-page), var(--safe-left))}.my-home-content{gap:var(--spacing-6);display:grid}.my-error,.form-error{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);color:var(--color-danger);background:var(--color-danger-subtle);font-size:var(--text-caption);text-align:center;margin:0;line-height:1.125rem}.my-loading{justify-content:center;align-items:center;gap:var(--spacing-3);min-height:240px;color:var(--color-ink-secondary);font-size:var(--text-label);flex-direction:column;display:flex}.my-empty.ui-state{min-height:240px;box-shadow:none;border:0}.my-profile{padding:var(--spacing-4) var(--spacing-5) var(--spacing-5);text-align:center;flex-direction:column;align-items:center;display:flex}.avatar-edit,.profile-avatar{width:max-content;margin:0 auto var(--spacing-3);background:0 0;border:0;padding:0;display:block;position:relative}.my-avatar{border:3px solid var(--color-surface);border-radius:var(--radius-full);color:#fff;background:var(--color-brand-400) center / cover no-repeat;width:64px;height:64px;box-shadow:var(--shadow-1);font-size:var(--text-page-title);place-items:center;font-weight:800;display:grid;overflow:hidden}.my-avatar.large{width:96px;height:96px;font-size:var(--text-display)}.avatar-edit>span,.profile-avatar>span{border:2px solid var(--color-surface);border-radius:var(--radius-full);color:#fff;background:var(--color-brand-500);place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:0;right:0}.my-profile h2{font-size:var(--text-section-title);margin:0;font-weight:800;line-height:1.75rem}.my-profile p{margin:var(--spacing-1) 0 var(--spacing-3);color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.25rem}.my-profile .ui-badge{color:var(--color-brand-700);background:var(--color-brand-050)}.my-stats,.summary-cards{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.my-stats>div,.summary-cards>div{min-width:0;min-height:96px;padding:var(--spacing-3) var(--spacing-1);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;display:flex}.my-stats>div+div,.summary-cards>div+div{border-left:1px solid var(--divider-color)}.my-stats span,.summary-cards span{color:var(--color-ink-secondary);font-size:var(--text-caption);line-height:1.125rem}.my-stats strong,.summary-cards b{margin-top:var(--spacing-1);color:var(--color-ink);font-size:var(--text-section-title);font-weight:800;line-height:1.75rem}.my-stats small{margin-left:var(--spacing-0-5);color:var(--color-ink-secondary);font-size:var(--text-caption);font-weight:600}.my-menu,.setting-group>div{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.my-menu a,.setting-group a,.setting-button{align-items:center;gap:var(--spacing-3);width:100%;min-height:76px;padding:var(--spacing-3) var(--spacing-4);color:var(--color-ink);background:var(--color-surface);text-align:left;grid-template-columns:44px minmax(0,1fr) 24px;text-decoration:none;display:grid}.my-menu a+a,.setting-group a+a,.setting-button+.setting-button{border-top:1px solid var(--divider-color)}.my-menu a>span:first-child,.setting-group a>span:first-child,.setting-button>span:first-child{border-radius:var(--radius-control);width:40px;height:40px;color:var(--color-brand-500);background:var(--color-brand-050);place-items:center;display:grid}.my-menu-copy{min-width:0}.my-menu-copy b,.my-menu-copy small{display:block}.my-menu-copy b{font-size:var(--text-body);font-weight:700;line-height:1.375rem}.my-menu-copy small{margin-top:var(--spacing-0-5);color:var(--color-ink-secondary);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;line-height:1.125rem;overflow:hidden}.section-head{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.section-head h2,.report-title{font-size:var(--text-section-title);margin:0;font-weight:800;line-height:1.75rem}.section-head a,.header-action{align-items:center;gap:var(--spacing-1);min-height:44px;color:var(--color-brand-700);font-size:var(--text-label);font-weight:700;text-decoration:none;display:inline-flex}.visit-head{margin-top:var(--spacing-8)}.run-list,.visit-list,.trip-list{gap:var(--spacing-3);display:grid}.run-row,.visit-card,.trip-list>a{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface);grid-template-columns:88px minmax(0,1fr) 24px;text-decoration:none;display:grid}.run-row:active,.trip-list>a:active{background:var(--color-surface-subtle)}.thumb,.visit-image{border-radius:var(--radius-control);width:88px;height:88px;color:var(--color-brand-500);background:var(--color-brand-050) center / cover no-repeat;place-items:center;display:grid;overflow:hidden}.run-row>div:nth-child(2),.visit-copy,.trip-list>a>div:nth-child(2){min-width:0}.run-row-meta,.visit-copy>div{align-items:center;gap:var(--spacing-2);display:flex}.run-row small,.visit-copy>div,.visit-copy>div small{color:var(--color-ink-tertiary);font-size:var(--text-caption);line-height:1.125rem}.run-row h3,.visit-copy h3,.trip-list h3{margin:var(--spacing-2) 0 var(--spacing-1);font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.375rem;overflow:hidden}.run-row p,.visit-course,.trip-list p,.trip-list small{color:var(--color-ink-secondary);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.125rem;overflow:hidden}.run-row p b{color:var(--color-ink);font-weight:700}.run-row p i{margin:0 var(--spacing-1);color:var(--color-border-default);font-style:normal}.visit-list-all,.trip-list{margin-top:var(--spacing-5)}.visit-copy>div small{padding-left:var(--spacing-2);border-left:1px solid var(--divider-color)}.visit-course,.trip-list small{color:var(--color-brand-700);font-weight:700}.visit-description{margin:var(--spacing-2) 0 0;color:var(--color-ink-secondary);font-size:var(--text-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.125rem;display:-webkit-box;overflow:hidden}.visit-card>a{width:44px;height:44px;margin-left:calc(-1 * var(--spacing-2));border-radius:var(--radius-full);color:var(--color-brand-500);background:var(--color-brand-050);place-items:center;display:grid}.visit-card.compact{grid-template-columns:72px minmax(0,1fr) 24px}.visit-card.compact .visit-image{width:72px;height:72px}.chips{gap:var(--spacing-2);margin:var(--spacing-3) 0 0;flex-wrap:wrap;display:flex}.chips.scroll{margin:var(--spacing-5) 0;padding-bottom:var(--spacing-1);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.report-bg{--my-report-tabs-height:48px}.report-tabs{z-index:var(--z-sticky);top:var(--app-header-total-height);min-height:var(--my-report-tabs-height);margin-top:var(--app-header-total-height);padding:0 var(--space-page);border-bottom:1px solid var(--divider-color);background:var(--color-canvas-translucent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:1fr 1fr;display:grid;position:sticky}.report-tabs button{min-height:var(--my-report-tabs-height);color:var(--color-ink-secondary);font-size:var(--text-body-sm);background:0 0;border-bottom:2px solid #0000;font-weight:600}.report-tabs button.active{border-color:var(--color-brand-500);color:var(--color-brand-700);font-weight:700}.report-tabs+.my-content{padding-top:var(--spacing-5)}.report-tabs+.report-content>.my-empty{min-height:max(240px, calc(100dvh - var(--app-header-total-height) - var(--my-report-tabs-height) - var(--bottom-nav-total-height) - var(--spacing-5) - var(--spacing-8)))}.report-content,.account-content,.notification-content,.settings-content,.trip-form,.profile-form{gap:var(--spacing-6);display:grid}.trip-hero{min-height:200px;padding:var(--spacing-5);border-radius:var(--radius-lg);color:#fff;background:var(--color-ink-secondary) center / cover no-repeat;box-shadow:inset 0 -96px 72px var(--color-overlay);flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}.trip-hero span{width:max-content;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);background:var(--color-brand-500);font-size:var(--text-caption);font-weight:700}.trip-hero h2{margin:var(--spacing-2) 0 var(--spacing-1);font-size:var(--text-section-title);font-weight:800;line-height:1.75rem}.trip-hero p{font-size:var(--text-caption);margin:0}.report-stat-grid,.total-grid,.run-detail-stats{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.report-stat-grid>div,.total-grid>div,.run-detail-stats>div{min-height:96px;padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;display:flex}.report-stat-grid span,.total-grid span,.run-detail-stats span{color:var(--color-ink-secondary);font-size:var(--text-caption);font-weight:600}.report-stat-grid b,.total-grid b,.run-detail-stats strong{margin-top:var(--spacing-2);color:var(--color-ink);font-size:var(--text-section-title);font-weight:800;line-height:1.75rem}.report-card,.account-panel,.run-detail-card,.run-detail-hero{padding:var(--spacing-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.report-card h3,.run-detail-card h2{margin:0 0 var(--spacing-4);font-size:var(--text-card-title);font-weight:700;line-height:1.5rem}.report-card p,.run-detail-card p{margin:var(--spacing-2) 0 0;color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.25rem}.report-card p strong{float:right;color:var(--color-ink)}.ratio-bar{border-radius:var(--radius-full);background:var(--color-info-subtle);height:12px;overflow:hidden}.ratio-bar i{background:var(--color-brand-500);width:50%;height:100%;display:block}.my-full-action{width:100%}.info-box,.form-intro{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);color:var(--color-ink-secondary);background:var(--color-surface-subtle);font-size:var(--text-body-sm);line-height:1.25rem;display:flex}.info-box>svg,.form-intro>span{color:var(--color-brand-500);flex:none}.form-intro>span{border-radius:var(--radius-control);background:var(--color-brand-050);place-items:center;width:44px;height:44px;display:grid}.form-intro h2{color:var(--color-ink);font-size:var(--text-card-title);margin:0;line-height:1.5rem}.form-intro p{margin:var(--spacing-1) 0 0}.date-pair{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.upload-placeholder{justify-content:center;align-items:center;gap:var(--spacing-2);min-height:128px;padding:var(--spacing-5);border:1px dashed var(--color-border-default);border-radius:var(--radius-md);color:var(--color-ink-tertiary);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.upload-placeholder b{font-size:var(--text-caption);line-height:1.125rem}.settings-content{gap:var(--spacing-8)}.setting-group h2,.toggle-group h2,.profile-choice h2{margin:0 0 var(--spacing-2);color:var(--color-ink-secondary);font-size:var(--text-label);font-weight:700;line-height:1.125rem}.setting-button{grid-template-columns:44px minmax(0,1fr)}.setting-button.danger,.setting-button.danger small{color:var(--color-danger)}.setting-button.danger>span:first-child{color:var(--color-danger);background:var(--color-danger-subtle)}.settings-content footer{padding:var(--spacing-5);color:var(--color-brand-500);flex-direction:column;align-items:center;display:flex}.settings-content footer small{margin-top:var(--spacing-1);color:var(--color-ink-tertiary);font-size:var(--text-caption)}.account-person{align-items:center;gap:var(--spacing-4);display:flex}.account-person h2{font-size:var(--text-card-title);margin:0;line-height:1.5rem}.account-person p{margin:var(--spacing-1) 0 0;color:var(--color-ink-secondary);font-size:var(--text-caption)}.account-panel dl{margin:var(--spacing-5) 0 0}.account-panel dl>div{border-top:1px solid var(--divider-color);justify-content:space-between;align-items:center;min-height:56px;display:flex}.account-panel dt,.account-panel dd{font-size:var(--text-body-sm)}.account-panel dt{color:var(--color-ink-secondary)}.account-panel dd{align-items:center;gap:var(--spacing-2);color:var(--color-ink);margin:0;font-weight:600;display:flex}.kakao-dot{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-ink);background:var(--color-rating);font-size:var(--text-caption);place-items:center;font-style:normal;font-weight:800;display:inline-grid}.save-text.ui-button{min-height:44px;padding-inline:var(--spacing-2)}.profile-file-input{display:none}.profile-avatar:disabled{opacity:.6}.profile-image-actions{justify-content:center;gap:var(--spacing-4);margin-top:calc(-1 * var(--spacing-4));display:flex}.profile-image-actions button{min-height:44px;padding-inline:var(--spacing-2);color:var(--color-brand-700);font-size:var(--text-label);background:0 0;font-weight:700}.profile-image-actions button.danger{color:var(--color-danger)}.profile-choice .chips{margin-top:var(--spacing-2)}.toggle-group>div{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.toggle-group .ui-switch-row{background:var(--color-surface);border-radius:0}.toggle-group .ui-switch-row+.ui-switch-row{border-top:1px solid var(--divider-color)}.run-detail-content{gap:var(--spacing-4);display:grid}.run-detail-hero h2{margin:var(--spacing-3) 0 var(--spacing-1);font-size:var(--text-page-title);font-weight:800;line-height:2rem}.run-detail-hero p{color:var(--color-ink-secondary);font-size:var(--text-caption);margin:0}.run-detail-map-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-map-fallback);height:320px;overflow:hidden}.run-detail-map{width:100%;height:100%}.run-detail-legend{justify-content:center;gap:var(--spacing-4);color:var(--color-ink-secondary);font-size:var(--text-caption);font-weight:700;display:flex}.run-detail-legend span{align-items:center;gap:var(--spacing-1);display:inline-flex}.run-detail-legend i{border-radius:var(--radius-full);width:20px;height:4px}.run-detail-legend .planned{background:var(--color-info)}.run-detail-legend .recorded{background:var(--color-brand-500)}.run-detail-map-notice{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);color:var(--color-warning);background:var(--color-warning-subtle);font-size:var(--text-caption);text-align:center;margin:0;font-weight:600;line-height:1.125rem}.run-detail-stats small{margin-left:var(--spacing-1);color:var(--color-ink-secondary);font-size:var(--text-caption)}.run-detail-card>strong{font-size:var(--text-card-title);line-height:1.5rem;display:block}.run-detail-list{gap:var(--spacing-3);margin:0;display:grid}.run-detail-list>div{gap:var(--spacing-3);grid-template-columns:76px minmax(0,1fr);display:grid}.run-detail-list dt{color:var(--color-ink-secondary);font-size:var(--text-label);font-weight:700}.run-detail-list dd{font-size:var(--text-body-sm);margin:0;line-height:1.25rem}.run-detail-course-summary{gap:var(--spacing-2);margin-bottom:var(--spacing-3);display:flex}.run-detail-muted{color:var(--color-ink-secondary)!important;margin:0!important}.run-detail-waypoints{border:1px solid var(--color-border-subtle);box-shadow:none}@media (width<=360px){.date-pair{grid-template-columns:1fr}.run-row,.visit-card,.trip-list>a{gap:var(--spacing-2);grid-template-columns:72px minmax(0,1fr) 20px}.thumb,.visit-image{width:72px;height:72px}.run-detail-map-card{height:280px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:Pretendard, "Noto Sans KR", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.25rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-050:#fff4ec;--color-brand-400:#fd934c;--color-brand-500:#ff6f0f;--color-brand-700:#a04100;--color-canvas:#f8f9fa;--color-surface:#fff;--color-surface-subtle:#f4f5f7;--color-surface-muted:#eef0f2;--color-map-fallback:#e6e8ec;--color-ink:#191f28;--color-ink-secondary:#4e5968;--color-ink-tertiary:#8b95a1;--color-ink-disabled:#b0b8c1;--color-border-subtle:#e5e8eb;--color-border-default:#d1d6db;--color-success:#168847;--color-success-indicator:#4ade80;--color-success-subtle:#e8f7ec;--color-warning:#c2410c;--color-warning-subtle:#fff0df;--color-danger:#b91c1c;--color-danger-subtle:#fff0ee;--color-info:#2563eb;--color-info-subtle:#dbeafe;--color-rating:#bfac00;--color-course-beach-sky:#d9f0f5;--color-course-beach-sea:#4cb3c7;--color-course-beach-deep:#2f8aa7;--color-course-beach-sand:#f8e7c3;--color-course-beach-field:#78a96f;--color-course-oreum-sky:#86d0e9;--color-course-oreum-mid:#1e6f95;--color-course-oreum-deep:#124a5f;--color-course-oreum-accent:#376b45;--color-course-forest-light:#e2f2d5;--color-course-forest-mid:#6daa6b;--color-course-forest-deep:#2e5d3c;--color-course-forest-accent:#a7d39a;--color-course-highlight:#ffffff26;--spacing-0-5:.125rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-control:.75rem;--radius-sheet:1.5rem;--radius-full:9999px;--shadow-1:0 2px 8px #191f280f;--shadow-2:0 6px 18px #191f281a;--shadow-3:0 16px 40px #191f282e;--shadow-top:0 -4px 16px #191f2814;--shadow-navigation:0 -2px 8px #191f280a;--shadow-fab:0 4px 12px #191f2824;--text-display:1.75rem;--text-page-title:1.5rem;--text-page-title--line-height:2rem;--text-section-title:1.25rem;--text-section-title--line-height:1.75rem;--text-app-title:1.125rem;--text-app-title--line-height:1.5rem;--text-card-title:1rem;--text-card-title--line-height:1.5rem;--text-body:.9375rem;--text-body--line-height:1.375rem;--text-body-sm:.875rem;--text-body-sm--line-height:1.25rem;--text-label:.8125rem;--text-label--line-height:1.125rem;--text-caption:.75rem;--text-caption--line-height:1.125rem;--text-legal:.6875rem;--text-legal--line-height:1rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.top-1{top:var(--spacing-1)}.top-1\/2{top:50%}.top-2{top:var(--spacing-2)}.top-3{top:var(--spacing-3)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing-1)}.right-3{right:var(--spacing-3)}.right-4{right:var(--spacing-4)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.left-2{left:var(--spacing-2)}.left-3{left:var(--spacing-3)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-4{margin-inline:var(--spacing-4)}.mx-5{margin-inline:var(--spacing-5)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.ml-3{margin-left:var(--spacing-3)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.h-2{height:var(--spacing-2)}.h-3{height:var(--spacing-3)}.h-5{height:var(--spacing-5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:var(--spacing-8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:var(--spacing-10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:var(--spacing-12)}.h-13{height:calc(var(--spacing) * 13)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-\[180px\]{height:180px}.h-full{height:100%}.max-h-\[72vh\]{max-height:72vh}.max-h-\[240px\]{max-height:240px}.min-h-8{min-height:var(--spacing-8)}.min-h-10{min-height:var(--spacing-10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-\[3\.75rem\]{min-height:3.75rem}.min-h-\[40px\]{min-height:40px}.min-h-\[50px\]{min-height:50px}.min-h-\[55vh\]{min-height:55vh}.min-h-\[150px\]{min-height:150px}.w-2{width:var(--spacing-2)}.w-3{width:var(--spacing-3)}.w-5{width:var(--spacing-5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:var(--spacing-8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:var(--spacing-10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:var(--spacing-12)}.w-16{width:calc(var(--spacing) * 16)}.w-18{width:calc(var(--spacing) * 18)}.w-20{width:calc(var(--spacing) * 20)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-\[calc\(100\%-16px\)\]{max-width:calc(100% - 16px)}.min-w-0{min-width:0}.min-w-5{min-width:var(--spacing-5)}.flex-1{flex:1}.flex-\[1\.7\]{flex:1.7}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-8{gap:var(--spacing-8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-2) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-4) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:var(--spacing-3)}.gap-y-1{row-gap:var(--spacing-1)}.gap-y-2{row-gap:var(--spacing-2)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-\[\#F1DED6\]>:not(:last-child)){border-color:#f1ded6}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[28px\]{border-radius:28px}.rounded-control{border-radius:var(--radius-control)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#E1BFB1\]{border-color:#e1bfb1}.border-\[\#FFE4D6\]{border-color:#ffe4d6}.border-border-default{border-color:var(--color-border-default)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-brand-500{border-color:var(--color-brand-500)}.border-white{border-color:var(--color-white)}.border-t-\[\#FF6F0F\]{border-top-color:#ff6f0f}.bg-\(--color-overlay\){background-color:var(--color-overlay)}.bg-\[\#261912\]{background-color:#261912}.bg-\[\#E1F5E8\]{background-color:#e1f5e8}.bg-\[\#F7F1EE\]{background-color:#f7f1ee}.bg-\[\#FF6F0F\]{background-color:#ff6f0f}.bg-\[\#FFF0E8\]{background-color:#fff0e8}.bg-brand-500{background-color:var(--color-brand-500)}.bg-danger-subtle{background-color:var(--color-danger-subtle)}.bg-map-fallback{background-color:var(--color-map-fallback)}.bg-success{background-color:var(--color-success)}.bg-success-indicator{background-color:var(--color-success-indicator)}.bg-success-subtle{background-color:var(--color-success-subtle)}.bg-surface{background-color:var(--color-surface)}.bg-surface-muted{background-color:var(--color-surface-muted)}.bg-surface-subtle{background-color:var(--color-surface-subtle)}.bg-surface\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in oklab, var(--color-surface) 80%, transparent)}}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.px-1{padding-inline:var(--spacing-1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:var(--spacing-2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.px-6{padding-inline:var(--spacing-6)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:var(--spacing-2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-5{padding-block:var(--spacing-5)}.py-8{padding-block:var(--spacing-8)}.pt-4{padding-top:var(--spacing-4)}.pr-3{padding-right:var(--spacing-3)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-6{padding-bottom:var(--spacing-6)}.pl-4{padding-left:var(--spacing-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-app-title{font-size:var(--text-app-title);line-height:var(--tw-leading,var(--text-app-title--line-height))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height))}.text-body-sm{font-size:var(--text-body-sm);line-height:var(--tw-leading,var(--text-body-sm--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-card-title{font-size:var(--text-card-title);line-height:var(--tw-leading,var(--text-card-title--line-height))}.text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height))}.text-legal{font-size:var(--text-legal);line-height:var(--tw-leading,var(--text-legal--line-height))}.text-page-title{font-size:var(--text-page-title);line-height:var(--tw-leading,var(--text-page-title--line-height))}.text-section-title{font-size:var(--text-section-title);line-height:var(--tw-leading,var(--text-section-title--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[24px\]{font-size:24px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.leading-5{--tw-leading:var(--spacing-5);line-height:var(--spacing-5)}.leading-6{--tw-leading:var(--spacing-6);line-height:var(--spacing-6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#4B5563\]{color:#4b5563}.text-\[\#6B5347\]{color:#6b5347}.text-\[\#6B7280\]{color:#6b7280}.text-\[\#8D7164\]{color:#8d7164}.text-\[\#111827\]{color:#111827}.text-\[\#168847\]{color:#168847}.text-\[\#261912\]{color:#261912}.text-\[\#594136\]{color:#594136}.text-\[\#A04100\]{color:#a04100}.text-\[\#FF6F0F\]{color:#ff6f0f}.text-brand-500{color:var(--color-brand-500)}.text-brand-700{color:var(--color-brand-700)}.text-danger{color:var(--color-danger)}.text-inherit{color:inherit}.text-ink{color:var(--color-ink)}.text-ink-secondary{color:var(--color-ink-secondary)}.text-ink-tertiary{color:var(--color-ink-tertiary)}.text-rating{color:var(--color-rating)}.text-success{color:var(--color-success)}.text-surface{color:var(--color-surface)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-1{--tw-shadow:0 2px 8px var(--tw-shadow-color,#191f280f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_4px_10px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0px 4px 10px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_4px_12px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0px 4px 12px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_4px_14px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 4px 14px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0px_14px_28px_rgba\(89\,65\,54\,0\.12\)\]{--tw-shadow:0px 14px 28px var(--tw-shadow-color,#5941361f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-\[\#B3A49D\]::placeholder{color:#b3a49d}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-brand-500:focus-visible{outline-color:var(--color-brand-500)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}}:root{--font-family-sans:var(--font-sans);--color-brand-gradient:linear-gradient(135deg, var(--color-brand-500), var(--color-brand-400));--color-overlay:#191f2873;--color-scrim-strong:#10141cdb;--color-toast:#191f28eb;--color-canvas-translucent:#f8f9faf5;--divider-color:var(--color-border-subtle);--space-page:var(--spacing-5);--space-section:var(--spacing-6);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-max-width:430px;--app-header-height:56px;--app-header-location-max-width:280px;--app-header-total-height:calc(var(--app-header-height) + var(--safe-top));--bottom-nav-height:64px;--bottom-nav-total-height:calc(var(--bottom-nav-height) + var(--safe-bottom));--bottom-action-height:76px;--bottom-action-total-height:calc(var(--bottom-action-height) + var(--safe-bottom));--z-base:0;--z-map:0;--z-map-content:10;--z-sticky:20;--z-header:30;--z-navigation:40;--z-popover:50;--z-backdrop:100;--z-dialog:110;--z-toast:120;--z-critical:130;--motion-press:.12s;--motion-control:.18s;--motion-sheet:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1)}@media (width<=360px){:root{--space-page:var(--spacing-4)}}@media (prefers-reduced-motion:reduce){:root{--motion-press:0s;--motion-control:0s;--motion-sheet:0s}}.ui-button{justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);white-space:nowrap;min-width:0;transition:background-color var(--motion-control) var(--ease-standard), border-color var(--motion-control) var(--ease-standard), color var(--motion-control) var(--ease-standard), transform var(--motion-press) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard);border:1px solid #0000;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.ui-button:active:not(:disabled){transform:scale(.98)}.ui-button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.ui-button:disabled,.ui-button[aria-disabled=true]{color:var(--color-ink-disabled);background:var(--color-surface-subtle);box-shadow:none;cursor:not-allowed;border-color:#0000}.ui-button--sm{min-height:44px;font-size:var(--text-label);padding:0 14px}.ui-button--md{min-height:48px;font-size:var(--text-body-sm);padding:0 18px}.ui-button--lg{min-height:52px;padding:0 20px;font-size:1rem}.ui-button--full{width:100%}.ui-button--primary{color:#fff;background:var(--color-brand-500)}.ui-button--primary:hover:not(:disabled){background:var(--color-brand-700)}.ui-button--secondary{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-border-default)}.ui-button--tertiary{color:var(--color-brand-700);background:var(--color-brand-050)}.ui-button--ghost{color:var(--color-brand-700);background:0 0}.ui-button--danger{color:var(--color-danger);background:var(--color-danger-subtle)}.ui-button--icon{border-radius:var(--radius-full);width:44px;min-width:44px;height:44px;color:var(--color-ink-secondary);background:var(--color-surface-subtle);padding:0}.ui-button--fab{border-radius:var(--radius-full);color:#fff;background:var(--color-brand-gradient);width:52px;min-width:52px;height:52px;box-shadow:var(--shadow-fab);padding:0}.ui-button--fab-extended{width:auto;padding-inline:var(--spacing-4)}.ui-button__spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:18px;height:18px;animation:.8s linear infinite ui-spin}.ui-button__content{justify-content:center;align-items:center;gap:var(--spacing-2);display:inline-flex}.ui-button__content--loading{opacity:.72}.ui-card{border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface)}.ui-card--padding-none{padding:0}.ui-card--padding-sm{padding:var(--spacing-3)}.ui-card--padding-md{padding:var(--spacing-4)}.ui-card--padding-lg{padding:var(--spacing-5)}.ui-card--shadow-card,.ui-card--shadow-section,.ui-card--interactive{box-shadow:var(--shadow-1)}.ui-card--interactive{transition:transform var(--motion-press) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard)}.ui-card--interactive:active{transform:scale(.99)}.ui-card--media{border-radius:var(--radius-lg);overflow:hidden}.ui-card--stat{font-variant-numeric:tabular-nums}.ui-card--brand{color:#fff;background:var(--color-brand-500)}.ui-card--subtle{background:var(--color-surface-subtle)}.ui-card--accent{background:var(--color-brand-050)}.ui-list-row{align-items:center;gap:var(--spacing-3);min-height:64px;padding:var(--spacing-3) var(--spacing-4);color:var(--color-ink);background:var(--color-surface);display:flex}.ui-list-row+.ui-list-row{border-top:1px solid var(--divider-color)}.ui-list-row__leading,.ui-list-row__trailing{flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-list-row__content{flex:1;min-width:0}.ui-list-row__title{font-size:var(--text-body);font-weight:700;line-height:1.375rem;display:block}.ui-list-row__description{margin-top:var(--spacing-1);color:var(--color-ink-secondary);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;line-height:1.125rem;display:block;overflow:hidden}.ui-badge{align-items:center;gap:var(--spacing-1);min-height:24px;padding:0 var(--spacing-2);border-radius:var(--radius-full);font-size:var(--text-caption);white-space:nowrap;font-weight:700;line-height:1;display:inline-flex}.ui-badge--brand,.ui-badge--category{color:#fff;background:var(--color-brand-500)}.ui-badge--success,.ui-badge--easy{color:var(--color-success);background:var(--color-success-subtle)}.ui-badge--warning,.ui-badge--medium{color:var(--color-warning);background:var(--color-warning-subtle)}.ui-badge--danger{color:var(--color-danger);background:var(--color-danger-subtle)}.ui-badge--info,.ui-badge--spot{color:var(--color-info);background:var(--color-info-subtle)}.ui-badge--neutral{color:var(--color-ink-secondary);background:var(--color-surface-muted)}.ui-chip{justify-content:center;align-items:center;gap:var(--spacing-1);border:1px solid var(--color-border-default);border-radius:var(--radius-full);min-height:36px;color:var(--color-ink-secondary);background:var(--color-surface);font-size:var(--text-label);transition:background-color var(--motion-control) var(--ease-standard), border-color var(--motion-control) var(--ease-standard), color var(--motion-control) var(--ease-standard);padding:0 14px;font-weight:700;line-height:1;display:inline-flex}.ui-chip:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.ui-chip--filter[aria-pressed=true]{color:#fff;background:var(--color-brand-500);border-color:var(--color-brand-500)}.ui-chip--choice{min-height:44px;padding-inline:var(--spacing-4)}.ui-chip--choice[aria-pressed=true]{color:var(--color-brand-700);background:var(--color-brand-050);border:2px solid var(--color-brand-500)}.ui-chip:disabled{color:var(--color-ink-disabled);background:var(--color-surface-subtle);border-color:var(--color-border-subtle);cursor:not-allowed}.ui-switch-row{justify-content:space-between;align-items:center;gap:var(--spacing-4);width:100%;min-height:64px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface-subtle);text-align:left;display:flex}.ui-switch-row:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.ui-switch-row:disabled{color:var(--color-ink-disabled);cursor:not-allowed}.ui-switch-row__copy{min-width:0}.ui-switch-row__copy strong,.ui-switch-row__copy small{display:block}.ui-switch-row__copy strong{font-size:var(--text-body-sm);font-weight:700;line-height:1.25rem}.ui-switch-row__copy small{margin-top:var(--spacing-1);color:var(--color-ink-secondary);font-size:var(--text-caption);line-height:1.125rem}.ui-switch{border-radius:var(--radius-full);background:var(--color-border-default);width:44px;height:26px;transition:background-color var(--motion-control) var(--ease-standard);flex:0 0 44px;position:relative}.ui-switch>span{border-radius:var(--radius-full);background:var(--color-surface);width:20px;height:20px;box-shadow:var(--shadow-1);transition:transform var(--motion-control) var(--ease-standard);position:absolute;top:3px;left:3px}.ui-switch-row[aria-checked=true] .ui-switch{background:var(--color-brand-500)}.ui-switch-row[aria-checked=true] .ui-switch>span{transform:translate(18px)}.ui-field{gap:var(--spacing-2);color:var(--color-ink);display:grid}.ui-field__label{font-size:var(--text-label);font-weight:700;line-height:1.125rem}.ui-field__control-wrap{position:relative}.ui-input,.ui-textarea{border:1px solid var(--color-border-default);border-radius:var(--radius-control);width:100%;color:var(--color-ink);background:var(--color-surface);transition:border-color var(--motion-control) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard), background-color var(--motion-control) var(--ease-standard);outline:none;font-size:1rem;line-height:1.375rem}.ui-input{min-height:48px;padding:0 14px}.ui-textarea{resize:vertical;min-height:112px;padding:14px}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-ink-tertiary)}.ui-input:focus,.ui-textarea:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-050)}.ui-input:disabled,.ui-textarea:disabled{color:var(--color-ink-disabled);background:var(--color-surface-subtle);border-color:var(--color-border-subtle);cursor:not-allowed}.ui-input[aria-invalid=true],.ui-textarea[aria-invalid=true]{border-color:var(--color-danger)}.ui-field__meta{justify-content:space-between;gap:var(--spacing-2);min-height:18px;color:var(--color-ink-tertiary);font-size:var(--text-caption);line-height:1.125rem;display:flex}.ui-field__message--error{color:var(--color-danger)}.ui-field__message--success{color:var(--color-success)}.ui-field__count{white-space:nowrap;margin-left:auto}.ui-section-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);min-width:0;color:var(--color-ink);display:flex}.ui-section-header__main{align-items:flex-start;gap:var(--spacing-2);min-width:0;display:flex}.ui-section-header__icon{justify-content:center;align-items:center;min-width:20px;font-size:20px;line-height:28px;display:inline-flex}.ui-section-header__copy{min-width:0}.ui-section-header__title{font-size:var(--text-section-title);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.75rem}.ui-section-header__description{margin:var(--spacing-1) 0 0;color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.25rem}.ui-section-header__action{min-height:44px;color:var(--color-brand-700);font-size:var(--text-label);flex:none;align-items:center;margin-top:-8px;font-weight:700;display:inline-flex}.ui-horizontal-scroller{gap:var(--spacing-3);margin-inline:calc(-1 * var(--space-page));padding:var(--spacing-4) var(--space-page) var(--spacing-2);scroll-padding-inline:var(--space-page);scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none;display:flex;overflow-x:auto}.ui-horizontal-scroller::-webkit-scrollbar{display:none}.ui-horizontal-scroller:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:-2px}.ui-horizontal-scroller>*{scroll-snap-align:start}.ui-meta-list{align-items:center;gap:var(--spacing-2) var(--spacing-3);min-width:0;color:var(--color-ink-secondary);font-size:var(--text-caption);flex-wrap:wrap;margin:0;padding:0;line-height:1.125rem;list-style:none;display:flex}.ui-meta-list__item{align-items:center;gap:var(--spacing-1);min-width:0;display:inline-flex}.ui-meta-list__icon{color:var(--color-ink-tertiary);flex:none;display:inline-flex}.ui-map-controls{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface);width:44px;box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.ui-map-controls button{width:44px;height:44px;color:var(--color-ink-secondary);background:var(--color-surface);place-items:center;display:grid}.ui-map-controls button+button{border-top:1px solid var(--color-border-subtle)}.ui-map-controls button:active{color:var(--color-brand-500);background:var(--color-brand-050)}.ui-map-controls button:focus-visible{z-index:1;outline:2px solid var(--color-brand-500);outline-offset:-2px;position:relative}.course-thumbnail{border-radius:var(--radius-sm);background:var(--color-surface-muted);position:relative;overflow:hidden}.course-thumbnail--square{border-radius:0}.course-thumbnail:after{content:"";background:var(--color-course-highlight);height:33.333%;position:absolute;bottom:0;left:0;right:0}.course-thumbnail--beach{background:radial-gradient(circle at 70% 28%, var(--color-course-beach-deep) 0 18%, transparent 19%), linear-gradient(160deg, var(--color-course-beach-sky) 0 32%, var(--color-course-beach-sea) 33% 54%, var(--color-course-beach-sand) 55% 72%, var(--color-course-beach-field) 73% 100%)}.course-thumbnail--oreum{background:radial-gradient(circle at 62% 42%, var(--color-course-oreum-accent) 0 18%, transparent 19%), linear-gradient(145deg, var(--color-course-oreum-sky) 0 36%, var(--color-course-oreum-mid) 37% 58%, var(--color-course-oreum-deep) 59% 100%)}.course-thumbnail--forest{background:radial-gradient(circle at 35% 35%, var(--color-course-forest-accent) 0 18%, transparent 19%), linear-gradient(145deg, var(--color-course-forest-light) 0 28%, var(--color-course-forest-mid) 29% 62%, var(--color-course-forest-deep) 63% 100%)}.ui-overlay{z-index:var(--z-backdrop);padding:max(var(--spacing-4), var(--safe-top)) max(var(--spacing-4), var(--safe-right)) max(var(--spacing-4), var(--safe-bottom)) max(var(--spacing-4), var(--safe-left));background:var(--color-overlay);display:flex;position:fixed;inset:0}.ui-overlay--center{justify-content:center;align-items:center}.ui-overlay--bottom{padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);justify-content:center;align-items:flex-end}.ui-dialog{z-index:var(--z-dialog);width:min(100%,390px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);border-radius:var(--radius-sheet);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-3);overflow:hidden}.ui-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-5) 0;display:flex}.ui-dialog__title{font-size:var(--text-app-title);margin:0;font-weight:700;line-height:1.5rem}.ui-dialog__description{margin:var(--spacing-2) 0 0;color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.25rem}.ui-dialog__close{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-ink-secondary);background:0 0;flex:0 0 44px;justify-content:center;align-items:center;margin:-10px -10px 0 0;font-size:24px;display:inline-flex}.ui-dialog__body{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 180px);padding:var(--spacing-5);overscroll-behavior:contain;overflow-y:auto}.ui-dialog__footer{justify-content:flex-end;gap:var(--spacing-2);padding:0 var(--spacing-5) var(--spacing-5);display:flex}.ui-sheet{z-index:var(--z-dialog);width:min(100%, var(--app-max-width));max-height:calc(100dvh - var(--safe-top) - 16px);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-top);overflow:hidden}.ui-sheet__handle{background:0 0;justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}.ui-sheet__handle:before{content:"";border-radius:var(--radius-full);background:var(--color-border-default);width:40px;height:4px}.ui-sheet__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:0 var(--spacing-5) var(--spacing-3);display:flex}.ui-sheet__body{padding:0 var(--spacing-5) var(--spacing-5);overscroll-behavior:contain;overflow-y:auto}.ui-sheet__footer{gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5) calc(var(--spacing-3) + var(--safe-bottom));border-top:1px solid var(--divider-color);display:flex}.ui-toast{z-index:var(--z-toast);left:50%;bottom:calc(var(--bottom-nav-total-height) + var(--spacing-3));align-items:center;gap:var(--spacing-2);width:min(360px,100% - 32px);min-height:44px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);color:#fff;background:var(--color-toast);box-shadow:var(--shadow-2);font-size:var(--text-label);font-weight:600;line-height:1.125rem;display:flex;position:fixed;transform:translate(-50%)}.ui-toast--success{border-left:4px solid var(--color-success-indicator)}.ui-toast--error{border-left:4px solid var(--color-danger)}.ui-toast__message{flex:1;min-width:0}.ui-toast__action{min-height:44px;padding-inline:var(--spacing-2);color:#fff;text-underline-offset:2px;background:0 0;margin-block:-12px;font-weight:700;text-decoration:underline}.ui-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-subtle) 25%, var(--color-surface-muted) 50%, var(--color-surface-subtle) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite ui-skeleton;display:block}.ui-spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-brand-500);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite ui-spin;display:inline-block}.ui-spinner--inline{border-width:2px;width:20px;height:20px}.ui-spinner--page{border-width:4px;width:40px;height:40px}.ui-state{min-height:200px;padding:var(--spacing-10) var(--spacing-5);border-radius:var(--radius-lg);color:var(--color-ink);background:var(--color-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ui-state--compact{min-height:auto;padding-block:var(--spacing-8)}.ui-state--creation{border:1px dashed var(--color-border-default)}.ui-state--error{background:var(--color-danger-subtle)}.ui-state__icon{border-radius:var(--radius-full);width:56px;height:56px;color:var(--color-brand-500);background:var(--color-brand-050);justify-content:center;align-items:center;display:inline-flex}.ui-state--error .ui-state__icon{color:var(--color-danger);background:#fff}.ui-state__title{font-size:var(--text-card-title);margin:0;font-weight:700;line-height:1.5rem}.ui-state__icon+.ui-state__title{margin-top:var(--spacing-4)}.ui-state__description{max-width:280px;margin:var(--spacing-2) 0 0;color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.25rem}.ui-state__action{margin-top:var(--spacing-4)}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ui-skeleton{background:var(--color-surface-subtle);animation:none}}.app-viewport{height:100dvh;color:var(--color-ink);background:var(--color-canvas);overflow:hidden}.page-container{width:min(100%, var(--app-max-width));height:100%;padding:var(--space-page);padding-right:max(var(--space-page), var(--safe-right));padding-left:max(var(--space-page), var(--safe-left));overscroll-behavior-y:contain;scrollbar-gutter:stable;margin:0 auto;overflow:clip auto}.page-container--with-header{padding-top:calc(var(--app-header-total-height) + var(--spacing-6))}.page-container--with-navigation{padding-bottom:calc(var(--bottom-nav-total-height) + var(--spacing-6))}.page-container--flush{padding-top:0;padding-left:0;padding-right:0}.page-action-fab{z-index:var(--z-sticky);right:max(var(--space-page), calc((100vw - var(--app-max-width)) / 2 + var(--space-page)));bottom:calc(var(--bottom-nav-total-height) + var(--spacing-4));position:fixed}.floating-action-clearance{height:calc(52px + var(--spacing-4))}.full-screen-page{width:min(100%, var(--app-max-width));min-height:100dvh;color:var(--color-ink);background:var(--color-canvas);margin:0 auto;position:relative;overflow-x:clip}.full-screen-page--scroll{height:100dvh;overflow-y:auto}.full-screen-page--locked{height:100dvh;overflow:hidden}.app-header{z-index:var(--z-header);height:var(--app-header-total-height);padding-top:var(--safe-top);border-bottom:1px solid var(--color-border-subtle);color:var(--color-ink);background:var(--color-canvas-translucent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0}.app-header__inner{width:min(100%, var(--app-max-width));height:var(--app-header-height);padding:0 max(var(--space-page), var(--safe-right)) 0 max(var(--space-page), var(--safe-left));grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;margin:0 auto;display:grid}.app-header__leading,.app-header__trailing{align-items:center;min-width:44px;display:flex}.app-header__leading{justify-content:flex-start}.app-header__trailing{justify-content:flex-end}.app-header__title{font-size:var(--text-app-title);text-align:center;white-space:nowrap;margin:0;font-weight:700;line-height:1.5rem}.app-header--root .app-header__inner{grid-template-columns:minmax(0,1fr) auto}.app-header--root .app-header__title{display:none}.app-header--root .app-header__leading{color:var(--color-ink);font-size:var(--text-body);font-weight:700}.app-header__location{max-width:var(--app-header-location-max-width);min-height:44px;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;display:block;overflow:hidden}.bottom-navigation{z-index:var(--z-navigation);height:var(--bottom-nav-total-height);padding-bottom:var(--safe-bottom);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);box-shadow:var(--shadow-navigation);position:fixed;bottom:0;left:0;right:0}.bottom-navigation__inner{width:min(100%, var(--app-max-width));height:var(--bottom-nav-height);padding:0 max(var(--spacing-2), var(--safe-right)) 0 max(var(--spacing-2), var(--safe-left));grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;margin:0 auto;display:grid}.bottom-navigation__item{justify-content:center;align-items:center;gap:var(--spacing-1);min-width:0;min-height:44px;color:var(--color-ink-tertiary);font-size:var(--text-caption);flex-direction:column;font-weight:600;line-height:1;text-decoration:none;display:flex;position:relative}.bottom-navigation__item[aria-current=page]{color:var(--color-brand-500);font-weight:700}.bottom-navigation__icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:36px;height:28px;display:inline-flex}.bottom-navigation__item[aria-current=page] .bottom-navigation__icon{background:var(--color-brand-050)}.bottom-navigation__label{white-space:nowrap}.bottom-navigation__fab-slot{min-width:0;color:var(--color-ink-tertiary);font-size:var(--text-caption);flex-direction:column;justify-content:flex-start;align-items:center;font-weight:600;line-height:1;display:flex}.bottom-navigation__fab{margin-top:-10px}.bottom-navigation__fab-label{margin-top:var(--spacing-1)}.bottom-navigation__fab--active{box-shadow:0 0 0 3px var(--color-brand-050), var(--shadow-fab)}.bottom-navigation__fab--active+.bottom-navigation__fab-label{color:var(--color-brand-500);font-weight:700}@supports not (height:100dvh){.app-viewport,.full-screen-page--scroll,.full-screen-page--locked{height:100vh}.full-screen-page{min-height:100vh}}:root{font-family:var(--font-family-sans);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{background:var(--color-canvas);margin:0;overflow-x:clip}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}#root{width:100%}#root>main{width:min(100%, var(--app-max-width));background:var(--color-surface);min-height:100dvh;box-shadow:var(--shadow-1);margin:0 auto}.login-page{color:#fff;flex-direction:column;justify-content:space-between;padding:24px 26px 28px;display:flex;position:relative;overflow:hidden;background:#111 url(/images/login-hero.png) 50%/cover no-repeat!important}.login-overlay{background:linear-gradient(#02121999 0%,#00000008 42%,#000000b8 78%,#000000e6 100%);position:absolute;inset:0}.login-copy,.login-action{z-index:1;position:relative}.brand{letter-spacing:-.5px;align-items:center;gap:9px;font-size:20px;display:flex}.brand-mark{background:#ff6418;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.login-copy h1{letter-spacing:-1.6px;margin:26px 0 8px;font-size:clamp(29px,8vw,36px);line-height:1.25}.login-copy p{color:#ffffffab;margin:0;font-size:14px}.login-action h2{margin:0 0 5px;font-size:21px}.login-action>p{color:#ffffffb8;margin:0 0 20px;font-size:13px}.kakao-button{color:#201b12;background:#fee500;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;font-size:16px;font-weight:800;display:flex;box-shadow:0 8px 22px #00000038}.kakao-button:active{transform:translateY(1px)}.kakao-icon{color:#fee500;background:#3c1e1e;border-radius:6px;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.login-action small{text-align:center;color:#ffffff6e;margin-top:17px;font-size:10px;display:block}.login-error{text-align:center;background:#94140fbf;border-radius:9px;padding:9px 11px;color:#fff!important;margin:12px 0 -7px!important;font-size:11px!important}.center-page,.main-page{place-content:center;gap:var(--spacing-3);text-align:center;display:grid}.center-page p{color:var(--color-ink-secondary)}.spinner{border:4px solid var(--color-border-subtle);border-top-color:var(--color-brand-500);border-radius:var(--radius-full);width:40px;height:40px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main-page h1{font-size:var(--text-page-title)}.onboarding-page{padding-bottom:var(--bottom-action-total-height);color:var(--color-ink);background:var(--color-canvas);position:relative}.onboarding-header{height:var(--app-header-total-height);padding:var(--safe-top) var(--space-page) 0;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.onboarding-header .ui-button{background:var(--color-surface-subtle)}.onboarding-header strong{text-align:center;font-size:var(--text-app-title)}.progress-wrap{padding:var(--spacing-3) var(--space-page) var(--spacing-2);color:var(--color-ink-secondary);font-size:var(--text-caption)}.progress-bars{gap:var(--spacing-2);margin-top:var(--spacing-2);display:flex}.progress-bars i{border-radius:var(--radius-full);background:var(--color-surface-muted);flex:1;height:4px}.progress-bars i.active{background:var(--color-brand-500)}.onboarding-content{padding:var(--spacing-5) var(--space-page)}.account-card{align-items:center;gap:var(--spacing-3);margin:0 0 var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.kakao-account-icon{color:#241d14;background:#fee500;border-radius:50%;flex:0 0 42px;place-items:center;height:42px;font-size:18px;font-weight:800;display:grid}.account-card strong,.account-card small{display:block}.account-card strong{font-size:13px}.account-card strong b{color:var(--color-success)}.account-card small{margin-top:var(--spacing-1);color:var(--color-ink-secondary);font-size:var(--text-caption)}.eyebrow{margin:0 0 var(--spacing-1);color:var(--color-brand-700);font-weight:700;font-size:var(--text-caption)}.onboarding-content>h1{margin:0 0 var(--spacing-8);font-size:var(--text-page-title);line-height:var(--text-page-title--line-height);letter-spacing:-.02em}.photo-picker{cursor:pointer;flex-direction:column;align-items:center;width:100px;margin:0 auto 31px;display:flex;position:relative}.photo-picker input{display:none}.photo-preview{border-radius:var(--radius-full);background:var(--color-brand-500) center/cover no-repeat;width:72px;height:72px;font-size:var(--text-display);box-shadow:var(--shadow-1);place-items:center;display:grid}.photo-picker em{top:52px;right:var(--spacing-2);border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-surface);width:28px;height:28px;font-style:normal;font-size:var(--text-label);place-items:center;display:grid;position:absolute}.photo-picker b{margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);color:var(--color-brand-700);background:var(--color-brand-050);font-size:var(--text-caption)}.onboarding-content .ui-field+.ui-field{margin-top:var(--spacing-5)}.onboarding-content .ui-field__message--default{color:var(--color-ink-tertiary)}.choice-group{margin-bottom:var(--spacing-8)}.choice-group h2,.notification-title{margin:0 0 var(--spacing-3);font-size:var(--text-card-title);letter-spacing:-.01em}.choice-group h2 small{color:var(--color-ink-tertiary);font-size:var(--text-legal);font-weight:400}.choices{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.excluded-note{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);color:var(--color-ink-secondary);background:var(--color-surface-subtle);font-size:var(--text-caption)}.agree-all{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface-subtle);text-align:left;font-weight:800;display:flex}.agree-all i,.term-list i{border-radius:var(--radius-full);color:#fff;background:var(--color-ink-disabled);width:21px;height:21px;font-style:normal;font-size:var(--text-label);place-items:center;display:grid}.agree-all.checked i,.term-list i.checked{background:var(--color-brand-500)}.term-list{padding:5px 4px 11px}.term-list button{align-items:center;gap:var(--spacing-2);width:100%;min-height:44px;padding:var(--spacing-2) 0;color:var(--color-ink-secondary);text-align:left;background:0 0;grid-template-columns:22px 1fr 12px;display:grid}.term-list i{width:auto;color:var(--color-ink-disabled);font-size:var(--text-card-title);background:0 0}.term-list i.checked{color:var(--color-brand-500);background:0 0}.term-list b{color:var(--color-ink-tertiary);font-size:var(--text-section-title)}.onboarding-content hr{margin:var(--spacing-1) 0 var(--spacing-6);border:0;border-top:1px solid var(--color-border-subtle)}.notification-box{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.notification-box .ui-switch-row{background:var(--color-surface);border-radius:0}.notification-box .ui-switch-row+.ui-switch-row{border-top:1px solid var(--color-border-subtle)}.form-error{padding:var(--spacing-3);border-radius:var(--radius-control);color:var(--color-danger);background:var(--color-danger-subtle);font-size:var(--text-caption)}.onboarding-footer{z-index:var(--z-navigation);width:min(100%, var(--app-max-width));padding:var(--spacing-3) max(var(--space-page), var(--safe-right)) max(var(--spacing-3), var(--safe-bottom)) max(var(--space-page), var(--safe-left));border-top:1px solid var(--color-border-subtle);background:var(--color-canvas-translucent);box-shadow:var(--shadow-top);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=431px){body{padding:0 12px}}@media (width<=360px){.onboarding-content{padding-inline:var(--spacing-4)}.choices .ui-chip{padding-inline:var(--spacing-3)}}.running-select-page{padding-top:8px}.running-select-heading h1{letter-spacing:-1px;margin:0 0 12px;font-size:28px;line-height:1.3}.running-select-heading p{color:#594136;margin:0;font-size:16px}.running-option-list{gap:20px;margin-top:28px;display:grid}.running-option-card{color:#261912;text-align:left;background:#fff;border:1px solid #e1bfb18c;border-radius:24px;grid-template-columns:120px 1fr 26px;align-items:center;gap:20px;width:100%;min-height:154px;padding:16px;display:grid;box-shadow:0 5px 16px #2619120d}.running-option-card:active{background:var(--color-surface-subtle);transform:scale(.99)}.running-option-icon{color:#178b2c;background:#eff8ec;border-radius:18px;place-items:center;width:120px;height:120px;display:grid}.running-option-icon-make{color:#261912}.running-option-copy strong{letter-spacing:-.5px;margin-bottom:6px;font-size:19px;line-height:1.45}.free-ready-page,.live-running-page,.running-complete-page{color:#261912;background:var(--color-canvas);width:min(100%,430px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.running-flow-header{z-index:20;height:62px;padding:env(safe-area-inset-top) 14px 0;background:var(--color-canvas-translucent);border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.running-flow-header button{color:#261912;background:0 0;place-items:center;width:40px;height:40px;display:grid}.running-flow-header strong{text-align:center;font-size:17px}.free-ready-content{position:absolute;inset:62px 0 142px}.running-map,.running-map-canvas{width:100%;height:100%}.running-map{background:#e7e9ed;position:relative}.running-map-fallback{color:#594136;text-align:center;background:#e6e8ec;place-items:center;width:100%;height:100%;padding:30px;line-height:1.6;display:grid}.running-current-marker{background:#2f80ed33;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.running-current-marker span{background:#2f80ed;border:4px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #00000047}.map-location-button{color:#261912;background:#fff;border:1px solid #eee1db;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:108px;right:18px;box-shadow:0 4px 12px #00000021}.ready-location-card{background:#fffffff5;border-radius:16px;align-items:center;gap:12px;min-height:72px;padding:14px 16px;display:flex;position:absolute;bottom:18px;left:20px;right:20px;box-shadow:0 4px 16px #0000001f}.ready-location-card>span{background:#f2aa35;border-radius:50%;flex:0 0 10px;height:10px;box-shadow:0 0 0 5px #fff2dc}.ready-location-card strong{font-size:14px;display:block}.ready-location-card p{color:#75665f;margin:3px 0 0;font-size:11px}.free-ready-footer{z-index:10;height:142px;padding:16px 20px max(20px, env(safe-area-inset-bottom));text-align:center;background:#fff;border-top:1px solid #eadbd5;position:absolute;bottom:0;left:0;right:0}.free-ready-footer p{color:#75665f;margin:0 0 11px;font-size:11px}.free-ready-footer button,.complete-home-button{color:#fff;background:linear-gradient(135deg,#ff6f0f,#fd934c);border-radius:16px;width:100%;min-height:56px;font-size:16px;font-weight:800;box-shadow:0 5px 14px #da53063d}.free-ready-footer button:disabled{color:#aa9e98;box-shadow:none;cursor:not-allowed;background:#ece8e6}.running-countdown{z-index:100;color:#fff;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140d0ac7;place-content:center;display:grid;position:absolute;inset:0}.running-countdown span{border:4px solid #ffffffbf;border-radius:50%;place-items:center;width:126px;height:126px;font-size:72px;font-weight:900;animation:.8s both countdown-pop;display:grid}.running-countdown p{margin:18px 0 0;font-size:18px;font-weight:700}@keyframes countdown-pop{0%{opacity:.4;transform:scale(.75)}30%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}.live-running-page>.running-map{position:absolute;inset:0}.live-stat-panel{z-index:10;background:#fffffff7;border-radius:0 0 36px 36px;grid-template-columns:1fr 1.25fr 1fr;min-height:104px;padding:22px 20px 16px;display:grid;position:absolute;top:14px;left:0;right:0;box-shadow:0 4px 18px #1a1f281f}.live-stat-panel div{flex-direction:column;justify-content:center;align-items:center;display:flex}.live-stat-panel div+div{border-left:1px solid #e3e5e9}.live-stat-panel strong{color:#12192a;letter-spacing:-1px;white-space:nowrap;font-size:28px;line-height:1}.live-stat-panel span{color:#748093;margin-top:8px;font-size:11px}.recording-status{z-index:11;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1f252dc7;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;display:flex;position:absolute;top:135px;left:50%;transform:translate(-50%)}.recording-status span{background:#ff4545;border-radius:50%;width:7px;height:7px;animation:1.2s infinite recording-pulse}.recording-status.is-paused span{background:#f2aa35;animation:none}@keyframes recording-pulse{50%{opacity:.3}}.live-location-error,.photo-toast{z-index:12;color:#fff;text-align:center;background:#261912d1;border-radius:999px;width:max-content;max-width:calc(100% - 40px);padding:9px 13px;font-size:11px;position:absolute;bottom:225px;left:50%;transform:translate(-50%)}.photo-toast{animation:.25s both toast-in;bottom:216px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.place-category-bar{z-index:10;background:#fffffff5;border-radius:999px;justify-content:space-around;align-items:center;min-height:52px;display:flex;position:absolute;bottom:172px;left:20px;right:20px;box-shadow:0 3px 13px #0000001c}.place-category-bar span{color:#332a26;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.place-category-bar i{color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.live-controls{z-index:10;min-height:150px;padding:20px 22px max(26px, env(safe-area-inset-bottom));background:#fffffffa;border-radius:34px 34px 0 0;grid-template-columns:58px 1fr 1fr 58px;align-items:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #00000014}.round-control{aspect-ratio:1;border-radius:50%;place-items:center;display:grid}.lock-control,.camera-control{color:#151c2b;background:#f8f8fa;box-shadow:0 2px 7px #00000008}.running-camera-input{display:none}.screen-lock{z-index:100;padding:34vh 24px max(38px, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:none;background:#10141cdb;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.screen-lock-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.screen-lock-copy strong{margin-top:15px;font-size:20px}.screen-lock-copy p{color:#ffffffb3;margin:7px 0 0;font-size:12px}.screen-lock>button{color:#fff;touch-action:none;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;grid-template-columns:30px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:62px;padding:0 18px;transition:transform 50ms linear;display:grid}.screen-lock>button span{font-size:13px;font-weight:700}.screen-lock>button b{font-size:22px}.end-sheet-backdrop{z-index:90;background:#1a120e80;align-items:flex-end;display:flex;position:absolute;inset:0}.end-sheet{width:100%;padding:12px 20px max(25px, env(safe-area-inset-bottom));text-align:center;background:#fff;border-radius:28px 28px 0 0}.sheet-handle{background:#d8d1cd;border-radius:99px;width:44px;height:4px;margin:0 auto 25px;display:block}.end-sheet h2{margin:0;font-size:20px}.end-sheet p{color:#75665f;margin:8px 0 25px;font-size:13px}.end-sheet>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.end-sheet button{color:#594136;background:#f4efec;border-radius:14px;min-height:52px;font-weight:800}.end-sheet button:last-child{color:#fff;background:#ef3b32}.end-sheet button:disabled{opacity:.6}.running-complete-page{min-height:100dvh;padding:42px 20px 28px;overflow-y:auto}.complete-copy>span{color:#fff;background:#249530;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:27px;font-weight:900;display:grid}.complete-copy p{color:#a04100;margin:0 0 5px;font-size:12px;font-weight:800}.complete-copy h1{margin:0;font-size:22px}.complete-map{border-radius:20px;height:310px;margin:27px 0 0;overflow:hidden;box-shadow:0 4px 12px #00000014}.complete-stats{background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);margin-top:18px;padding:18px 8px;display:grid;box-shadow:0 4px 12px #0000000d}.complete-stats div{flex-direction:column;align-items:center;display:flex}.complete-stats div+div{border-left:1px solid #eee0da}.complete-stats strong{font-size:18px}.complete-stats span{color:#75665f;margin-top:5px;font-size:10px}.record-sync-notice{color:#a04100;text-align:center;margin:14px 0 0;font-size:11px}.complete-home-button{margin-top:12px}.complete-course-save-button{color:#e85f05;background:#fff;border:1px solid #ff6f0f;border-radius:16px;width:100%;min-height:56px;margin-top:20px;font-size:16px;font-weight:900}.complete-course-saved{color:#176b35;background:#eef8f1;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.complete-course-saved strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.complete-course-saved button{color:#fff;background:#16833a;border-radius:11px;flex:none;min-height:36px;padding:0 12px;font-size:12px;font-weight:900}.running-course-save-modal{text-align:left;background:#fff;border-radius:24px;width:min(100% - 32px,398px);margin:auto;padding:24px}.running-course-save-modal h2{color:#111827;margin:0;font-size:20px}.running-course-save-modal>p{color:#6b7280;margin:8px 0 20px;font-size:13px;line-height:1.55}.running-course-save-modal label{color:#594136;gap:8px;font-size:12px;font-weight:900;display:grid;position:relative}.running-course-save-modal label input{color:#111827;background:#fbfcfd;border:1px solid #e5e7eb;border-radius:13px;outline:none;width:100%;min-height:52px;padding:0 58px 0 14px;font-size:14px}.running-course-save-modal label input:focus{border-color:#ff6f0f;box-shadow:0 0 0 3px #ff6f0f1f}.running-course-save-modal label>small{color:#9ca3af;font-size:10px;position:absolute;bottom:18px;right:13px}.running-course-public-toggle{text-align:left;background:#f7f8fc;border-radius:13px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:13px 14px;display:flex}.running-course-public-toggle span strong,.running-course-public-toggle span small{display:block}.running-course-public-toggle span small{color:#6b7280;margin-top:3px;font-size:10px;font-weight:600}.running-course-public-toggle>i{background:#d1d5db;border-radius:999px;width:42px;height:24px;position:relative}.running-course-public-toggle>i em{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px}.running-course-public-toggle>i.on em{transform:translate(18px)}.running-course-save-error{background:#fff0ee;border-radius:11px;padding:10px 12px;color:#b91c1c!important;margin:12px 0 0!important}.running-course-save-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.running-course-save-actions button{color:#594136;background:#f7f2ef;border-radius:13px;min-height:48px;font-size:13px;font-weight:900}.running-course-save-actions button:last-child{color:#fff;background:#ff6f0f}.running-course-save-actions button:disabled{color:#9ca3af;background:#e5e7eb}@media (width<=370px){.running-option-card{grid-template-columns:92px 1fr 22px;gap:13px;min-height:130px}.running-option-icon{width:92px;height:98px}.running-option-copy strong{font-size:17px}.live-stat-panel strong{font-size:24px}.live-stat-panel div:nth-child(2) strong{font-size:21px}.live-controls{grid-template-columns:50px 1fr 1fr 50px;gap:10px;padding-inline:16px}}.course-builder-page{color:#111827;background:#e5e7eb;width:min(100%,430px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.course-builder-map{background:#e5e7eb;position:absolute;inset:0}.course-builder-map-fallback{color:#594136;text-align:center;background:#e6e8ec;place-items:center;padding:28px;line-height:1.6;display:grid;position:absolute;inset:0}.course-builder-header{z-index:30;height:58px;padding:env(safe-area-inset-top) 16px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:absolute;top:0;left:0;right:0;box-shadow:0 1px 2px #0000000d}.course-builder-header button{color:#111827;background:0 0;place-items:center;width:36px;height:36px;display:grid}.course-builder-header strong{text-align:center;letter-spacing:0;font-size:18px;font-weight:800}.course-builder-header .course-builder-save{color:#ff6f0f;justify-self:end;width:44px;font-size:15px;font-weight:800}.course-builder-search-area{z-index:25;position:absolute;top:76px;left:16px;right:16px}.course-builder-search{background:#fff;border-radius:999px;align-items:center;gap:8px;height:46px;padding:0 14px;display:flex;box-shadow:0 8px 18px #1f29371f}.course-builder-search span{color:#1f2937;font-size:26px;line-height:1;transform:translateY(-1px)}.course-builder-search input{color:#111827;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:14px}.course-builder-search button{color:#7a6d67;background:#f3f4f6;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.course-nearby-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:22px;margin-top:10px;padding:8px;box-shadow:0 10px 24px #1f293724}.course-nearby-toggle{color:#111827;text-align:left;background:#fffaf7;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 12px;display:flex}.course-nearby-toggle strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:900;overflow:hidden}.course-nearby-toggle span{color:#6b4a3c;white-space:nowrap;flex:none;align-items:center;gap:9px;display:inline-flex}.course-nearby-toggle i{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .18s;transform:rotate(45deg)}.course-nearby-panel[data-open=true] .course-nearby-toggle i{transform:translateY(3px)rotate(225deg)}.course-nearby-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.course-nearby-chip{color:#594136;background:#fffaf7;border:1px solid #f1e5dd;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:34px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.course-nearby-chip[data-category=AT4]{color:#047857;background:#f0fdf4;border-color:#b7ead0}.course-nearby-chip[data-category=CE7]{color:#8a5431;background:#fff8f3;border-color:#ead8cb}.course-nearby-chip[data-category=FD6]{color:#ea580c;background:#fff7ed;border-color:#fed7aa}.course-nearby-chip[data-category=CS2]{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.course-nearby-chip[data-category=AD5]{color:#6d5bd0;background:#f5f3ff;border-color:#ddd6fe}.course-nearby-chip[data-active=true]{color:#fff;box-shadow:0 6px 14px #1f29372e}.course-nearby-chip[data-category=AT4][data-active=true]{background:#047857;border-color:#047857}.course-nearby-chip[data-category=CE7][data-active=true]{background:#8a5431;border-color:#8a5431}.course-nearby-chip[data-category=FD6][data-active=true]{background:#ea580c;border-color:#ea580c}.course-nearby-chip[data-category=CS2][data-active=true]{background:#2563eb;border-color:#2563eb}.course-nearby-chip[data-category=AD5][data-active=true]{background:#6d5bd0;border-color:#6d5bd0}.course-nearby-chip svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.course-nearby-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-nearby-chip small{color:#6b4a3c;background:#f7eee9;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:900;display:grid}.course-search-results{background:#fffffffa;border-radius:22px;max-height:min(420px,100dvh - 170px);margin-top:10px;overflow-y:auto;box-shadow:0 10px 24px #1f293729}.course-search-title{color:#6b4a3c;margin:0;padding:13px 17px 6px;font-size:12px;font-weight:900}.course-search-state{color:#6b7280;text-align:center;margin:0;padding:18px;font-size:13px}.course-search-result-item{text-align:left;background:0 0;border-bottom:1px solid #f3f4f6;grid-template-columns:1fr auto;gap:4px 10px;width:100%;padding:15px 17px;display:grid;position:relative}.course-search-result-item:last-child{border-bottom:0}.course-search-result-item strong{color:#111827;grid-column:1;font-size:15px;line-height:1.45}.course-search-result-item small{color:#6b7280;grid-column:1/-1;font-size:12px;line-height:1.45}.course-search-result-item em{color:#ff6f0f;white-space:nowrap;grid-area:1/2;align-self:center;font-size:12px;font-style:normal;font-weight:800}.course-category-badge,.course-source-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.course-builder-zoom-controls{z-index:18;background:#fff;border-radius:15px;flex-direction:column;width:44px;display:flex;position:absolute;bottom:196px;left:16px;overflow:hidden;box-shadow:0 4px 12px #00000014}.course-builder-zoom-controls button{color:#374151;background:#fff;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:grid}.course-builder-zoom-controls button+button{border-top:1px solid #f3f4f6}.course-builder-marker{color:#fff;background:#050505;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid;box-shadow:0 4px 8px #0000002e}.course-builder-selected-marker{background:#db2777;border:4px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:38px;height:38px;padding:0;display:grid;transform:rotate(-45deg);box-shadow:0 7px 16px #11182747}.course-builder-selected-marker span{background:#fff;border-radius:50%;width:8px;height:8px;transform:rotate(45deg)}.course-builder-candidate-marker{color:#fff;background:#64748b;border:3px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;display:grid;box-shadow:0 4px 10px #0f172a33}.course-builder-candidate-marker svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.course-builder-candidate-marker.is-tourism{background:#047857;width:35px;height:35px;box-shadow:0 0 0 2px #ffffffa6,0 6px 14px #04785747}.course-builder-candidate-marker.is-tourism svg{fill:currentColor;stroke:currentColor}.course-builder-current-marker{background:#3b82f638;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.course-builder-current-marker span{background:#3b82f6;border:4px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 7px #0003}.course-sheet-handle{touch-action:none;cursor:grab;background:0 0;border-radius:99px;width:48px;height:22px;margin:5px auto 2px;display:block}.course-sheet-handle:before{content:"";background:#d1d5db;border-radius:99px;width:40px;height:6px;margin:8px auto;display:block}.course-draft-bottom-sheet,.course-place-detail-sheet{z-index:20;background:#fff;border-radius:30px 30px 0 0;transition:max-height .22s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 14px #00000017}.course-draft-stats{border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(3,1fr);min-height:92px;padding:14px 20px 17px;display:grid}.course-draft-stats div{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.course-draft-stats div+div{border-left:1px solid #e5e7eb}.course-draft-stats strong{color:#111827;letter-spacing:0;font-size:28px;line-height:1}.course-draft-stats small{color:#374151;margin-left:3px;font-size:14px}.course-surface-row{color:#475569;justify-content:center;gap:8px;padding:10px 16px 0;font-size:11px;display:flex}.course-surface-row span{background:#f8fafc;border-radius:999px;padding:6px 9px}.course-route-status{color:#8a5431;text-align:center;margin:10px 18px 0;font-size:12px}.course-waypoint-list{max-height:260px;padding-bottom:max(20px, env(safe-area-inset-bottom));overflow-y:auto}.course-empty-waypoints{color:#6b7280;text-align:center;margin:0;padding:24px 20px 30px;font-size:13px}.course-waypoint-item{border-bottom:1px solid #f9fafb;grid-template-columns:30px 1fr 34px;align-items:center;gap:13px;min-height:64px;padding:12px 24px;display:grid}.course-waypoint-item>span{color:#fff;background:#050505;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:grid}.course-waypoint-item strong,.course-waypoint-item small{display:block}.course-waypoint-item small{color:#6b7280;margin-top:2px;font-size:11px}.course-waypoint-item button{color:#9ca3af;background:#f9fafb;border-radius:50%;width:30px;height:30px;font-size:18px}.course-reset-button{width:calc(100% - 40px);min-height:40px;margin:0 20px max(16px, env(safe-area-inset-bottom));color:#594136;background:#f7f2ef;border-radius:13px;font-size:13px;font-weight:800;display:block}.course-place-detail-sheet{padding:0 18px max(18px, env(safe-area-inset-bottom))}.course-place-detail-sheet[data-snap=peek]{max-height:300px}.course-place-detail-sheet[data-snap=full]{max-height:76dvh;overflow-y:auto}.course-place-detail-header{grid-template-columns:1fr 32px;align-items:start;gap:12px;display:grid}.course-place-detail-header h2{color:#111827;letter-spacing:0;margin:10px 0 4px;font-size:20px;line-height:1.3}.course-place-detail-header p{color:#6b7280;margin:0;font-size:12px;line-height:1.45}.course-place-detail-header>button{color:#6b7280;background:#f3f4f6;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.course-place-meta{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.course-place-meta span{color:#594136;background:#fff6f1;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.course-place-detail-sheet[data-snap=peek] .course-place-detail-body{display:none}.course-tour-card,.course-tour-fallback,.course-kakao-only-card{background:#fbfcfd;border:1px solid #eef0f3;border-radius:16px;margin-top:14px;padding:14px}.course-tour-card img{object-fit:cover;border-radius:13px;width:100%;max-height:170px;margin-bottom:12px;display:block}.course-tour-card p,.course-tour-fallback p,.course-kakao-only-card p{color:#4b5563;margin:0;font-size:13px;line-height:1.6}.course-tour-card button{color:#ff6f0f;background:0 0;margin-top:7px;font-size:12px;font-weight:800}.course-tour-card em{color:#16833a;margin-top:10px;font-size:11px;font-style:normal;font-weight:900;display:block}.course-tour-fallback strong,.course-kakao-only-card strong{color:#111827;margin-bottom:5px;font-size:14px;display:block}.course-tour-fallback a,.course-kakao-only-card a,.course-detail-actions a{color:#ff6f0f;margin-top:11px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.course-detail-info-list{gap:10px;margin:0 0 13px;display:grid}.course-detail-info-list div{grid-template-columns:58px 1fr;gap:10px;display:grid}.course-detail-info-list dt{color:#8a5431;font-size:12px;font-weight:900}.course-detail-info-list dd{color:#374151;white-space:pre-line;margin:0;font-size:13px;line-height:1.55}.course-detail-notice{color:#b45309;margin:10px 0 0;font-size:12px}.course-add-button{color:#fff;background:#ff6f0f;border-radius:13px;width:100%;min-height:50px;margin-top:14px;font-size:15px;font-weight:900;box-shadow:0 6px 14px #ff6f0f33}.course-add-button:disabled{color:#9ca3af;box-shadow:none;background:#f3f4f6}.course-nearby-list-sheet{z-index:20;padding:0 18px max(18px, env(safe-area-inset-bottom));background:#fffffffa;border-radius:30px 30px 0 0;transition:max-height .22s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 14px #00000017}.course-nearby-list-sheet[data-snap=peek]{max-height:252px}.course-nearby-list-sheet[data-snap=full]{max-height:64dvh}.course-nearby-list-header{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 12px;display:flex}.course-nearby-list-header div{min-width:0}.course-nearby-list-header span{color:#8a5431;font-size:12px;font-weight:900;display:block}.course-nearby-list-header strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:17px;font-weight:900;display:block;overflow:hidden}.course-nearby-list-header small{color:#594136;background:#fff6f1;border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:900}.course-nearby-list{max-height:430px;padding-bottom:8px;overflow-y:auto}.course-nearby-list-sheet[data-snap=peek] .course-nearby-list{max-height:150px;overflow:hidden}.course-nearby-list-sheet[data-snap=full] .course-nearby-list{max-height:calc(64dvh - 92px)}.course-nearby-list-item{text-align:left;background:0 0;border-top:1px solid #f3f4f6;grid-template-columns:1fr auto;gap:4px 10px;width:100%;padding:13px 0;display:grid;position:relative}.course-nearby-list-item strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:15px;line-height:1.4;overflow:hidden}.course-nearby-list-item small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:12px;line-height:1.45;overflow:hidden}.course-nearby-list-item em{color:#ff6f0f;white-space:nowrap;grid-area:1/2;align-self:center;font-size:12px;font-style:normal;font-weight:900}@media (width<=370px){.course-builder-search-area{left:12px;right:12px}.course-draft-stats{padding-inline:14px}.course-draft-stats strong{font-size:24px}.course-waypoint-item{padding-inline:18px}.course-place-detail-sheet{padding-inline:15px}}.course-save-page{color:#111827;background:#f7f8fc;width:min(100%,430px);min-height:100dvh;margin:0 auto;padding:74px 18px 104px;position:relative;overflow-y:auto}.course-save-header{z-index:30;width:min(100%,430px);height:58px;padding:env(safe-area-inset-top) 16px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000000d}.course-save-header button{color:#111827;background:0 0;place-items:center;width:36px;height:36px;display:grid}.course-save-header strong{text-align:center;letter-spacing:0;font-size:18px;font-weight:900}.course-save-summary{background:#e5e7eb;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden;box-shadow:0 6px 18px #1f29370f}.course-save-summary div{background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:92px;display:flex}.course-save-summary strong{color:#111827;margin-top:7px;font-size:25px;line-height:1}.course-save-summary small{color:#374151;margin-left:3px;font-size:13px}.course-save-section{background:#fff;border-radius:18px;margin-top:18px;padding:18px;box-shadow:0 5px 16px #1f29370d}.course-save-section h2{color:#111827;letter-spacing:0;margin:0 0 14px;font-size:15px}.course-save-section label{color:#594136;gap:8px;margin-top:13px;font-size:12px;font-weight:900;display:grid}.course-save-section input,.course-save-section textarea{color:#111827;background:#fbfcfd;border:1px solid #e5e7eb;border-radius:13px;outline:none;width:100%;font-size:14px}.course-save-section input{min-height:50px;padding:0 14px}.course-save-section textarea{resize:vertical;min-height:112px;padding:14px;line-height:1.55}.course-type-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.course-type-options button{color:#594136;text-align:left;background:#fbfcfd;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;min-height:76px;padding:14px;display:flex}.course-type-options button.active{color:#a04100;background:#fff6f1;border-color:#ff6f0f}.course-type-options strong{color:inherit;font-size:14px}.course-save-chips{flex-wrap:wrap;gap:9px;display:flex}.course-save-chips button{color:#594136;background:#fbfcfd;border:1px solid #e5e7eb;border-radius:999px;min-height:36px;padding:0 14px;font-size:12px;font-weight:800}.course-save-chips button.active{color:#fff;background:#ff6f0f;border-color:#ff6f0f}.course-save-empty-options,.course-save-notice{color:#6b7280;margin:0;font-size:12px;line-height:1.55}.course-save-notice{color:#8a5431;background:#fff6f1;border-radius:13px;margin-top:12px;padding:12px 14px}.course-public-toggle{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:66px;padding:0;display:flex}.course-public-toggle span{flex-direction:column;gap:4px;display:flex}.course-public-toggle strong{color:#111827;font-size:14px}.course-public-toggle small{color:#6b7280;font-size:11px}.course-public-toggle>i{background:#d3dde3;border-radius:99px;flex:none;width:45px;height:26px;transition:all .2s;position:relative}.course-public-toggle>i em{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.course-public-toggle>i.on{background:#ff671b}.course-public-toggle>i.on em{transform:translate(19px)}.course-save-waypoints{gap:12px;margin:0;padding:0;list-style:none;display:grid}.course-save-waypoints li{grid-template-columns:30px 1fr;align-items:center;gap:12px;min-height:54px;display:grid}.course-save-waypoints li>span{color:#fff;background:#050505;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid}.course-save-waypoints strong,.course-save-waypoints small{display:block}.course-save-waypoints small{color:#6b7280;margin-top:3px;font-size:11px;line-height:1.45}.course-save-error{color:#b91c1c;background:#fff0ee;border-radius:13px;margin:14px 0 0;padding:12px 14px;font-size:12px;line-height:1.55}.course-save-footer{z-index:28;width:min(100%,430px);padding:14px 18px max(18px, env(safe-area-inset-bottom));background:linear-gradient(#f7f8fc00,#f7f8fc 22%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.course-save-footer button{color:#fff;background:#ff6f0f;border-radius:15px;width:100%;min-height:54px;font-size:15px;font-weight:900;box-shadow:0 7px 16px #ff6f0f38}.course-save-footer button:disabled{color:#9ca3af;box-shadow:none;background:#e5e7eb}.course-save-modal-backdrop{z-index:80;background:#11182761;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.course-save-modal{width:min(100%,430px);padding:18px 20px max(22px, env(safe-area-inset-bottom));text-align:center;background:#fff;border-radius:26px 26px 0 0}.course-save-modal>span{color:#fff;background:#16833a;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:12px;font-weight:900;display:grid}.course-save-modal h2{color:#111827;margin:0;font-size:20px}.course-save-modal p{color:#6b7280;margin:10px 0 6px;font-size:11px;font-weight:800}.course-save-modal code{color:#594136;word-break:break-all;background:#f7f2ef;border-radius:11px;padding:10px;font-size:11px;display:block}.course-save-modal div{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.course-save-modal button{color:#594136;background:#f7f2ef;border-radius:13px;min-height:48px;font-size:13px;font-weight:900}.course-save-modal button:first-child{color:#fff;background:#ff6f0f;grid-column:1/-1}.course-library{color:#261912;gap:16px;display:grid}.course-library-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.course-library-head span{color:#ff6f0f;font-size:11px;font-weight:900;display:block}.course-library-head h1{letter-spacing:0;margin:5px 0 7px;font-size:24px;line-height:1.25}.course-library-head p{color:#6b5a51;margin:0;font-size:13px;line-height:1.55}.course-library-head a{color:#fff;background:#ff6f0f;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:38px;padding:0 13px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.course-library-summary{background:#fff;border:1px solid #f0ded6;border-radius:18px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 4px 12px #2619120a}.course-library-summary div{flex-direction:column;justify-content:center;align-items:center;min-height:82px;display:flex}.course-library-summary div+div{border-left:1px solid #f0ded6}.course-library-summary strong{color:#111827;margin-top:7px;font-size:22px;line-height:1}.course-library-summary small{color:#374151;margin-left:2px;font-size:12px}.course-library-search{background:#fff;border:1px solid #f0ded6;border-radius:16px;grid-template-columns:22px 1fr 32px;align-items:center;gap:9px;min-height:48px;padding:0 10px 0 15px;display:grid;box-shadow:0 5px 14px #2619120d}.course-library-search span{color:#594136;place-items:center;display:grid}.course-library-search svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.course-library-search input{color:#111827;background:0 0;outline:none;width:100%;font-size:14px;font-weight:800}.course-library-search button{color:#8d7164;background:#f7f2ef;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:grid}.course-library-filters{gap:8px;margin:2px -2px 0;padding:0 2px 2px;display:flex;overflow-x:auto}.course-library-filters button{color:#594136;white-space:nowrap;background:#fff;border:1px solid #e1bfb1;border-radius:999px;flex:none;min-height:36px;padding:0 14px;font-size:12px;font-weight:800}.course-library-filters button.active{color:#fff;background:#ff6f0f;border-color:#ff6f0f}.course-library-error{color:#b91c1c;background:#fff0ee;border-radius:13px;margin:-2px 0 0;padding:11px 13px;font-size:12px;line-height:1.5}.course-library-loading{color:#8d7164;flex-direction:column;align-items:center;gap:10px;min-height:220px;padding:52px 0;font-size:12px;display:flex}.course-library-loading .spinner{width:30px;height:30px}.course-library-list{gap:14px;display:grid}.course-library-card{background:#fff;border:1px solid #f1e3dd;border-radius:18px;overflow:hidden;box-shadow:0 5px 14px #2619120d}.course-library-card-image{color:#168847;background:#eaf7ef;height:136px;position:relative;overflow:hidden}.course-library-card-image em{z-index:1;color:#fff;background:#168847eb;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:900;position:absolute;top:12px;left:12px}.course-library-bookmark{z-index:2;color:#594136;background:#fffffff0;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 5px 14px #2619122e}.course-library-bookmark svg{width:20px;height:20px}.course-library-bookmark:disabled{cursor:not-allowed;opacity:1}.course-library-card-map{pointer-events:none;height:100%}.course-route-thumbnail{background:linear-gradient(135deg,#e9f6ee,#d9eef7 55%,#fff0e7);position:absolute;inset:0}.course-route-thumbnail svg{width:100%;height:100%;display:block}.thumbnail-land{fill:#ffffff94}.thumbnail-land-b{fill:#2d91531f}.thumbnail-road{fill:none;stroke:#65524a2e;stroke-width:8px;stroke-linecap:round}.thumbnail-route{fill:none;stroke:#ff6f0f;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.thumbnail-marker circle{fill:#050505}.thumbnail-marker text{fill:#fff;text-anchor:middle;font-size:14px;font-weight:900}.course-library-card-badges{flex-wrap:wrap;gap:6px;min-height:23px;margin-bottom:6px;display:flex}.course-library-card-badges span{color:#7c3f16;background:#fff1e8;border-radius:999px;align-items:center;min-height:23px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.course-library-card h2{color:#111827;letter-spacing:0;margin:0;font-size:17px;line-height:1.35}.course-library-description{color:#594136;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.course-library-waypoints{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:10px 0 0;font-size:11px;line-height:1.5;overflow:hidden}.course-library-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px;display:grid}.course-library-stats span{color:#594136;white-space:nowrap;background:#f9f6f3;border-radius:11px;justify-content:center;align-items:center;gap:2px;min-height:38px;padding:0 4px;font-size:11px;font-weight:800;line-height:1;display:flex}.course-library-stats b{color:#111827;font-size:15px;line-height:1}.course-library-actions{gap:8px;margin-top:14px;display:grid}.course-library-actions[data-count="1"]{grid-template-columns:1fr}.course-library-actions[data-count="2"]{grid-template-columns:.92fr 1.08fr}.course-library-actions[data-count="3"]{grid-template-columns:.78fr .88fr 1.12fr}.course-library-actions[data-count="4"]{grid-template-columns:repeat(2,1fr)}.course-library-action{border-radius:13px;justify-content:center;align-items:center;width:100%;min-height:46px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.course-library-action.is-primary{color:#fff;background:#ff6f0f;box-shadow:0 5px 12px #ff6f0f2e}.course-library-action.is-secondary{color:#594136;box-shadow:none;background:#f7f2ef}.course-library-action.is-muted{color:#168847;box-shadow:none;background:#e8f7ec}.course-library-action.is-danger{color:#b91c1c;box-shadow:none;background:#fff0ee}.course-library-actions button:disabled{cursor:not-allowed}.course-library.is-compact .course-library-card-badges{min-height:0;margin-bottom:5px}.course-library.is-compact .course-library-waypoints{margin-top:8px}.course-library.is-compact .course-library-stats{margin-top:10px}.course-library.is-compact .course-library-stats span{min-height:34px}.course-library-empty{background:var(--color-surface);text-align:center;border:1px dashed #e1bfb1;border-radius:18px;flex-direction:column;align-items:center;min-height:240px;padding:44px 18px;display:flex}.course-library-empty p{color:#7a6a61;max-width:280px;margin:8px 0 0;font-size:12px;line-height:1.55}.course-library-empty a{color:#fff;background:#ff6f0f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-top:17px;padding:0 18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.course-route-map{background:#e6e8ec;position:relative;overflow:hidden}.course-route-map-canvas{width:100%;height:100%}.course-route-map-fallback{color:#594136;text-align:center;background:#e6e8ec;place-items:center;padding:24px;font-size:13px;line-height:1.6;display:grid;position:absolute;inset:0}.course-route-map-marker{color:#fff;background:#050505;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid;box-shadow:0 4px 8px #0003}.course-route-map-current{background:#3b82f638;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.course-route-map-current span{background:#3b82f6;border:4px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 7px #0003}.course-route-map-zoom{z-index:18;background:#fff;border-radius:14px;flex-direction:column;width:42px;display:flex;position:absolute;bottom:14px;left:14px;overflow:hidden;box-shadow:0 4px 12px #00000014}.course-route-map-zoom button{color:#374151;background:#fff;place-items:center;width:42px;height:42px;font-size:23px;line-height:1;display:grid}.course-route-map-zoom button+button{border-top:1px solid #f3f4f6}.course-route-loading{color:#594136;background:#e6e8ec;flex-direction:column;justify-content:center;align-items:center;gap:11px;font-size:12px;display:flex}.course-route-loading .spinner{width:32px;height:32px}.course-detail-page{color:#261912;gap:16px;padding-bottom:116px;display:grid}.course-detail-title span{color:#168847;background:#e8f7ec;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.course-detail-title h1{color:#111827;letter-spacing:0;margin:9px 0 8px;font-size:24px;line-height:1.28}.course-detail-title p{color:#594136;margin:0;font-size:13px;line-height:1.55}.course-detail-map-card{background:#e6e8ec;border:1px solid #f0ded6;border-radius:18px;height:300px;overflow:hidden;box-shadow:0 5px 14px #2619120d}.course-detail-map{width:100%;height:100%}.course-detail-badges{flex-wrap:wrap;gap:7px;display:flex}.course-detail-badges span{color:#7c3f16;background:#fff1e8;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.course-detail-creator{background:#fff;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid;box-shadow:0 4px 12px #2619120d}.course-detail-creator>span{color:#fff;background:#ff6f0f;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;font-weight:900;display:grid}.course-detail-creator small{color:#8d7164;font-size:10px;font-weight:900;display:block}.course-detail-creator strong{color:#111827;margin-top:3px;font-size:14px;line-height:1.25;display:block}.course-detail-creator p{color:#6b7280;margin:3px 0 0;font-size:11px;line-height:1.35}.course-detail-creator button{color:#7c3f16;background:#fff1e8;border-radius:999px;min-height:36px;padding:0 12px;font-size:11px;font-weight:900}.course-detail-stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.course-detail-stats div{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;min-height:82px;padding:15px;display:flex;box-shadow:0 4px 12px #2619120d}.course-detail-stats strong{color:#111827;margin-top:8px;font-size:23px;line-height:1}.course-detail-stats small{color:#374151;margin-left:3px;font-size:12px}.course-detail-surface{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.course-detail-surface span{color:#475569;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 3px 9px #2619120a}.course-detail-waypoints{background:#fff;border-radius:18px;padding:18px;box-shadow:0 5px 14px #2619120d}.course-detail-waypoints h2{color:#111827;margin:0 0 13px;font-size:17px}.course-detail-waypoints ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.course-detail-waypoints li{grid-template-columns:32px 1fr;align-items:start;gap:13px;display:grid}.course-detail-waypoints li>span{color:#fff;background:#050505;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid}.course-detail-waypoints strong{color:#111827;font-size:15px;line-height:1.35;display:block}.course-detail-waypoints p{color:#594136;margin:5px 0 0;font-size:12px;line-height:1.45}.course-detail-waypoints small{color:#6b7280;margin-top:6px;font-size:11px;line-height:1.4;display:block}.course-detail-action-error{z-index:29;left:50%;bottom:calc(143px + max(10px, env(safe-area-inset-bottom)));color:#b91c1c;text-align:center;background:#fff0ee;border-radius:12px;width:min(100% - 40px,390px);margin:0;padding:10px 12px;font-size:12px;line-height:1.45;position:fixed;transform:translate(-50%);box-shadow:0 6px 16px #26191214}.course-detail-info-backdrop{z-index:40;background:#1118275c;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.course-detail-info-modal{background:#fff;border-radius:22px 22px 18px 18px;width:min(100%,390px);padding:22px 18px 18px;position:relative;box-shadow:0 -10px 30px #1118272e}.course-detail-info-modal>button{color:#6b7280;background:#f7f2ef;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:grid;position:absolute;top:13px;right:13px}.course-detail-info-modal>span{color:#168847;background:#e8f7ec;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.course-detail-info-modal h2{color:#111827;margin:12px 0 8px;font-size:20px;line-height:1.25}.course-detail-info-modal p{color:#594136;white-space:pre-line;margin:0;font-size:13px;line-height:1.6}.course-detail-info-modal dl{gap:9px;margin:16px 0 0;display:grid}.course-detail-info-modal dl div{background:#fff8f4;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding:0 12px;display:flex}.course-detail-info-modal dt{color:#8d7164;font-size:11px;font-weight:900}.course-detail-info-modal dd{color:#111827;margin:0;font-size:12px;font-weight:900}.course-detail-footer{z-index:29;left:50%;bottom:calc(83px + max(10px, env(safe-area-inset-bottom)));grid-template-columns:1fr;gap:8px;width:min(100% - 40px,390px);display:grid;position:fixed;transform:translate(-50%)}.course-detail-footer[data-has-bookmark=true]{grid-template-columns:.9fr 1.1fr}.course-detail-bookmark{color:#594136;background:#f7f2ef;box-shadow:0 5px 14px #2619120f}.course-detail-bookmark:disabled{color:#168847;cursor:not-allowed;background:#e8f7ec}.course-detail-bookmark span{justify-content:center;align-items:center;gap:6px;display:flex}.course-detail-bookmark svg{width:18px;height:18px}.course-detail-start{color:#fff;background:#ff6f0f;box-shadow:0 7px 16px #ff6f0f38}.course-detail-empty{background:var(--color-surface);text-align:center;border:1px dashed #e1bfb1;border-radius:18px;flex-direction:column;align-items:center;min-height:260px;padding:54px 18px;display:flex}.course-detail-empty strong{color:#111827;font-size:16px}.course-detail-empty p{color:#7a6a61;margin:8px 0 0;font-size:12px;line-height:1.55}.course-detail-empty a{color:#fff;background:#ff6f0f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-top:17px;padding:0 18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}@media (width<=360px){.course-library-summary strong{font-size:20px}.course-library-card-image{height:118px}.course-library-stats{grid-template-columns:repeat(2,1fr)}.course-library-actions,.course-library-actions[data-count="2"],.course-library-actions[data-count="3"],.course-library-actions[data-count="4"]{grid-template-columns:1fr}.course-detail-map-card{height:250px}}.notification-center{z-index:var(--z-popover);position:relative}.notification-bell{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-ink-secondary);transition:color var(--motion-control) var(--ease-standard), background-color var(--motion-control) var(--ease-standard), transform var(--motion-press) var(--ease-standard);background:0 0;place-items:center;padding:0;display:grid;position:relative}.notification-bell:hover,.notification-bell[aria-expanded=true]{background:var(--color-surface-subtle)}.notification-bell[data-unread=true]{color:var(--color-brand-700);background:var(--color-brand-050)}.notification-bell:active{transform:scale(.96)}.notification-bell:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.notification-badge{border:2px solid var(--color-canvas);border-radius:var(--radius-full);min-width:20px;height:20px;color:var(--color-surface);background:var(--color-danger);font-size:var(--text-legal);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;font-weight:800;line-height:1;display:grid;position:absolute;top:1px;right:-3px}.notification-panel{z-index:var(--z-popover);top:calc(var(--app-header-total-height) + var(--spacing-2));width:min(calc(100% - (var(--space-page) * 2)), 398px);max-height:min(620px, calc(100dvh - var(--app-header-total-height) - var(--bottom-nav-total-height) - var(--spacing-4)));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-3);text-align:left;flex-direction:column;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.notification-panel-header{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:76px;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);flex:none;display:flex}.notification-panel-heading{min-width:0}.notification-panel-heading h2{font-size:var(--text-app-title);margin:0;font-weight:700;line-height:1.5rem}.notification-panel-heading>span{margin-top:var(--spacing-1);color:var(--color-ink-tertiary);font-size:var(--text-caption);white-space:nowrap;font-weight:600;line-height:1.125rem;display:block}.notification-panel-actions{gap:var(--spacing-1);flex:none;display:flex}.notification-panel-actions .ui-button{min-height:44px;padding-inline:var(--spacing-2);color:var(--color-brand-700)}.notification-panel-actions .notification-clear{color:var(--color-ink-secondary)}.notification-panel-actions .ui-button:hover{background:var(--color-surface-subtle)}.notification-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.notification-item{align-items:start;gap:var(--spacing-3);width:100%;min-height:112px;padding:var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-ink);background:var(--color-surface);text-align:left;transition:background-color var(--motion-control) var(--ease-standard);grid-template-columns:44px minmax(0,1fr) 8px;display:grid;position:relative}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:var(--color-brand-050)}.notification-item:hover{background:var(--color-surface-subtle)}.notification-item:focus-visible{z-index:1;outline:2px solid var(--color-brand-500);outline-offset:-2px}.notification-type{border-radius:var(--radius-control);place-items:center;width:44px;height:44px;display:grid}.notification-type.social{color:var(--color-danger);background:var(--color-danger-subtle)}.notification-type.meetup{color:var(--color-warning);background:var(--color-warning-subtle)}.notification-copy{min-width:0}.notification-meta{align-items:center;gap:var(--spacing-2);color:var(--color-ink-tertiary);font-size:var(--text-caption);line-height:1.125rem;display:flex}.notification-meta>span{color:var(--color-brand-700);font-weight:700}.notification-meta time{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}.notification-copy strong{margin-top:var(--spacing-1);font-size:var(--text-body-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.25rem;display:block;overflow:hidden}.notification-message{margin-top:var(--spacing-1);color:var(--color-ink-secondary);font-size:var(--text-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.125rem;display:-webkit-box;overflow:hidden}.notification-unread{width:8px;height:8px;margin-top:var(--spacing-1);border-radius:var(--radius-full);background:var(--color-brand-500)}.notification-state{justify-content:center;align-items:center;gap:var(--spacing-3);min-height:220px;padding:var(--spacing-10) var(--spacing-5);color:var(--color-ink-secondary);font-size:var(--text-body-sm);text-align:center;flex-direction:column;margin:0;line-height:1.25rem;display:flex}.notification-state p{margin:0}.notification-state.error{color:var(--color-danger);background:var(--color-danger-subtle)}.notification-empty{border-radius:0;min-height:280px}@media (width<=360px){.notification-panel{width:calc(100% - (var(--spacing-2) * 2))}.notification-panel-header{padding-inline:var(--spacing-3)}.notification-panel-actions .ui-button{padding-inline:var(--spacing-1)}.notification-item{gap:var(--spacing-2);padding-inline:var(--spacing-3)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes pulse{50%{opacity:.5}}.course-library{gap:var(--spacing-5);color:var(--color-ink)}.course-library-head{align-items:center;gap:var(--spacing-4)}.course-library-head>div{min-width:0}.course-library-head span{color:var(--color-brand-500);font-size:var(--text-caption);font-weight:700}.course-library-head h1{margin:var(--spacing-1) 0 var(--spacing-1);color:var(--color-ink);font-size:var(--text-page-title);letter-spacing:-.02em;font-weight:800;line-height:2rem}.course-library-head p{max-width:290px;color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.45}.course-library-head a{min-height:44px;padding-inline:var(--spacing-4);border-radius:var(--radius-full);background:var(--color-brand-500);font-size:var(--text-label);font-weight:700}.course-library-search{min-height:52px;padding:0 var(--spacing-2) 0 var(--spacing-4);border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:none;transition:border-color var(--motion-control) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard);grid-template-columns:24px 1fr 36px}.course-library-search:focus-within{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-050)}.course-library-search span{color:var(--color-ink-tertiary)}.course-library-search input{color:var(--color-ink);font-size:var(--text-body);font-weight:500}.course-library-search input::placeholder{color:var(--color-ink-tertiary)}.course-library-search button{width:36px;height:36px;color:var(--color-ink-secondary);background:var(--color-surface-subtle)}.course-library>.ui-horizontal-scroller{padding-block:0}.course-library-summary{border-color:var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none}.course-library-summary div{min-height:76px}.course-library-summary div+div{border-left-color:var(--color-border-subtle)}.course-library-summary span{color:var(--color-ink-tertiary);font-size:var(--text-caption);font-weight:600}.course-library-summary strong{color:var(--color-ink);font-size:var(--text-section-title);font-variant-numeric:tabular-nums}.course-library-summary small{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-library-error{border-radius:var(--radius-control);color:var(--color-danger);background:var(--color-danger-subtle);font-size:var(--text-caption);margin:0}.course-library-loading{min-height:240px;color:var(--color-ink-tertiary);font-size:var(--text-caption)}.course-library-list{gap:var(--spacing-4)}.course-library-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none}.course-library-card-image{background:var(--color-map-fallback);height:148px}.course-library-type-badge{z-index:1;top:var(--spacing-3);left:var(--spacing-3);box-shadow:var(--shadow-1);position:absolute}.course-library-bookmark{top:var(--spacing-3);right:var(--spacing-3);width:44px;height:44px;color:var(--color-ink-secondary);box-shadow:var(--shadow-2);background:#fffffff5;border-color:#fffc}.course-library-bookmark.is-saved{color:var(--color-brand-500);background:var(--color-brand-050)}.course-library-card-body{padding:var(--spacing-4)}.course-library-card-badges{min-height:24px;margin-bottom:var(--spacing-2);gap:var(--spacing-1)}.course-library-card-badges:empty{display:none}.course-library-card-badges .ui-badge{min-height:22px;font-size:var(--text-legal)}.course-library-card-badges .ui-badge--brand,.course-detail-badges .ui-badge--brand{color:#fff;background:var(--color-brand-500)}.course-library-card-badges .ui-badge--neutral,.course-detail-badges .ui-badge--neutral{color:var(--color-ink-secondary);background:var(--color-surface-muted)}.course-library-card-badges .ui-badge--warning,.course-detail-badges .ui-badge--warning{color:var(--color-warning);background:var(--color-warning-subtle)}.course-library-card h2{color:var(--color-ink);font-size:var(--text-app-title);letter-spacing:-.01em;font-weight:800;line-height:1.45}.course-library-description{color:var(--color-ink-secondary);font-size:var(--text-body-sm)}.course-library-waypoints{margin-top:var(--spacing-2);color:var(--color-ink-tertiary);font-size:var(--text-caption)}.course-library-stats{margin-top:var(--spacing-4);padding:var(--spacing-3) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.course-library-stats span{min-height:32px;padding:0 var(--spacing-1);color:var(--color-ink-secondary);font-size:var(--text-caption);background:0 0;border-radius:0;font-weight:600}.course-library-stats span+span{border-left:1px solid var(--color-border-subtle)}.course-library-stats b{color:var(--color-ink);font-size:var(--text-body);font-variant-numeric:tabular-nums}.course-library-actions{gap:var(--spacing-2);margin-top:var(--spacing-3)}.course-library-action{border-radius:var(--radius-control);min-height:48px;font-size:var(--text-body-sm);border:1px solid #0000;font-weight:700}.course-library-action.is-primary{background:var(--color-brand-500);box-shadow:none}.course-library-action.is-secondary{border-color:var(--color-border-default);color:var(--color-ink);background:var(--color-surface)}.course-library-action.is-muted{color:var(--color-success);background:var(--color-success-subtle)}.course-library-action.is-danger{color:var(--color-danger);background:var(--color-danger-subtle)}.course-library.is-compact{gap:var(--spacing-4)}.course-library.is-compact .course-library-card-image{height:138px}.course-library.is-compact .course-library-card-body{padding:var(--spacing-4)}.course-library.is-compact .course-library-card h2{font-size:var(--text-card-title)}.course-library-empty{min-height:260px;padding:var(--spacing-10) var(--spacing-5);border-color:var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-ink);background:var(--color-surface);justify-content:center}.course-library-empty strong{color:var(--color-ink);font-size:var(--text-card-title)}.course-library-empty p{color:var(--color-ink-secondary);font-size:var(--text-body-sm)}.course-library-empty a{border-radius:var(--radius-control);background:var(--color-brand-500);min-height:44px;font-size:var(--text-label);font-weight:700}.course-route-map,.course-route-map-fallback{color:var(--color-ink-secondary);background:var(--color-map-fallback)}.course-route-map-fallback{font-size:var(--text-label)}.course-route-map-marker,.course-builder-marker{color:#fff;background:var(--color-ink);box-shadow:var(--shadow-2);font-variant-numeric:tabular-nums}.course-route-map-zoom{z-index:var(--z-map-content);left:var(--spacing-3);bottom:var(--spacing-3);position:absolute}.course-detail-page{gap:var(--spacing-5);padding-bottom:calc(116px + var(--safe-bottom));color:var(--color-ink)}.course-detail-title .ui-badge{margin-bottom:var(--spacing-2)}.course-detail-title .ui-badge--success{color:var(--color-success);background:var(--color-success-subtle)}.course-detail-title .ui-badge--spot{color:var(--color-info);background:var(--color-info-subtle)}.course-detail-title h1{margin:0 0 var(--spacing-2);color:var(--color-ink);font-size:var(--text-page-title);letter-spacing:-.02em;font-weight:800;line-height:1.35}.course-detail-title p{color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.55}.course-detail-map-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-map-fallback);height:clamp(280px,48vh,360px);box-shadow:none}.course-detail-badges{gap:var(--spacing-2)}.course-detail-creator{gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none;grid-template-columns:44px 1fr auto}.course-detail-creator>span{color:#fff;background:var(--color-brand-500);width:44px;height:44px;font-size:var(--text-body)}.course-detail-creator small{color:var(--color-ink-tertiary);font-size:var(--text-legal);font-weight:700}.course-detail-creator strong{color:var(--color-ink);font-size:var(--text-body-sm)}.course-detail-creator p{color:var(--color-ink-secondary);font-size:var(--text-legal)}.course-detail-creator button{min-height:44px;padding-inline:var(--spacing-3);color:var(--color-brand-700);background:var(--color-brand-050);font-size:var(--text-caption);font-weight:700}.course-detail-stats{gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr))}.course-detail-stats div{min-height:88px;padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none}.course-detail-stats span{color:var(--color-ink-tertiary);font-size:var(--text-caption);font-weight:600}.course-detail-stats strong{color:var(--color-ink);font-size:var(--text-page-title);font-variant-numeric:tabular-nums}.course-detail-stats small{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-detail-surface{justify-content:flex-start;gap:var(--spacing-2)}.course-detail-surface span{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-ink-secondary);background:var(--color-surface);box-shadow:none;font-size:var(--text-caption)}.course-detail-waypoints{padding:var(--spacing-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none}.course-detail-waypoints h2{margin-bottom:var(--spacing-4);color:var(--color-ink);font-size:var(--text-section-title)}.course-detail-waypoints ol{gap:0}.course-detail-waypoints li{gap:var(--spacing-3);padding-bottom:var(--spacing-5);grid-template-columns:32px 1fr;position:relative}.course-detail-waypoints li:last-child{padding-bottom:0}.course-detail-waypoints li:not(:last-child):before{content:"";background:var(--color-border-default);width:1px;position:absolute;top:30px;bottom:0;left:15px}.course-detail-waypoints li>span{z-index:1;color:#fff;background:var(--color-ink);width:30px;height:30px}.course-detail-waypoints strong{color:var(--color-ink);font-size:var(--text-body)}.course-detail-waypoints p{color:var(--color-ink-secondary);font-size:var(--text-body-sm)}.course-detail-waypoints small{color:var(--color-ink-tertiary);font-size:var(--text-caption)}.course-detail-action-error{z-index:var(--z-sticky);bottom:calc(var(--bottom-nav-total-height) + 76px);border-radius:var(--radius-control);color:var(--color-danger);background:var(--color-danger-subtle);box-shadow:var(--shadow-2)}.course-detail-info-backdrop{z-index:var(--z-backdrop);padding:var(--spacing-4);background:var(--color-overlay)}.course-detail-info-modal{border-radius:var(--radius-sheet);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-3);padding:0}.course-detail-info-modal>button{width:44px;height:44px;color:var(--color-ink-secondary);background:var(--color-surface-subtle)}.course-detail-info-modal>span{color:var(--color-success);background:var(--color-success-subtle)}.course-detail-info-modal h2{color:var(--color-ink);font-size:var(--text-app-title);margin:0}.course-detail-info-modal p{color:var(--color-ink-secondary)}.course-detail-info-modal .ui-dialog__body>.ui-badge{margin-bottom:var(--spacing-3)}.course-detail-info-modal dl{margin:0}.course-detail-info-modal dl div{background:var(--color-surface-subtle)}.course-detail-info-modal dt{color:var(--color-ink-tertiary)}.course-detail-info-modal dd{color:var(--color-ink)}.course-detail-footer{z-index:var(--z-sticky);bottom:calc(var(--bottom-nav-total-height) + var(--spacing-3));width:min(calc(100% - 2 * var(--space-page)), 390px);padding:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5}.course-detail-bookmark,.course-detail-start{border-radius:var(--radius-control);min-height:52px;font-size:var(--text-body-sm);font-weight:700}.course-detail-bookmark{border:1px solid var(--color-border-default);color:var(--color-ink);background:var(--color-surface);box-shadow:none}.course-detail-bookmark:disabled{color:var(--color-success);background:var(--color-success-subtle)}.course-detail-start{background:var(--color-brand-500);box-shadow:none}.course-detail-empty{border-color:var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface)}.course-detail-empty strong{color:var(--color-ink)}.course-detail-empty p{color:var(--color-ink-secondary);font-size:var(--text-body-sm)}.course-detail-empty a{border-radius:var(--radius-control);background:var(--color-brand-500)}.course-builder-page{width:min(100%, var(--app-max-width));height:100dvh;min-height:100dvh;color:var(--color-ink);background:var(--color-map-fallback)}.course-builder-map,.course-builder-map-fallback{background:var(--color-map-fallback)}.course-builder-map-fallback{color:var(--color-ink-secondary)}.course-builder-header{z-index:var(--z-header);height:var(--app-header-total-height);padding:var(--safe-top) max(var(--spacing-4), var(--safe-right)) 0 max(var(--spacing-4), var(--safe-left));border-bottom:1px solid var(--color-border-subtle);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5}.course-builder-header button{width:44px;height:44px;color:var(--color-ink)}.course-builder-header .course-builder-back{background:0 0;justify-self:start}.course-builder-header strong{font-size:var(--text-app-title);font-weight:700}.course-builder-header .course-builder-save{width:auto;min-width:48px;padding-inline:var(--spacing-2);color:var(--color-brand-700);font-size:var(--text-body-sm);justify-self:end;font-weight:700}.course-builder-search-area{z-index:var(--z-sticky);top:calc(var(--app-header-total-height) + var(--spacing-3));left:max(var(--spacing-4), var(--safe-left));right:max(var(--spacing-4), var(--safe-right))}.course-builder-search{gap:var(--spacing-2);height:52px;padding:0 var(--spacing-2) 0 var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-2)}.course-builder-search:focus-within{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-050), var(--shadow-2)}.course-builder-search span{color:var(--color-ink-tertiary);font-size:inherit;display:inline-flex;transform:none}.course-builder-search input{color:var(--color-ink);font-size:var(--text-body)}.course-builder-search input::placeholder{color:var(--color-ink-tertiary)}.course-builder-search button{width:36px;height:36px;color:var(--color-ink-secondary);background:var(--color-surface-subtle)}.course-builder-search .course-builder-search-clear{border-radius:var(--radius-full);min-width:36px}.course-nearby-panel{margin-top:var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5}.course-nearby-panel[data-open=true]{padding:var(--spacing-3)}.course-nearby-toggle{min-height:44px;padding-inline:var(--spacing-3);color:var(--color-ink);background:var(--color-surface-subtle)}.course-nearby-toggle strong{font-size:var(--text-label);font-weight:700}.course-nearby-toggle span{color:var(--color-ink-secondary)}.course-nearby-toggle b{font-size:var(--text-caption);font-weight:700}.course-nearby-categories{gap:var(--spacing-2);margin-top:var(--spacing-2)}.course-nearby-chip{border-color:var(--color-border-default);min-height:44px;color:var(--color-ink-secondary);background:var(--color-surface);font-size:var(--text-caption);font-weight:700}.course-nearby-chip[data-active=true]{box-shadow:none}.course-nearby-chip[data-category=AT4][data-active=true]{border-color:var(--color-success);background:var(--color-success)}.course-nearby-chip[data-category=CE7][data-active=true]{border-color:var(--color-brand-700);background:var(--color-brand-700)}.course-nearby-chip[data-category=FD6][data-active=true]{border-color:var(--color-warning);background:var(--color-warning)}.course-nearby-chip[data-category=CS2][data-active=true]{border-color:var(--color-info);background:var(--color-info)}.course-nearby-chip[data-category=AD5][data-active=true]{border-color:var(--color-ink-secondary);background:var(--color-ink-secondary)}.course-nearby-chip small{color:var(--color-ink-secondary);background:var(--color-surface-muted)}.course-nearby-chip[data-active=true] small{color:var(--color-ink);background:#ffffffe6}.course-search-results{max-height:min(420px, calc(100dvh - var(--app-header-total-height) - 88px));margin-top:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);overscroll-behavior:contain;background:#fffffffa}.course-search-title{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-search-state{color:var(--color-ink-tertiary);font-size:var(--text-label)}.course-search-result-item{min-height:72px;padding:var(--spacing-4);border-bottom-color:var(--color-border-subtle)}.course-search-result-item strong{color:var(--color-ink);font-size:var(--text-body)}.course-search-result-item small{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-search-result-item em{color:var(--color-brand-700);font-size:var(--text-caption);font-weight:700}.course-category-badge,.course-source-badge{font-size:var(--text-caption);font-weight:700}.course-category-badge.is-tourism{color:var(--color-success);background:var(--color-success-subtle)}.course-category-badge.is-cafe{color:var(--color-brand-700);background:var(--color-brand-050)}.course-category-badge.is-food{color:var(--color-warning);background:var(--color-warning-subtle)}.course-category-badge.is-store{color:var(--color-info);background:var(--color-info-subtle)}.course-category-badge.is-parking,.course-category-badge.is-place{color:var(--color-ink-secondary);background:var(--color-surface-muted)}.course-source-badge{color:var(--color-success);background:var(--color-success-subtle)}.course-builder-zoom-controls{z-index:var(--z-map-content);left:max(var(--spacing-4), var(--safe-left));position:absolute;bottom:196px}.course-builder-selected-marker{background:var(--color-brand-500);box-shadow:var(--shadow-2)}.course-builder-current-marker{background:var(--color-info-subtle)}.course-builder-current-marker span{background:var(--color-info);box-shadow:var(--shadow-1)}.course-builder-candidate-marker{background:var(--color-ink-secondary);box-shadow:var(--shadow-1)}.course-builder-candidate-marker.is-tourism{background:var(--color-success);box-shadow:var(--shadow-2)}.course-builder-candidate-marker.is-cafe{background:var(--color-brand-700)}.course-builder-candidate-marker.is-food{background:var(--color-warning)}.course-builder-candidate-marker.is-store{background:var(--color-info)}.course-builder-candidate-marker.is-stay{background:var(--color-ink-secondary)}.course-builder-toast{bottom:calc(236px + var(--spacing-3) + var(--safe-bottom))}.course-sheet-handle{width:100%;height:36px;min-height:36px;margin:0}.course-sheet-handle:before{background:var(--color-border-default);height:4px;margin:14px auto}.course-sheet-handle:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:-2px}.course-draft-bottom-sheet,.course-place-detail-sheet,.course-nearby-list-sheet{z-index:var(--z-sticky);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-top);transition:max-height var(--motion-sheet) var(--ease-standard)}.course-draft-bottom-sheet[data-snap=peek]{max-height:236px}.course-draft-bottom-sheet[data-snap=full]{max-height:68dvh}.course-draft-heading{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:56px;padding:0 var(--spacing-5) var(--spacing-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.course-draft-heading>div{min-width:0}.course-draft-heading span:not(.ui-badge){color:var(--color-brand-700);font-size:var(--text-caption);font-weight:700;display:block}.course-draft-heading strong{margin-top:var(--spacing-1);color:var(--color-ink);font-size:var(--text-card-title);line-height:1.5rem;display:block}.course-draft-heading .ui-badge{flex:none}.course-draft-stats{min-height:88px;padding:var(--spacing-3) var(--spacing-5) var(--spacing-4);border-bottom-color:var(--color-border-subtle)}.course-draft-stats div+div{border-left-color:var(--color-border-subtle)}.course-draft-stats span{color:var(--color-ink-tertiary);font-size:var(--text-caption);font-weight:600}.course-draft-stats strong{color:var(--color-ink);font-size:var(--text-display);font-variant-numeric:tabular-nums}.course-draft-stats small{color:var(--color-ink-secondary);font-size:var(--text-label)}.course-surface-row{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-surface-row span{background:var(--color-surface-subtle)}.course-route-status{color:var(--color-brand-700);font-size:var(--text-caption)}.course-route-status.is-error{color:var(--color-danger)}.course-waypoint-list{overscroll-behavior:contain}.course-empty-waypoints{min-height:188px;padding:var(--spacing-6) var(--spacing-5) calc(var(--spacing-6) + var(--safe-bottom));color:var(--color-ink-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.course-empty-waypoints>span{border-radius:var(--radius-full);width:52px;height:52px;color:var(--color-brand-500);background:var(--color-brand-050);justify-content:center;align-items:center;display:inline-flex}.course-empty-waypoints strong{margin-top:var(--spacing-3);color:var(--color-ink);font-size:var(--text-body-sm)}.course-empty-waypoints p{max-width:280px;margin:var(--spacing-1) 0 0;color:var(--color-ink-secondary);font-size:var(--text-caption);line-height:1.5}.course-waypoint-item{border-bottom-color:var(--color-border-subtle);min-height:68px}.course-waypoint-item>span{color:#fff;background:var(--color-ink)}.course-waypoint-item strong{color:var(--color-ink);font-size:var(--text-body-sm)}.course-waypoint-item small{color:var(--color-ink-tertiary);font-size:var(--text-caption)}.course-waypoint-item button{width:44px;height:44px;color:var(--color-ink-tertiary);background:0 0}.course-reset-button{width:calc(100% - 2 * var(--spacing-5));min-height:44px;margin:var(--spacing-2) var(--spacing-5) max(var(--spacing-4), var(--safe-bottom));border:1px solid var(--color-border-default);border-radius:var(--radius-control);color:var(--color-ink-secondary);background:var(--color-surface)}.course-place-detail-header h2{color:var(--color-ink);font-size:var(--text-section-title)}.course-place-detail-header p{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-place-detail-header>button{width:44px;height:44px;color:var(--color-ink-secondary);background:var(--color-surface-subtle)}.course-place-meta span{color:var(--color-brand-700);background:var(--color-brand-050);font-size:var(--text-caption)}.course-tour-card,.course-tour-fallback,.course-kakao-only-card{border-color:var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.course-tour-card p,.course-tour-fallback p,.course-kakao-only-card p{color:var(--color-ink-secondary);font-size:var(--text-body-sm)}.course-tour-card button,.course-tour-fallback a,.course-kakao-only-card a,.course-detail-actions a{color:var(--color-brand-700)}.course-tour-card em,.course-source-badge{color:var(--color-success)}.course-tour-fallback strong,.course-kakao-only-card strong{color:var(--color-ink)}.course-detail-info-list dt{color:var(--color-ink-tertiary)}.course-detail-info-list dd{color:var(--color-ink-secondary)}.course-detail-notice{color:var(--color-warning)}.course-add-button{border-radius:var(--radius-control);background:var(--color-brand-500);min-height:52px;box-shadow:none;font-size:var(--text-body-sm);font-weight:700}.course-add-button:disabled{color:var(--color-ink-disabled);background:var(--color-surface-subtle)}.course-nearby-list-header span{color:var(--color-brand-700);font-size:var(--text-caption);font-weight:700}.course-nearby-list-header strong{color:var(--color-ink);font-size:var(--text-app-title)}.course-nearby-list-header small{color:var(--color-ink-secondary);background:var(--color-surface-subtle);font-size:var(--text-caption)}.course-nearby-list{overscroll-behavior:contain}.course-nearby-list-item{border-top-color:var(--color-border-subtle);min-height:68px}.course-nearby-list-item strong{color:var(--color-ink);font-size:var(--text-body)}.course-nearby-list-item small{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-nearby-list-item em{color:var(--color-brand-700);font-size:var(--text-caption)}.course-save-page{width:min(100%, var(--app-max-width));padding:calc(var(--app-header-total-height) + var(--spacing-5)) max(var(--space-page), var(--safe-right)) calc(var(--bottom-action-total-height) + var(--spacing-8)) max(var(--space-page), var(--safe-left));color:var(--color-ink);background:var(--color-canvas)}.course-save-header{z-index:var(--z-header);width:min(100%, var(--app-max-width));height:var(--app-header-total-height);padding:var(--safe-top) max(var(--spacing-4), var(--safe-right)) 0 max(var(--spacing-4), var(--safe-left));border-bottom:1px solid var(--color-border-subtle);background:var(--color-canvas-translucent);box-shadow:none}.course-save-header button{width:44px;height:44px;color:var(--color-ink)}.course-save-header strong{font-size:var(--text-app-title);font-weight:700}.course-save-summary{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-border-subtle);box-shadow:none}.course-save-summary div{background:var(--color-surface);min-height:84px}.course-save-summary span{color:var(--color-ink-tertiary);font-size:var(--text-caption);font-weight:600}.course-save-summary strong{color:var(--color-ink);font-size:var(--text-section-title);font-variant-numeric:tabular-nums}.course-save-summary small{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-save-section{margin-top:var(--spacing-4);padding:var(--spacing-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none}.course-save-section-heading{margin-bottom:var(--spacing-4)}.course-save-section-heading .ui-section-header__title{color:var(--color-ink);font-size:var(--text-card-title);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.5rem}.course-save-section .ui-field+.ui-field{margin-top:var(--spacing-4)}.course-save-section .ui-input,.course-save-section .ui-textarea{color:var(--color-ink);font-size:var(--text-body);letter-spacing:-.01em;font-weight:400;line-height:1.375rem}.course-save-section .ui-input::placeholder,.course-save-section .ui-textarea::placeholder{color:var(--color-ink-tertiary);font-weight:400}.course-type-options{gap:var(--spacing-2)}.course-type-options .ui-chip{align-items:flex-start;gap:var(--spacing-1);height:auto;min-height:82px;padding:var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-control);color:var(--color-ink-secondary);background:var(--color-surface);text-align:left;white-space:normal;flex-direction:column}.course-type-options .ui-chip[aria-pressed=true]{border:2px solid var(--color-brand-500);color:var(--color-brand-700);background:var(--color-brand-050)}.course-type-options strong{font-size:var(--text-body-sm)}.course-type-options small{color:var(--color-ink-secondary);font-size:var(--text-caption);line-height:1.4}.course-save-chips{gap:var(--spacing-2)}.course-save-chips .ui-chip{border-color:var(--color-border-default);min-height:44px;color:var(--color-ink-secondary);background:var(--color-surface)}.course-save-chips .ui-chip[aria-pressed=true]{border:2px solid var(--color-brand-500);color:var(--color-brand-700);background:var(--color-brand-050)}.course-save-empty-options,.course-save-notice{color:var(--color-ink-secondary);font-size:var(--text-caption)}.course-save-notice{border-radius:var(--radius-control);color:var(--color-warning);background:var(--color-warning-subtle)}.course-save-waypoints{gap:0}.course-save-waypoints li{min-height:64px;padding-block:var(--spacing-2);position:relative}.course-save-waypoints li:not(:last-child):before{content:"";background:var(--color-border-default);width:1px;position:absolute;top:42px;bottom:-10px;left:15px}.course-save-waypoints li>span{z-index:1;color:#fff;background:var(--color-ink)}.course-save-waypoints strong{color:var(--color-ink);font-size:var(--text-body-sm)}.course-save-waypoints small{color:var(--color-ink-tertiary);font-size:var(--text-caption)}.course-save-error{border-radius:var(--radius-control);color:var(--color-danger);background:var(--color-danger-subtle)}.course-save-footer{z-index:var(--z-sticky);width:min(100%, var(--app-max-width));padding:var(--spacing-3) max(var(--space-page), var(--safe-right)) max(var(--spacing-4), var(--safe-bottom)) max(var(--space-page), var(--safe-left));border-top:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5}.course-save-footer .ui-button{box-shadow:none}.course-save-modal-backdrop{z-index:var(--z-backdrop);background:var(--color-overlay)}.course-save-modal{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;color:var(--color-ink);background:var(--color-surface)}.course-save-modal>span{color:#fff;background:var(--color-success)}.course-save-modal h2{color:var(--color-ink)}.course-save-modal p{color:var(--color-ink-tertiary)}.course-save-modal code{color:var(--color-ink-secondary);background:var(--color-surface-subtle)}.course-save-modal button{border-radius:var(--radius-control);min-height:48px;color:var(--color-ink);background:var(--color-surface-subtle)}.course-save-modal button:first-child{background:var(--color-brand-500)}.course-save-success-sheet .ui-sheet__body{padding-bottom:var(--spacing-3)}.course-save-success{text-align:center}.course-save-success>span{width:56px;height:56px;margin-bottom:var(--spacing-3);border-radius:var(--radius-full);color:var(--color-success);background:var(--color-success-subtle);justify-content:center;align-items:center;display:inline-flex}.course-save-success p{margin:0 0 var(--spacing-2);color:var(--color-ink-tertiary);font-size:var(--text-caption);font-weight:600}.course-save-success code{padding:var(--spacing-3);border-radius:var(--radius-control);color:var(--color-ink-secondary);background:var(--color-surface-subtle);font-size:var(--text-caption);word-break:break-all;display:block}.course-save-success-sheet .ui-sheet__footer{display:block}.course-save-success-actions{gap:var(--spacing-2);width:100%;display:grid}.course-save-success-actions .ui-button{box-shadow:none}@media (width<=370px){.course-library-head{align-items:flex-start}.course-library-head p{font-size:var(--text-caption)}.course-library-card-image{height:128px}.course-library-stats{grid-template-columns:repeat(2,1fr)}.course-library-stats span:nth-child(3){border-left:0}.course-library-stats span:nth-child(n+3){border-top:1px solid var(--color-border-subtle)}.course-library-actions,.course-library-actions[data-count="2"],.course-library-actions[data-count="3"],.course-library-actions[data-count="4"]{grid-template-columns:1fr}.course-nearby-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.course-draft-heading,.course-draft-stats{padding-inline:var(--spacing-4)}.course-save-section{padding:var(--spacing-4)}.course-type-options{grid-template-columns:1fr}.course-detail-map-card{height:260px}}@supports not (height:100dvh){.course-builder-page{height:100vh;min-height:100vh}}.running-select-page{padding-top:var(--spacing-2);color:var(--color-ink)}.running-select-heading h1{margin:0 0 var(--spacing-2);color:var(--color-ink);font-size:var(--text-page-title);letter-spacing:-.02em;font-weight:800;line-height:2rem}.running-select-heading p{color:var(--color-ink-secondary);font-size:var(--text-body);margin:0;line-height:1.5}.running-option-list{gap:var(--spacing-3);margin-top:var(--spacing-6)}.running-option-card{gap:var(--spacing-4);min-height:116px;padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-ink);background:var(--color-surface);box-shadow:none;transition:border-color var(--motion-control) var(--ease-standard), background-color var(--motion-control) var(--ease-standard), transform var(--motion-press) var(--ease-standard);grid-template-columns:72px minmax(0,1fr) 24px}.running-option-card:active{border-color:var(--color-brand-400);background:var(--color-brand-050)}.running-option-card:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.running-option-card>svg{color:var(--color-ink-tertiary)}.running-option-icon{border-radius:var(--radius-md);width:72px;height:72px;color:var(--color-brand-500);background:var(--color-brand-050);place-items:center;display:grid}.running-option-icon-routeAdd{color:var(--color-info);background:var(--color-info-subtle)}.running-option-icon-run{color:#fff;background:var(--color-brand-500)}.running-option-copy strong,.running-option-copy>span{display:block}.running-option-copy strong{margin-bottom:var(--spacing-1);color:var(--color-ink);font-size:var(--text-card-title);letter-spacing:-.01em;font-weight:800;line-height:1.5}.running-option-copy>span{color:var(--color-ink-secondary);font-size:var(--text-body-sm);line-height:1.45}.free-ready-page,.live-running-page,.running-complete-page{width:min(100%, var(--app-max-width));color:var(--color-ink);background:var(--color-canvas)}.free-ready-page{--running-ready-footer-height:calc(112px + var(--safe-bottom));height:100dvh;min-height:100dvh}.running-flow-header{z-index:var(--z-header);height:var(--app-header-total-height);padding:var(--safe-top) max(var(--spacing-4), var(--safe-right)) 0 max(var(--spacing-4), var(--safe-left));border-bottom:1px solid var(--color-border-subtle);background:var(--color-canvas-translucent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.running-flow-header button{width:44px;height:44px;color:var(--color-ink)}.running-flow-header strong{color:var(--color-ink);font-size:var(--text-app-title);font-weight:700;line-height:1.5rem}.free-ready-content{inset:var(--app-header-total-height) 0 var(--running-ready-footer-height)}.running-map{background:var(--color-map-fallback)}.running-map-fallback{color:var(--color-ink-secondary);background:var(--color-map-fallback);font-size:var(--text-label)}.running-current-marker{background:color-mix(in srgb, var(--color-info) 20%, transparent)}.running-current-marker span{background:var(--color-info);box-shadow:var(--shadow-1)}.map-location-button{right:max(var(--spacing-4), var(--safe-right));border:1px solid var(--color-border-subtle);width:48px;height:48px;color:var(--color-ink-secondary);background:var(--color-surface);box-shadow:var(--shadow-2);bottom:104px}.ready-location-card{left:max(var(--spacing-4), var(--safe-left));right:max(var(--spacing-4), var(--safe-right));bottom:var(--spacing-4);gap:var(--spacing-3);min-height:72px;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5}.ready-location-card>span{background:var(--color-warning);width:8px;height:8px;box-shadow:0 0 0 5px var(--color-warning-subtle)}.ready-location-card>span.is-ready{background:var(--color-success);box-shadow:0 0 0 5px var(--color-success-subtle)}.ready-location-card strong{color:var(--color-ink);font-size:var(--text-body-sm);font-weight:700}.ready-location-card p{color:var(--color-ink-secondary);font-size:var(--text-caption);line-height:1.4}.free-ready-footer{z-index:var(--z-sticky);height:var(--running-ready-footer-height);padding:var(--spacing-3) max(var(--space-page), var(--safe-right)) max(var(--spacing-4), var(--safe-bottom)) max(var(--space-page), var(--safe-left));border-top:1px solid var(--color-border-subtle);background:var(--color-surface)}.free-ready-footer p{margin-bottom:var(--spacing-2);color:var(--color-ink-secondary);font-size:var(--text-caption)}.free-ready-footer .ui-button{background:var(--color-brand-500);min-height:52px;box-shadow:none}.free-ready-footer .ui-button:disabled{color:var(--color-ink-disabled);background:var(--color-surface-muted)}.running-countdown{z-index:var(--z-critical);color:#fff;background:var(--color-scrim-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.running-countdown span{font-variant-numeric:tabular-nums;border-color:#ffffffb8;width:120px;height:120px;font-size:4rem}.running-countdown p{font-size:var(--text-app-title)}.live-running-page{height:100dvh;min-height:100dvh}.live-stat-panel{z-index:var(--z-sticky);top:max(var(--spacing-3), var(--safe-top));right:max(var(--spacing-3), var(--safe-right));left:max(var(--spacing-3), var(--safe-left));min-height:96px;padding:var(--spacing-4) var(--spacing-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;grid-template-columns:1fr 1.25fr 1fr}.live-stat-panel div+div{border-left-color:var(--color-border-subtle)}.live-stat-panel strong{color:var(--color-ink);font-size:var(--text-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.live-stat-panel div:nth-child(2) strong{font-size:1.625rem}.live-stat-panel span{margin-top:var(--spacing-2);color:var(--color-ink-tertiary);font-size:var(--text-caption);font-weight:600}.recording-status{z-index:var(--z-sticky);top:calc(max(var(--spacing-3), var(--safe-top)) + 108px);min-height:32px;padding:0 var(--spacing-3);color:#fff;background:var(--color-toast);font-size:var(--text-caption);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:700}.recording-status span{background:var(--color-danger)}.recording-status.is-paused span{background:var(--color-warning)}.live-location-error,.photo-toast{z-index:var(--z-sticky);bottom:calc(184px + var(--safe-bottom));max-width:calc(100% - 2 * var(--space-page));padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-control);color:#fff;background:var(--color-toast);font-size:var(--text-caption);box-shadow:var(--shadow-2);line-height:1.4}.live-location-error{border-left:3px solid var(--color-danger)}.photo-toast{border-left:3px solid var(--color-success)}.place-category-bar{z-index:var(--z-map-content);right:max(var(--spacing-4), var(--safe-right));bottom:calc(132px + var(--safe-bottom));left:max(var(--spacing-4), var(--safe-left));min-height:48px;padding:0 var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5}.place-category-bar span{gap:var(--spacing-1);color:var(--color-ink-secondary);font-size:var(--text-legal);font-weight:600}.place-category-bar i{width:24px;height:24px}.place-camera{background:var(--color-success)}.place-food{background:var(--color-warning)}.place-cafe{background:var(--color-brand-500)}.place-store{background:var(--color-info)}.live-controls{z-index:var(--z-sticky);justify-content:space-between;gap:var(--spacing-2);min-height:calc(116px + var(--safe-bottom));padding:var(--spacing-4) max(var(--space-page), var(--safe-right)) max(var(--spacing-4), var(--safe-bottom)) max(var(--space-page), var(--safe-left));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-top);background:#fffffffa;grid-template-columns:52px 76px 76px 52px}.round-control{border:1px solid #0000;min-width:44px;min-height:44px}.pause-control,.stop-control{justify-self:center;width:76px;height:76px}.lock-control,.camera-control{border-color:var(--color-border-subtle);color:var(--color-ink-secondary);background:var(--color-surface-subtle);box-shadow:none}.pause-control{color:#fff;background:var(--color-brand-500);box-shadow:var(--shadow-fab)}.pause-control.is-paused{background:var(--color-brand-500)}.stop-control{color:#fff;background:var(--color-danger);box-shadow:var(--shadow-fab)}.round-control:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.screen-lock{z-index:var(--z-critical);padding:max(34vh, calc(var(--safe-top) + var(--spacing-10))) max(var(--spacing-6), var(--safe-right)) max(var(--spacing-8), var(--safe-bottom)) max(var(--spacing-6), var(--safe-left));color:#fff;background:var(--color-scrim-strong)}.screen-lock-copy strong{font-size:var(--text-section-title)}.screen-lock-copy p{color:#ffffffb8;font-size:var(--text-caption)}.screen-lock>button{border-radius:var(--radius-full);color:#fff;background:#ffffff24;border-color:#fff3;min-height:64px}.screen-lock>button span{font-size:var(--text-label)}.end-sheet-backdrop{z-index:var(--z-backdrop);background:var(--color-overlay)}.end-sheet{padding:var(--spacing-3) max(var(--space-page), var(--safe-right)) max(var(--spacing-5), var(--safe-bottom)) max(var(--space-page), var(--safe-left));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-top)}.sheet-handle{width:40px;margin-bottom:var(--spacing-5);background:var(--color-border-default)}.end-sheet h2{color:var(--color-ink);font-size:var(--text-section-title);line-height:1.75rem}.end-sheet p{margin:var(--spacing-2) 0 var(--spacing-5);color:var(--color-ink-secondary);font-size:var(--text-body-sm)}.end-sheet>div{gap:var(--spacing-2)}.end-sheet .ui-button{border-radius:var(--radius-control);min-height:52px;font-weight:700}.end-sheet .ui-button--danger{color:#fff;background:var(--color-danger)}.running-complete-page{min-height:100dvh;padding:max(var(--spacing-8), calc(var(--safe-top) + var(--spacing-6))) max(var(--space-page), var(--safe-right)) max(var(--spacing-8), var(--safe-bottom)) max(var(--space-page), var(--safe-left));color:var(--color-ink);background:var(--color-canvas);overscroll-behavior-y:contain}.complete-copy{text-align:left}.complete-copy>span{width:48px;height:48px;margin:0 0 var(--spacing-4);color:#fff;background:var(--color-success);font-size:var(--text-section-title)}.complete-copy p{margin:0 0 var(--spacing-1);color:var(--color-brand-700);font-size:var(--text-caption);font-weight:700}.complete-copy h1{color:var(--color-ink);font-size:var(--text-page-title);letter-spacing:-.02em;margin:0;font-weight:800;line-height:2rem}.complete-map{height:clamp(260px,42vh,340px);margin-top:var(--spacing-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-map-fallback);box-shadow:none}.complete-stats{margin-top:var(--spacing-4);padding:var(--spacing-4) var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:none}.complete-stats div+div{border-left-color:var(--color-border-subtle)}.complete-stats strong{color:var(--color-ink);font-size:var(--text-app-title);font-variant-numeric:tabular-nums;font-weight:800}.complete-stats span{margin-top:var(--spacing-1);color:var(--color-ink-tertiary);font-size:var(--text-caption)}.record-sync-notice{margin-top:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-control);color:var(--color-warning);background:var(--color-warning-subtle);font-size:var(--text-caption);line-height:1.4}.complete-course-save-button.ui-button{min-height:52px;margin-top:var(--spacing-5);border-color:var(--color-brand-500);border-radius:var(--radius-control);color:var(--color-brand-700);background:var(--color-surface);box-shadow:none;font-size:var(--text-body-sm)}.complete-course-saved{margin-top:var(--spacing-5);padding:var(--spacing-3) var(--spacing-4);border:1px solid color-mix(in srgb, var(--color-success) 24%, transparent);border-radius:var(--radius-md);color:var(--color-success);background:var(--color-success-subtle)}.complete-course-saved strong{font-size:var(--text-label)}.complete-course-saved button{min-height:44px;padding-inline:var(--spacing-3);border-radius:var(--radius-control);color:#fff;background:var(--color-success);font-size:var(--text-caption)}.complete-home-button.ui-button{min-height:52px;margin-top:var(--spacing-3);border-radius:var(--radius-control);background:var(--color-brand-500);box-shadow:none;font-size:var(--text-body)}.running-course-save-modal{width:min(calc(100% - 2 * var(--space-page)), 390px);padding:var(--spacing-5);border-radius:var(--radius-sheet);color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-3)}.running-course-save-modal h2{color:var(--color-ink);font-size:var(--text-section-title)}.running-course-save-modal>p{margin:var(--spacing-2) 0 var(--spacing-5);color:var(--color-ink-secondary);font-size:var(--text-body-sm)}.running-course-save-modal .ui-field{color:var(--color-ink);font-size:var(--text-label);font-weight:700}.running-course-save-modal .ui-input{min-height:48px;padding:0 var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-surface);font-size:var(--text-body)}.running-course-save-modal .ui-input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 2px var(--color-brand-050)}.running-course-public-toggle{min-height:64px;margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface-subtle)}.running-course-public-toggle span strong{color:var(--color-ink);font-size:var(--text-body-sm)}.running-course-public-toggle span small{color:var(--color-ink-secondary);font-size:var(--text-caption)}.running-course-public-toggle>i{background:var(--color-border-default)}.running-course-public-toggle>i.on{background:var(--color-brand-500)}.running-course-save-error{border-radius:var(--radius-control);background:var(--color-danger-subtle);font-size:var(--text-caption);color:var(--color-danger)!important}.running-course-save-actions{gap:var(--spacing-2);margin-top:var(--spacing-5)}.running-course-save-actions .ui-button{border-radius:var(--radius-control);min-height:48px;font-size:var(--text-body-sm);font-weight:700}@media (width<=370px){.running-option-card{gap:var(--spacing-3);grid-template-columns:64px minmax(0,1fr) 20px;min-height:104px}.running-option-icon{width:64px;height:64px}.running-option-copy strong{font-size:var(--text-body)}.live-stat-panel strong{font-size:var(--text-section-title)}.live-stat-panel div:nth-child(2) strong{font-size:var(--text-app-title)}.place-category-bar{right:var(--spacing-2);left:var(--spacing-2)}.place-category-bar span{font-size:var(--text-legal)}.place-category-bar i{width:20px;height:20px}.live-controls{gap:var(--spacing-2);padding-inline:var(--spacing-4);grid-template-columns:46px 68px 68px 46px}.pause-control,.stop-control{width:68px;height:68px}.complete-stats strong{font-size:var(--text-card-title)}.end-sheet>div{grid-template-columns:1fr}}@supports not (height:100dvh){.free-ready-page,.live-running-page{height:100vh;min-height:100vh}}