.market-page {
            font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Segoe UI", sans-serif;
            --market-accent: #ff7a59;
            --market-accent-2: #12b4a7;
            --market-ink: #0f172a;
            --market-sub: #64748b;
        }
        .market-page h1,
        .market-page h2,
        .market-page h3,
        .market-page h4 {
            font-family: "Space Grotesk", "Noto Sans KR", sans-serif;
            letter-spacing: -0.02em;
        }
        .market-hero {
            background: linear-gradient(135deg, #eef2ff 0%, #f8fafc 55%, #f1f5f9 100%);
            min-height: 60vh;
            display: flex;
            align-items: center;
            padding-top: 90px;
            position: relative;
            overflow: hidden;
        }
        [data-theme="dark"] .market-hero {
            background: linear-gradient(135deg, #0f172a 0%, #111827 55%, #1e293b 100%);
        }
        .market-hero::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 85% 10%, rgba(99, 102, 241, 0.15), transparent 55%);
            pointer-events: none;
        }
        [data-theme="dark"] .market-hero::after {
            background: radial-gradient(circle at 85% 10%, rgba(99, 102, 241, 0.22), transparent 55%);
        }
        .market-hero-content {
            position: relative;
            z-index: 2;
        }
        .market-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.4rem 1.1rem;
            border-radius: 999px;
            background: rgba(99, 102, 241, 0.12);
            color: #4f46e5;
            font-weight: 600;
            font-size: 0.85rem;
        }
        [data-theme="dark"] .market-pill {
            background: rgba(99, 102, 241, 0.22);
            color: #c7d2fe;
            border: 1px solid rgba(99, 102, 241, 0.2);
        }
        .market-panel {
            background: rgba(255, 255, 255, 0.92);
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 1.4rem;
            box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12);
        }
        .market-main-section {
            padding: 120px 0;
        }
        .market-item-icon-frame {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 64px;
            height: 64px;
        }
        .market-item-icon {
            max-width: 100%;
            max-height: 100%;
        }
        [data-theme="dark"] .market-panel {
            background: rgba(15, 23, 42, 0.85);
            border-color: rgba(148, 163, 184, 0.2);
        }
        .market-tabs {
            display: inline-flex;
            gap: 0.6rem;
            padding: 0.4rem;
            background: rgba(15, 23, 42, 0.05);
            border-radius: 999px;
        }
        [data-theme="dark"] .market-tabs {
            background: rgba(148, 163, 184, 0.12);
        }
        .market-tabs .tab-btn {
            border: none;
            background: transparent;
            padding: 0.5rem 1.2rem;
            border-radius: 999px;
            font-weight: 600;
            color: var(--market-sub);
        }
        [data-theme="dark"] .market-tabs .tab-btn {
            color: #cbd5f5;
        }
        .market-tabs .tab-btn.active {
            background: #fff;
            color: var(--market-ink);
            box-shadow: 0 10px 20px rgba(15, 23, 42, 0.1);
        }
        [data-theme="dark"] .market-tabs .tab-btn.active {
            background: rgba(15, 23, 42, 0.9);
            color: #e2e8f0;
            border: 1px solid rgba(148, 163, 184, 0.2);
            box-shadow: none;
        }
        .market-card {
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: 1.2rem;
            padding: 1.2rem;
            height: 100%;
            background: #fff;
        }
        [data-theme="dark"] .market-card {
            background: rgba(15, 23, 42, 0.9);
            border-color: rgba(148, 163, 184, 0.2);
        }
        .market-tag {
            display: inline-flex;
            align-items: center;
            gap: 0.3rem;
            font-size: 0.75rem;
            padding: 0.3rem 0.6rem;
            border-radius: 999px;
            background: rgba(18, 180, 167, 0.12);
            color: #0f766e;
            font-weight: 600;
        }
        [data-theme="dark"] .market-tag {
            background: rgba(99, 102, 241, 0.2);
            color: #c7d2fe;
        }
        .market-price {
            font-weight: 700;
            color: var(--market-ink);
        }
        [data-theme="dark"] .market-price {
            color: #e2e8f0;
        }
        .market-note {
            font-size: 0.85rem;
            color: var(--market-sub);
            background: rgba(15, 23, 42, 0.04);
            border: 1px dashed rgba(148, 163, 184, 0.4);
            padding: 0.9rem 1rem;
            border-radius: 1rem;
        }
        [data-theme="dark"] .market-note {
            background: rgba(148, 163, 184, 0.08);
            border-color: rgba(148, 163, 184, 0.25);
        }
        .market-login-banner {
            background: rgba(99, 102, 241, 0.08);
            border: 1px solid rgba(99, 102, 241, 0.2);
            border-radius: 1rem;
            padding: 0.9rem 1rem;
            color: #4338ca;
            display: none;
        }
        [data-theme="dark"] .market-login-banner {
            background: rgba(99, 102, 241, 0.18);
            color: #c7d2fe;
        }
        @media (max-width: 768px) {
            .market-hero {
                min-height: 50vh;
            }
            .market-main-section {
                padding-top: 70px !important;
                padding-bottom: 70px !important;
            }
            .market-panel { border-radius: 1.25rem; }
            .market-tabs { flex-wrap: wrap; }
        }
        @media (max-width: 576px) {
            .market-hero {
                min-height: 40vh;
                padding-top: 70px;
            }
            .market-main-section {
                padding-top: 40px !important;
                padding-bottom: 40px !important;
            }
            .market-panel { padding: 1rem !important; border-radius: 1rem; }
            .market-tabs .tab-btn { padding: 0.4rem 0.85rem; font-size: 0.85rem; }
            .market-card { padding: 1rem; border-radius: 1rem; }
        }
    

        html, body {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        html::-webkit-scrollbar,
        body::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
        }