.chip{@apply px-3 py-1 text-sm border rounded-full whitespace-nowrap;}.card{@apply rounded-2xl border p-4 shadow-sm bg-white;}.btn-main{@apply text-lg font-semibold rounded-2xl border shadow-sm px-8 py-4;}:root{--color:0,0%;--l:93%;--color-primary-lightest:hsl(var(--color), var(--l));--color-primary-light:hsl(var(--color), calc(var(--l) - 7.5%));--color-primary:hsl(var(--color), calc(var(--l) - 10%));--color-primary-dark:hsl(var(--color), calc(var(--l) - 15%));--color-primary-darkest:hsl(var(--color), calc(var(--l) - 25%))}@layer utilities{.bg-dynamic{background-color:hsl(var(--color),var(--l))!important}input[type=range]{-webkit-appearance:none;background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--color-primary-dark);box-shadow:-5px -3px 8px var(--color-primary),6px 2px 12px var(--color-primary-darkest);margin-top:-8px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--color-primary-darkest);border-radius:1.3px}}:root{--ui-bg:var(--color-primary-lightest);--ui-bg-hov:var(--color-primary-light);--ui-bd:var(--color-primary-darkest);--ui-ring:var(--color-primary-darkest)}.btn-soft,.btn-soft.btn-soft-sm{background:var(--ui-bg)!important;border-color:var(--ui-bd)!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important}.btn-soft.btn-soft-sm:hover,.btn-soft:hover{background:var(--ui-bg-hov)!important}.btn-soft.is-active,[aria-selected=true].btn-soft{outline:0!important;box-shadow:0 0 0 2px var(--ui-ring) inset,0 0 0 2px var(--ui-ring)!important}[data-sec=region] [data-part=gu-row] button{background:var(--ui-bg)!important;border-color:var(--ui-bd)!important}[data-sec=region] [data-part=gu-row] button:hover{background:var(--ui-bg-hov)!important}[data-sec=region] [data-part=dong-list] button{background:var(--ui-bg)!important;border-color:var(--ui-bd)!important}[data-sec=region] [data-part=dong-list] button:hover{background:var(--ui-bg-hov)!important}[data-sec=tabbar] a,[data-sec=tabbar] button{background:var(--ui-bg)!important;border-color:var(--ui-bd)!important}[data-sec=tabbar] [aria-selected=true]{box-shadow:0 0 0 2px var(--ui-ring) inset,0 0 0 2px var(--ui-ring)!important}.btn-soft.is-active,.btn-soft[aria-pressed=true]{box-shadow:0 0 0 2px var(--ui-ring) inset,0 0 0 2px var(--ui-ring)!important}[data-sec=event] .event-card{background-image:linear-gradient(135deg,hsl(var(--color),calc(var(--l) - 12%)) 0,hsl(var(--color),calc(var(--l) - 28%)) 100%)!important}:root{--ink:#1f2937;--ink-soft:#61677C}[data-page-theme=dark]{--ink:#ffffff;--ink-soft:#f3f4f6}body{color:var(--ink-soft)!important}.auto-ink{color:var(--ink)!important}.btn-main,.btn-soft,.event-title,[data-sec=region] [data-part=dong-list] button,[data-sec=region] [data-part=gu-row] button,[data-sec=tabbar] a,[data-sec=tabbar] button{color:var(--ink)!important}.btn-main svg,.btn-main svg *,.btn-soft svg,.btn-soft svg *,[data-sec=tabbar] svg,[data-sec=tabbar] svg *{stroke:currentColor!important;fill:currentColor!important}.neu{border-radius:16px;box-shadow:10px 10px 20px rgba(0,0,0,.1),-10px -10px 20px rgba(255,255,255,.75);border:1px solid color-mix(in hsl,var(--color-primary-darkest) 12%,transparent)}.neu:hover{transform:translateY(-1px);transition:transform .15s ease,box-shadow .2s ease}.neu:active{box-shadow:inset 6px 6px 12px rgba(0,0,0,.12),inset -6px -6px 12px rgba(255,255,255,.7);transform:translateY(0)}.neu-btn{border-radius:14px;box-shadow:6px 6px 12px rgba(0,0,0,.1),-6px -6px 12px rgba(255,255,255,.75);border:1px solid color-mix(in hsl,var(--color-primary-darkest) 12%,transparent)}.neu-btn:hover{box-shadow:8px 8px 16px rgba(0,0,0,.12),-8px -8px 16px rgba(255,255,255,.75)}.neu-btn:active{box-shadow:inset 4px 4px 10px rgba(0,0,0,.12),inset -4px -4px 10px rgba(255,255,255,.7)}.glass{background:rgba(255,255,255,.16)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);background-clip:padding-box}.glass:hover{background:rgba(255,255,255,.2)!important}.glass:active{background:rgba(255,255,255,.24)!important}.glass-btn{background:rgba(255,255,255,.18)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08)!important}.glass-btn:hover{background:rgba(255,255,255,.22)!important}.glass-btn:active{background:rgba(255,255,255,.26)!important}.btn-soft.neu-btn{border-radius:14px;border:1px solid color-mix(in hsl,var(--color-primary-darkest) 12%,transparent)!important;box-shadow:6px 6px 12px rgba(0,0,0,.1),-6px -6px 12px rgba(255,255,255,.75)!important;transition:box-shadow .2s ease,transform .15s ease}.btn-soft.neu-btn:hover{box-shadow:8px 8px 16px rgba(0,0,0,.12),-8px -8px 16px rgba(255,255,255,.78)!important;transform:translateY(-1px)}.btn-soft.neu-btn:active{box-shadow:inset 4px 4px 10px rgba(0,0,0,.12),inset -4px -4px 10px rgba(255,255,255,.7)!important;transform:none}.btn-soft.glass-btn{background:rgba(255,255,255,.18)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;border-radius:14px}.btn-soft.glass-btn:hover{background:rgba(255,255,255,.22)!important}.btn-soft.glass-btn:active{background:rgba(255,255,255,.26)!important}:root{--bd-soft:color-mix(in hsl, var(--color-primary-darkest) 12%, transparent)}[data-sec=region] [data-part=dong-list] button,[data-sec=region] [data-part=gu-row] button{border-color:var(--bd-soft)!important}.glass,.neu{border-radius:14px!important}.rounded-2xl{border-radius:14px!important}.btn-soft.neu-btn.is-active,.btn-soft.neu-btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--ui-ring) inset,0 0 0 2px var(--ui-ring)!important}.btn-soft.neu-btn.is-active,.dong-chip.is-active,.gu-btn.is-active{box-shadow:inset 6px 6px 12px rgba(0,0,0,.12),inset -6px -6px 12px rgba(255,255,255,.7)!important;border-color:color-mix(in hsl,var(--ui-bd) 60%,transparent)!important;transform:translateY(0)!important}.btn-soft.neu-btn:hover,.dong-chip:hover,.gu-btn:hover{box-shadow:8px 8px 16px rgba(0,0,0,.12),-8px -8px 16px rgba(255,255,255,.78)!important}.city-card{border-radius:22px;background:var(--color-primary-lightest);border:1px solid color-mix(in hsl,var(--color-primary-darkest) 12%,transparent);box-shadow:12px 12px 24px rgba(0,0,0,.1),-12px -12px 24px rgba(255,255,255,.72);transition:transform .18s ease,box-shadow .2s ease}.city-card:hover{transform:translateY(-2px);box-shadow:14px 14px 28px rgba(0,0,0,.12),-14px -14px 28px rgba(255,255,255,.76)}.city-photo{border-radius:18px;padding:10px;background:color-mix(in hsl,var(--color-primary-lightest) 65%,#fff 35%);border:1px solid color-mix(in hsl,var(--color-primary-darkest) 14%,transparent);box-shadow:inset 6px 6px 14px rgba(0,0,0,.06),inset -6px -6px 14px rgba(255,255,255,.7)}.city-photo>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.city-title{@apply text-xl font-semibold auto-ink;}.city-desc{@apply text-[15px] leading-6;}@media (max-width:639px){.cc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.cc-track::-webkit-scrollbar{display:none}.cc-slide{flex:0 0 88vw;scroll-snap-align:center}.cc-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.cc-dot{width:8px;height:8px;border-radius:9999px;background:color-mix(in hsl,var(--color-primary-darkest) 40%,transparent);opacity:.35;transition:opacity .2s,transform .2s}.cc-dot[aria-selected=true]{opacity:1;transform:scale(1.2);background:var(--color-primary-darkest)}}@media (min-width:640px){.cc-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;overflow:visible}.cc-dots{display:none!important}}@media (min-width:1024px){.cc-track{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-sec=event] .cc-track{overscroll-behavior-x:contain;touch-action:pan-x}