*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #f8f9fb;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f3;--bg-soft: #f4f6f9;--ink: #1a1d24;--ink-soft: #4a5160;--ink-mid: #6b7280;--ink-faint: #69707b;--line: #e8ebef;--line-soft: #f1f3f6;--accent: #f25c33;--accent-dark: #d94619;--accent-soft: #fff4ef;--accent-mid: #ffd6c5;--accent-gradient: linear-gradient(135deg, #ff7a4d 0%, #f25c33 100%);--buy: #2563eb;--buy-soft: #eff6ff;--buy-mid: #bfdbfe;--buy-dark: #1d4ed8;--sell: var(--accent);--sell-soft: var(--accent-soft);--sell-on-dark: #ff8a65;--buy-on-dark: #64b5f6;--emph: #16a34a;--emph-soft: #f0fdf4;--warn: #d97706;--warn-soft: #fffbeb;--danger: #dc2626;--danger-soft: #fef2f2;--shadow-sm: 0 1px 3px rgba(20, 30, 50, .04), 0 1px 2px rgba(20, 30, 50, .03);--shadow-md: 0 4px 14px rgba(20, 30, 50, .06), 0 1px 4px rgba(20, 30, 50, .04);--shadow-lg: 0 12px 32px rgba(20, 30, 50, .08), 0 3px 10px rgba(20, 30, 50, .05);--shadow-xl: 0 28px 56px rgba(20, 30, 50, .14), 0 8px 20px rgba(20, 30, 50, .08);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 100px;--focus-ring: 0 0 0 3px rgba(242, 92, 51, .22);--transition: all .22s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}.list-badge{display:inline-block;font-size:9.5px;font-weight:700;color:var(--ink-faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px;margin-left:5px;vertical-align:middle;letter-spacing:0}html,body{background:var(--bg);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,sans-serif;font-size:15px;line-height:1.65;letter-spacing:-.32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;word-break:keep-all;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}:is(.num,.platform-rate,.rate-big,.stat-value){font-variant-numeric:tabular-nums;letter-spacing:-.6px}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}::selection{background:var(--accent-mid);color:var(--ink)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}a{color:inherit;text-decoration:none}.container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:84px}@media (min-width: 768px){body{background:linear-gradient(180deg,#f7f8fa,#e8eaee)}.container{max-width:620px;box-shadow:0 4px 30px #0000000f;zoom:1.2}}@media (min-width: 1024px){.container{max-width:820px;zoom:1.2}}.site-header{padding:14px 20px 12px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f7f8fad9;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line-soft);z-index:10;transition:var(--transition)}@media (min-width: 768px){.site-header{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}.site-header>.logo{justify-self:start}.site-header>.header-nav{justify-self:center;margin:0;transform:translate(20px)}.site-header>.header-actions{justify-self:end}}.logo{display:inline-flex;align-items:center;gap:6px;font-family:Pretendard Variable,Pretendard,-apple-system,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.9px;color:var(--ink);transition:var(--transition);text-decoration:none}.logo:hover{opacity:.85}.logo .accent{color:var(--accent);font-weight:800}.header-actions{display:flex;gap:6px}.icon-btn{height:36px;padding:0 14px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:var(--transition);white-space:nowrap}.icon-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.icon-btn:active{transform:translateY(0)}.icon-btn-calc,.icon-btn-map{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-mid)}.icon-btn-calc:hover,.icon-btn-map:hover{background:#fff;border-color:var(--accent)}@media (min-width: 768px){.icon-btn-calc,.icon-btn-map{display:none}}.breadcrumb{padding:10px 20px 4px;font-size:12px;color:var(--ink-faint);display:flex;align-items:center;gap:4px}.breadcrumb a{color:var(--ink-soft);transition:color .1s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .sep{color:var(--line);font-size:14px}h1.page-h1{margin:10px 20px 4px;font-size:22px;font-weight:700;letter-spacing:-.6px;line-height:1.3;color:var(--ink)}.page-subtitle{margin:0 20px 20px;font-size:13px;color:var(--ink-soft);line-height:1.5}section{margin-bottom:28px}.section-title{margin:24px 20px 12px;font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--ink);display:flex;align-items:center;justify-content:space-between}.section-title .more{font-size:12px;font-weight:500;color:var(--ink-faint)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#ffffffe0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:20;box-shadow:0 -4px 16px #0f172a0a}@media (min-width: 768px){.bottom-nav{display:none}}.header-nav{display:none}@media (min-width: 768px){.header-nav{display:flex;align-items:center;gap:4px;margin-right:12px}.header-nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink-soft);text-decoration:none;border-radius:var(--radius-pill);letter-spacing:-.3px;transition:var(--transition)}.header-nav-link:hover{background:var(--surface-2);color:var(--ink)}.header-nav-link.active{background:var(--accent-soft);color:var(--accent)}.header-nav-link svg{flex-shrink:0}}@media (min-width: 768px) and (max-width: 1023px){.header-nav{gap:0;margin-right:6px}.header-nav-link{gap:0;padding:8px 9px;font-size:13.5px}.header-nav-link svg{display:none}}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px 5px;color:var(--ink-faint);font-size:10.5px;font-weight:600;transition:var(--transition);border-radius:var(--radius-sm)}.nav-item:hover{color:var(--ink-soft)}.nav-item.active{color:var(--accent)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--accent-gradient);border-radius:0 0 var(--radius-pill) var(--radius-pill)}.nav-item:active{transform:scale(.95)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:var(--transition)}.nav-item.active .nav-icon svg{stroke-width:2.3;transform:scale(1.05)}.site-footer{margin:32px 20px 0;padding:24px 0 16px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-faint);line-height:1.7}.site-footer nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0 10px;margin-bottom:8px}.site-footer nav a{flex:0 0 auto;white-space:nowrap;color:var(--ink-soft);font-size:12px;transition:color .1s;display:inline-flex;align-items:center;min-height:24px;padding:3px 2px}.site-footer nav a:hover{color:var(--accent)}.footer-desc{margin:0}.footer-copy{margin-top:14px;font-size:11px;color:var(--ink-faint)}@media (max-width: 360px){.site-footer nav{gap:0 7px}.site-footer nav a{font-size:11.5px}}.footer-disclaimer{padding:12px 14px;background:#fefce8;border-left:3px solid #fbbf24;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#713f12;margin-top:12px;font-size:11px;line-height:1.6}.pwa-banner{display:flex;align-items:center;gap:11px;margin:4px 20px 18px;padding:12px 14px;background:linear-gradient(180deg,#fff3ea,#fffaf7);border:1px solid #ffe0d0;border-radius:15px;box-shadow:var(--shadow-sm)}.pwa-banner[hidden]{display:none}.pwa-banner-icon{flex-shrink:0}.pwa-banner-icon img{display:block;width:38px;height:38px;border-radius:10px}.pwa-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pwa-banner-text strong{font-size:12px;font-weight:800;color:var(--ink);letter-spacing:-.4px;line-height:1.35}.pwa-banner-text span{font-size:10.5px;color:var(--ink-faint);line-height:1.3}.pwa-banner-btn{flex-shrink:0;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:12.5px;font-weight:700;padding:9px 13px;cursor:pointer;letter-spacing:-.3px;white-space:nowrap}.pwa-banner-close{flex-shrink:0;background:none;border:none;color:var(--ink-faint);font-size:20px;line-height:1;padding:2px 4px;cursor:pointer}@media (min-width: 768px){.pwa-banner{margin-bottom:28px}}h1,h2,h3,h4,.page-h1,.sec-title,.section-title,.top3-title,.group-title,.area-heading,.title-sub,.gc-name,.rank-name,.t3-name,.other-name,.shop-name,.gc-shop,.gc-go,.stat-chip,.area-chip,.paynav-link,.pay-badge,.gc-count,.ch-label,.ch-name,.page-subtitle,.cap,.sec-sub,.faq-q,.faq-a,.intro p,.rank-sub,.t3-shop,.gc-off-label,.related-link span,.check-list li,.legal-note{word-break:keep-all;overflow-wrap:break-word}h1,h2,.page-h1,.sec-title,.section-title,.top3-title{text-wrap:balance}
