/* ===== Profil Eklentileri Mağaza ===== */
.yon-pa-page { padding: 28px 0 60px; }
.yon-pa-hero { margin-bottom: 24px; }
.yon-pa-title {
    font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 900; margin: 0;
    background: linear-gradient(90deg, #60a5fa, #a78bfa, #c026d3);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.yon-pa-subtitle { color: var(--yon-muted, #94a3b8); margin: 8px 0 18px; }
.yon-pa-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.yon-pa-tab {
    padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(96,165,250,.35);
    color: #93c5fd; background: rgba(30,58,138,.25); font-size: .85rem; font-weight: 700;
    text-decoration: none; transition: .15s ease;
}
.yon-pa-tab:hover, .yon-pa-tab.is-active {
    background: linear-gradient(90deg, #3b82f6, var(--h-blue)); color: #fff; border-color: transparent;
}
.yon-pa-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.yon-pa-search, .yon-pa-select {
    background: var(--yon-surface-2, #121820); border: 1px solid var(--yon-border, #1f2937);
    color: var(--yon-text, #e2e8f0); border-radius: 10px; padding: 10px 12px; font-size: .9rem;
}
.yon-pa-search { flex: 1; min-width: 180px; }
.yon-pa-filter-btn {
    background: #2563eb; color: #fff; border: 0; border-radius: 10px; padding: 10px 14px;
    font-weight: 700; font-size: .85rem; cursor: pointer;
}
.yon-pa-alert { margin-top: 14px; padding: 10px 14px; border-radius: 10px; font-size: .9rem; }
.yon-pa-alert--ok { background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.3); color: #6ee7b7; }
.yon-pa-alert--err { background: rgba(244,63,94,.12); border: 1px solid rgba(244,63,94,.3); color: #fda4af; }

.yon-pa-grid {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
}
@media (min-width: 640px) { .yon-pa-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .yon-pa-grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 1200px) { .yon-pa-grid { grid-template-columns: repeat(5, 1fr); } }

.yon-pa-card {
    background: var(--yon-surface, #0f141b); border: 1px solid var(--yon-border, #1f2937);
    border-radius: 14px; padding: 10px; text-align: center;
}
.yon-pa-card__preview {
    position: relative; height: 140px; border-radius: 12px; overflow: hidden;
    background: #0b1220; display: grid; place-items: center; margin-bottom: 10px;
}
.yon-pa-card__preview--background { background-size: cover; background-position: center; }
.yon-pa-card__preview img,
.yon-pa-card__preview video { width: 100%; height: 100%; object-fit: cover; }
.yon-pa-card__sales {
    position: absolute; top: 8px; right: 8px; font-size: 10px; font-weight: 800;
    background: rgba(15,23,42,.75); color: #93c5fd; border-radius: 999px; padding: 2px 7px; z-index: 2;
}
.yon-pa-card__name {
    font-size: .82rem; font-weight: 700; color: var(--yon-text, #e2e8f0);
    margin: 0 0 8px; min-height: 2.2em; line-height: 1.25;
}
.yon-pa-card__price {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 88px; padding: 7px 14px; border-radius: 999px; border: 0;
    background: linear-gradient(90deg, #2563eb, #4f46e5); color: #fff;
    font-size: .8rem; font-weight: 800; cursor: pointer; text-decoration: none;
}
.yon-pa-card__price--owned { background: #1e293b; color: #94a3b8; cursor: default; }
.yon-pa-empty {
    grid-column: 1 / -1; text-align: center; padding: 60px 20px; color: #64748b;
}
.yon-pa-empty i { font-size: 2.5rem; color: #3b82f6; display: block; margin-bottom: 10px; }
.yon-pa-pager { margin-top: 24px; }

.yon-pa-demo-avatar {
    width: 72px; height: 72px; border-radius: 18px;
    background: linear-gradient(135deg, #334155, #1e293b);
    display: grid; place-items: center; font-weight: 900; color: #fff; font-size: 1.4rem;
    position: relative; z-index: 1;
}
.yon-pa-demo-badge {
    width: 64px; height: 64px; border-radius: 50%;
    display: grid; place-items: center; font-size: 1.6rem; color: #fbbf24;
    background: rgba(251,191,36,.12); border: 2px solid rgba(251,191,36,.4);
}
.yon-pa-demo-bg { width: 100%; height: 100%; }

/* Frame CSS presets — shadow on WRAP (avatar overflow:hidden clips self shadow) */
.yon-seller-avatar-wrap.has-addon-frame {
    border-radius: 24px;
    padding: 3px;
    background: transparent;
}
.yon-seller-avatar-wrap.has-addon-frame .yon-seller-avatar {
    border-color: transparent !important;
    box-shadow: none !important;
}
.pa-frame--gold .yon-pa-demo-avatar,
.yon-seller-avatar-wrap.pa-frame--gold,
.yon-user__icon.pa-frame--gold,
.yon-user-menu__avatar.pa-frame--gold {
    box-shadow: 0 0 0 3px #fbbf24, 0 0 0 7px rgba(251,191,36,.28), 0 0 28px rgba(251,191,36,.65);
}
.pa-frame--neon-pink .yon-pa-demo-avatar,
.yon-seller-avatar-wrap.pa-frame--neon-pink,
.yon-user__icon.pa-frame--neon-pink,
.yon-user-menu__avatar.pa-frame--neon-pink {
    box-shadow: 0 0 0 3px #ec4899, 0 0 0 7px rgba(236,72,153,.25), 0 0 28px rgba(236,72,153,.7);
    animation: paPulse 2s ease-in-out infinite;
}
.pa-frame--fire .yon-pa-demo-avatar,
.yon-seller-avatar-wrap.pa-frame--fire,
.yon-user__icon.pa-frame--fire,
.yon-user-menu__avatar.pa-frame--fire {
    box-shadow: 0 0 0 3px #ef4444, 0 0 0 7px rgba(239,68,68,.22), 0 0 28px rgba(239,68,68,.65);
}
.pa-frame--galaxy .yon-pa-demo-avatar,
.yon-seller-avatar-wrap.pa-frame--galaxy,
.yon-user__icon.pa-frame--galaxy,
.yon-user-menu__avatar.pa-frame--galaxy {
    box-shadow: 0 0 0 3px var(--h-blue), 0 0 0 8px rgba(59,130,246,.35), 0 0 30px rgba(139,92,246,.65);
}
.pa-frame--ice .yon-pa-demo-avatar,
.yon-seller-avatar-wrap.pa-frame--ice,
.yon-user__icon.pa-frame--ice,
.yon-user-menu__avatar.pa-frame--ice {
    box-shadow: 0 0 0 3px #38bdf8, 0 0 0 7px rgba(56,189,248,.22), 0 0 26px rgba(56,189,248,.6);
}
.pa-frame--emerald .yon-pa-demo-avatar,
.yon-seller-avatar-wrap.pa-frame--emerald,
.yon-user__icon.pa-frame--emerald,
.yon-user-menu__avatar.pa-frame--emerald {
    box-shadow: 0 0 0 3px #34d399, 0 0 0 7px rgba(52,211,153,.22), 0 0 26px rgba(52,211,153,.6);
}

@keyframes paPulse {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.12); }
}

/* Background presets */
.pa-bg--neon-city, .yon-seller-cover.pa-bg--neon-city {
    background-image: linear-gradient(135deg, #0f172a 0%, #312e81 40%, #db2777 100%) !important;
    background-color: #0f172a;
}
.pa-bg--moonlight, .yon-seller-cover.pa-bg--moonlight {
    background-image: linear-gradient(160deg, #0c4a6e 0%, #14532d 50%, #0f172a 100%) !important;
    background-color: #0c4a6e;
}
.pa-bg--cyber, .yon-seller-cover.pa-bg--cyber {
    background-image: linear-gradient(120deg, #020617 0%, #1e3a8a 45%, #06b6d4 100%) !important;
    background-color: #020617;
}
.pa-bg--sunset, .yon-seller-cover.pa-bg--sunset {
    background-image: linear-gradient(135deg, #7c2d12 0%, #ea580c 40%, #fbbf24 100%) !important;
    background-color: #7c2d12;
}
.yon-pa-card__preview.pa-bg--neon-city { background-image: linear-gradient(135deg, #0f172a, #312e81, #db2777); }
.yon-pa-card__preview.pa-bg--moonlight { background-image: linear-gradient(160deg, #0c4a6e, #14532d, #0f172a); }
.yon-pa-card__preview.pa-bg--cyber { background-image: linear-gradient(120deg, #020617, #1e3a8a, #06b6d4); }
.yon-pa-card__preview.pa-bg--sunset { background-image: linear-gradient(135deg, #7c2d12, #ea580c, #fbbf24); }

/* Badge presets */
.pa-badge--elite { color: #60a5fa; }
.pa-badge--vip { color: #fbbf24; }
.pa-badge--legend { color: #c084fc; }
.pa-badge--fire { color: #f87171; }
.yon-pa-card__preview.pa-badge--elite .yon-pa-demo-badge { color: #60a5fa; border-color: rgba(96,165,250,.5); background: rgba(96,165,250,.12); }
.yon-pa-card__preview.pa-badge--vip .yon-pa-demo-badge { color: #fbbf24; border-color: rgba(251,191,36,.5); background: rgba(251,191,36,.12); }
.yon-pa-card__preview.pa-badge--legend .yon-pa-demo-badge { color: #c084fc; border-color: rgba(192,132,252,.5); background: rgba(192,132,252,.12); }
.yon-pa-card__preview.pa-badge--fire .yon-pa-demo-badge { color: #f87171; border-color: rgba(248,113,113,.5); background: rgba(248,113,113,.12); }

/* Profile cover media (image/video) */
.yon-seller-cover__media {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: center; display: block; z-index: 0;
}
.yon-seller-cover.has-addon-bg { background-size: cover; background-position: center; }
.yon-seller-cover.has-addon-media .yon-seller-cover__media { opacity: 1; }
.yon-seller-cover.has-addon-bg:not(.has-addon-media) .yon-seller-cover__media { display: none; }
.yon-seller-cover.has-addon-video .yon-seller-cover__veil {
    background: linear-gradient(to top, var(--yon-bg, #0b0f14) 0%, rgba(11,15,20,.45) 45%, rgba(11,15,20,.2) 100%);
}
.yon-seller-cover__veil,
.yon-seller-cover__accent { position: relative; z-index: 1; pointer-events: none; }

.yon-seller-avatar-wrap.has-frame-img { position: relative; overflow: visible; }
.cm-av-wrap.has-frame-img { position: relative; overflow: visible; }
.yon-avatar-frame-img {
    position: absolute; inset: -14%; width: 128%; height: 128%; left: -14%; top: -14%;
    object-fit: contain; pointer-events: none; z-index: 3;
}
.yon-seller-badge--addon {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 800;
    background: rgba(99,102,241,.15); border: 1px solid rgba(99,102,241,.35); color: #c4b5fd;
}
.yon-seller-badge--addon img { width: 14px; height: 14px; object-fit: contain; }
.yon-seller-badge--addon-media {
    padding: 0; border: 0; background: transparent; border-radius: 0;
    line-height: 0; vertical-align: middle;
}
.yon-seller-badge--addon-media img {
    width: auto; height: 36px; max-width: 56px; object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.45));
}
@media (min-width: 768px) {
    .yon-seller-badge--addon-media img { height: 42px; max-width: 64px; }
}
.yon-seller-name-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.yon-pa-pager { margin-top: 24px; }

/* ===== Username color styles ===== */
.pa-name--green, h1.pa-name--green, .ypa-demo-name.pa-name--green, .cm-fpost__name.pa-name--green { color: var(--h-green) !important; text-shadow: 0 0 18px rgba(17,211,119,.45); }
.pa-name--purple, h1.pa-name--purple, .ypa-demo-name.pa-name--purple, .cm-fpost__name.pa-name--purple { color: var(--h-blue) !important; text-shadow: 0 0 18px rgba(61,90,254,.45); }
.pa-name--blue, h1.pa-name--blue, .ypa-demo-name.pa-name--blue, .cm-fpost__name.pa-name--blue { color: #38bdf8 !important; text-shadow: 0 0 18px rgba(56,189,248,.4); }
.pa-name--gold, h1.pa-name--gold, .ypa-demo-name.pa-name--gold, .cm-fpost__name.pa-name--gold {
    background: linear-gradient(90deg, #fbbf24, #f59e0b, #fde68a, #fbbf24);
    background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent !important;
    animation: paNameShine 3s linear infinite;
}
.pa-name--rainbow, h1.pa-name--rainbow, .ypa-demo-name.pa-name--rainbow, .cm-fpost__name.pa-name--rainbow {
    background: linear-gradient(90deg, #ef4444, #f59e0b, var(--h-green), #3b82f6, var(--h-blue), #ef4444);
    background-size: 300% auto; -webkit-background-clip: text; background-clip: text; color: transparent !important;
    animation: paNameShine 4s linear infinite;
}
.pa-name--neon, h1.pa-name--neon, .ypa-demo-name.pa-name--neon, .cm-fpost__name.pa-name--neon {
    color: #f0abfc !important; text-shadow: 0 0 8px #e879f9, 0 0 22px rgba(232,121,249,.65);
}
.pa-name--fire, h1.pa-name--fire, .ypa-demo-name.pa-name--fire, .cm-fpost__name.pa-name--fire {
    background: linear-gradient(90deg, #ef4444, #f97316, #fbbf24);
    -webkit-background-clip: text; background-clip: text; color: transparent !important;
    filter: drop-shadow(0 0 10px rgba(239,68,68,.45));
}
.pa-name--ice, h1.pa-name--ice, .ypa-demo-name.pa-name--ice, .cm-fpost__name.pa-name--ice {
    color: #7dd3fc !important; text-shadow: 0 0 12px rgba(125,211,252,.55);
}
@keyframes paNameShine { to { background-position: 200% center; } }

.ypa-demo-name {
    font-size: 1.15rem; font-weight: 900; letter-spacing: -.02em;
}

/* ===== V5 shop shell — hesap homepage uyumlu ===== */
.ypa-shell {
    --ypa-bg: var(--h-bg-page);
    --ypa-surface: var(--h-bg-card);
    --ypa-raised: var(--h-bg-raised);
    --ypa-border: var(--h-border);
    --ypa-text: var(--h-text);
    --ypa-muted: var(--h-text-muted);
    --ypa-purple: var(--h-blue);
    --ypa-green: var(--h-green);
    --primary: var(--h-green);
    --primary-hover: var(--h-green-dark);
    --background: var(--h-bg-page);
    --card: var(--h-bg-card);
    --border: var(--h-border);
    --foreground: var(--h-text);
    --shell-purple: var(--h-blue);
    padding: 0 0 56px;
    min-height: 60vh;
}

.ypa-shell.yon-home--hesap {
    background: var(--ypa-bg);
    color: var(--ypa-text);
}

.ypa-shell .yon-home__wrap {
    max-width: var(--h-container, 1680px);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ypa-shell--footer { --ypa-accent: var(--ypa-green); }
.ypa-shell--header { --ypa-accent: var(--ypa-purple); }

.ypa-hero-bleed {
    position: relative;
    overflow: hidden;
    padding: 28px 0 20px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--ypa-border);
}

.ypa-hero {
    display: grid;
    gap: 18px;
    padding: 8px 0 4px;
}

@media (min-width: 960px) {
    .ypa-hero {
        grid-template-columns: minmax(0, 1.4fr) auto;
        align-items: center;
        gap: 24px;
    }
}

.ypa-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--h-blue-text);
}

.ypa-eyebrow i { color: var(--h-green); }

.ypa-hero__title {
    margin: 0;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 1.12;
    color: var(--h-text-bright);
}

.ypa-sub {
    margin: 8px 0 0;
    max-width: 40rem;
    font-size: 14px;
    line-height: 1.55;
    color: var(--ypa-muted);
}

.ypa-hero__side {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.ypa-balance {
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(17, 211, 119, 0.28);
    background: rgba(17, 211, 119, 0.1);
}

.ypa-balance em {
    display: block;
    font-style: normal;
    font-size: 10px;
    font-weight: 750;
    color: var(--ypa-muted);
}

.ypa-balance b {
    font-size: 15px;
    font-weight: 900;
    color: #86efac;
}

.ypa-alert {
    display: flex;
    gap: 8px;
    padding: 11px 13px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 650;
}

.ypa-alert--ok {
    background: rgba(17, 211, 119, 0.1);
    border: 1px solid rgba(17, 211, 119, 0.28);
    color: #86efac;
}

.ypa-alert--err {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.28);
    color: #fca5a5;
}

.ypa-trust,
.ypa-howto {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ypa-howto {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 720px) {
    .ypa-howto { grid-template-columns: 1fr; }
}

.ypa-trust span,
.ypa-howto span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 750;
    color: var(--ypa-muted);
    border: 1px solid var(--ypa-border);
    background: var(--ypa-surface);
}

.ypa-trust span {
    border-radius: 999px;
    color: #bbf7d0;
    border-color: rgba(17, 211, 119, 0.25);
    background: rgba(17, 211, 119, 0.1);
}

.ypa-trust i,
.ypa-howto i { color: var(--ypa-green); }

.ypa-name-tip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.ypa-name-tip i {
    font-size: 22px;
    color: var(--h-blue-text);
}

.ypa-name-tip strong {
    display: block;
    font-size: 13px;
    font-weight: 850;
}

.ypa-name-tip p {
    margin: 3px 0 0;
    font-size: 12px;
    color: var(--ypa-muted);
    max-width: 36rem;
}

.ypa-name-tip > div {
    flex: 1;
    min-width: 180px;
}

.ypa-featured__rail {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.ypa-featured__chip {
    flex: 0 0 auto;
    padding: 8px 12px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid rgba(61, 90, 254, 0.28);
    background: rgba(61, 90, 254, 0.1);
    color: var(--h-blue-text);
}

.ypa-toolbar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 14px;
}

.ypa-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ypa-tab em {
    font-style: normal;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(10, 14, 22, 0.45);
    font-size: 10px;
}

.ypa-tab.is-active em {
    background: rgba(255, 255, 255, 0.18);
}

.ypa-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.ypa-search-wrap {
    position: relative;
    flex: 1;
    min-width: 180px;
}

.ypa-search-wrap i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ypa-muted);
    pointer-events: none;
}

.ypa-search,
.ypa-select {
    background: var(--ypa-surface);
    border: 1px solid var(--ypa-border);
    color: var(--ypa-text);
    border-radius: 12px;
    padding: 10px 12px;
    font-size: 13px;
}

.ypa-search-wrap .ypa-search {
    width: 100%;
    padding-left: 36px;
}

.ypa-owned {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 750;
    color: var(--ypa-muted);
}

.ypa-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width:640px){.ypa-shell--cols-auto .ypa-grid,.ypa-shell--cols-3 .ypa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){
    .ypa-shell--cols-auto .ypa-grid,.ypa-shell--cols-4 .ypa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .ypa-shell--cols-5 .ypa-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:1200px){.ypa-shell--cols-auto .ypa-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ypa-shell--cols-3 .ypa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ypa-shell--compact .ypa-card{padding:8px}

.ypa-card{
    padding:10px;border-radius:16px;text-align:center;
    border:1px solid var(--ypa-border);background:var(--ypa-surface);
    box-shadow:0 16px 36px -28px rgba(0,0,0,.55);
}
.ypa-card.is-featured{border-color:rgba(61,90,254,.35);box-shadow:0 0 0 1px rgba(61,90,254,.12)}
.ypa-card__preview{
    position:relative;height:132px;border-radius:12px;overflow:hidden;margin-bottom:10px;
    background:#0b1220;display:grid;place-items:center;
}
.ypa-card__preview img,.ypa-card__preview video{width:100%;height:100%;object-fit:cover}
.ypa-card__sales{
    position:absolute;top:8px;right:8px;z-index:2;font-size:10px;font-weight:850;
    padding:2px 7px;border-radius:999px;background:rgba(10,14,22,.8);color:#d8b4fe;
}
.ypa-card__name{margin:0;font-size:12.5px;font-weight:800;min-height:2.4em;line-height:1.25;color:var(--ypa-text)}
.ypa-card__type{display:block;margin:0 0 8px;font-size:10px;font-weight:750;color:var(--ypa-muted)}
.ypa-card__cta {
    min-width: 96px;
    margin-top: 2px;
}

.ypa-card__cta.is-owned {
    pointer-events: auto;
    opacity: 0.85;
}

.ypa-card form {
    display: flex;
    justify-content: center;
}

.ypa-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 48px 16px;
    color: var(--ypa-muted);
}

.ypa-empty i {
    font-size: 2.2rem;
    color: var(--ypa-purple);
    display: block;
    margin-bottom: 8px;
}

.ypa-empty strong {
    display: block;
    color: var(--ypa-text);
    font-size: 14px;
}

.ypa-pager { margin-top: 8px; }

.ypa-support-wrap {
    margin-top: 4px;
}

html[data-theme="light"] .ypa-shell.yon-home--hesap {
    --ypa-bg: #f3f5f8;
    --ypa-surface: #fff;
    --ypa-text: #0f172a;
    --ypa-muted: #64748b;
}

html[data-theme="light"] .ypa-card,
html[data-theme="light"] .ypa-howto span {
    background: #fff;
}

/* Keep legacy class hooks for frames/badges */