/* King Cinema app-like public web theme. Keep admin scoped out. */

body.kc-app-web:not(.admin-body) .kc-brand-mini {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    letter-spacing: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-brand-mini img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: 0 6px 16px rgba(197,14,22,.3) !important;
    animation: kcLogoPulse 3.2s ease-in-out infinite !important;
}

body.kc-app-web:not(.admin-body) .kc-brand-logo-animated,
body.kc-app-web:not(.admin-body) .play-brand-logo,
body.kc-app-web:not(.admin-body) .kc-home-showcase-brand img,
body.kc-app-web:not(.admin-body) .kc-account-logo img,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-logo img {
    animation: kcLogoPulse 3.2s ease-in-out infinite !important;
    transform-origin: center !important;
}

@keyframes kcLogoPulse {
    0%, 100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 8px 16px rgba(197,14,22,.18));
    }
    50% {
        transform: translateY(-3px) scale(1.035);
        filter: drop-shadow(0 16px 28px rgba(197,14,22,.36));
    }
}
:root {
    --kc-bg: #050507;
    --kc-bg-soft: #0b0b10;
    --kc-surface: #121218;
    --kc-surface-2: #191922;
    --kc-border: rgba(255, 255, 255, 0.09);
    --kc-text: #f8f8f8;
    --kc-muted: #a6a6ad;
    --kc-dim: #73737d;
    --kc-red: #e50914;
    --kc-red-2: #b40710;
    --kc-gold: #f8d471;
    --kc-radius: 14px;
    --kc-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    --kc-font-ar: "Cairo", "Tajawal", system-ui, sans-serif;
    --kc-font-en: "Inter", "Cairo", system-ui, sans-serif;
}

html {
    background: var(--kc-bg);
}

body.kc-app-web {
    background:
        radial-gradient(circle at 76% -8%, rgba(229, 9, 20, 0.18), transparent 34rem),
        radial-gradient(circle at 7% 8%, rgba(248, 212, 113, 0.08), transparent 24rem),
        linear-gradient(180deg, #07070a 0%, var(--kc-bg) 44%, #030304 100%) !important;
    color: var(--kc-text) !important;
    font-family: var(--kc-font-ar);
    min-height: 100vh;
}

body.kc-app-web.home-store-light {
    background: #ffffff !important;
    color: #202124 !important;
}

body.kc-app-web.home-store-light #main-content,
body.kc-app-web.home-store-light #page-content,
body.kc-app-web.home-store-light .play-store-page,
body.kc-app-web.home-store-light .play-section,
body.kc-app-web.home-store-light .app-details-section {
    background: #ffffff !important;
    color: #202124 !important;
}

body.kc-app-web.home-store-light .play-store-page {
    min-height: 100vh;
}

body.kc-app-web.home-store-light .play-hero-grid {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.kc-app-web.home-store-light .header-stats-wrapper {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

body.kc-app-web.home-store-light .text-gray-900,
body.kc-app-web.home-store-light .text-gray-800,
body.kc-app-web.home-store-light .stat-value,
body.kc-app-web.home-store-light h1,
body.kc-app-web.home-store-light h2,
body.kc-app-web.home-store-light h3 {
    color: #202124 !important;
}

body.kc-app-web.home-store-light .text-gray-700,
body.kc-app-web.home-store-light .text-gray-600,
body.kc-app-web.home-store-light .text-gray-500,
body.kc-app-web.home-store-light .text-gray-400,
body.kc-app-web.home-store-light .stat-text {
    color: #5f6368 !important;
}

body.kc-app-web.home-store-light .border-gray-100,
body.kc-app-web.home-store-light .border-gray-200,
body.kc-app-web.home-store-light .border-gray-300 {
    border-color: #e5e9ec !important;
}

body.kc-app-web.home-store-light img,
body.kc-app-web.home-store-light video {
    background-color: #f6f8f9;
}

body.kc-app-web.home-store-light #bottom-navigation-bar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-top: 1px solid #e5e9ec !important;
    box-shadow: 0 -4px 14px rgba(60, 64, 67, 0.08) !important;
    backdrop-filter: blur(14px);
}

body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn,
body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn span,
body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn svg {
    color: #6b7280 !important;
}

body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn:hover,
body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn:hover span,
body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn:hover svg,
body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn.active,
body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn.active span,
body.kc-app-web.home-store-light #bottom-navigation-bar .nav-btn.active svg {
    color: #01875f !important;
}

body.kc-app-web.home-store-light #bottom-navigation-bar .nav-indicator,
body.kc-app-web.home-store-light #discover-btn {
    background: #01875f !important;
    box-shadow: 0 8px 20px rgba(1, 135, 95, 0.28) !important;
}

body.kc-app-web.home-store-light #discover-btn {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) #main-content,
body.kc-app-web:not(.admin-body) #page-content {
    background: transparent !important;
    color: var(--kc-text) !important;
}

body.kc-app-web:not(.admin-body) #main-content {
    padding-bottom: 82px;
}

body.kc-app-web:not(.admin-body) ::selection {
    background: rgba(229, 9, 20, 0.45);
    color: #fff;
}

body.kc-app-web:not(.admin-body) .bg-white,
body.kc-app-web:not(.admin-body) .bg-gray-50,
body.kc-app-web:not(.admin-body) .bg-gray-100,
body.kc-app-web:not(.admin-body) .bg-\[\#f9f9f9\] {
    background-color: var(--kc-surface) !important;
}

body.kc-app-web:not(.admin-body) .text-gray-900,
body.kc-app-web:not(.admin-body) .text-gray-800,
body.kc-app-web:not(.admin-body) .text-\[\#0f0f0f\] {
    color: var(--kc-text) !important;
}

body.kc-app-web:not(.admin-body) .text-gray-700,
body.kc-app-web:not(.admin-body) .text-gray-600,
body.kc-app-web:not(.admin-body) .text-\[\#606060\] {
    color: var(--kc-muted) !important;
}

body.kc-app-web:not(.admin-body) .text-gray-500,
body.kc-app-web:not(.admin-body) .text-gray-400 {
    color: var(--kc-dim) !important;
}

body.kc-app-web:not(.admin-body) .border-gray-100,
body.kc-app-web:not(.admin-body) .border-gray-200,
body.kc-app-web:not(.admin-body) .border-gray-300,
body.kc-app-web:not(.admin-body) .border-white\/10 {
    border-color: var(--kc-border) !important;
}

body.kc-app-web:not(.admin-body) .shadow-sm,
body.kc-app-web:not(.admin-body) .shadow-lg,
body.kc-app-web:not(.admin-body) .shadow-2xl {
    box-shadow: var(--kc-shadow) !important;
}

body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section,
body.kc-app-web:not(.admin-body) .comments-sheet-content,
body.kc-app-web:not(.admin-body) #download-app-modal .sticky,
body.kc-app-web:not(.admin-body) #download-app-modal {
    background: linear-gradient(180deg, rgba(24, 24, 32, 0.96), rgba(13, 13, 18, 0.98)) !important;
    color: var(--kc-text) !important;
    border-color: var(--kc-border) !important;
}

body.kc-app-web:not(.admin-body) .play-section {
    border-block: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 18px;
    padding-bottom: 18px;
}

body.kc-app-web:not(.admin-body) img,
body.kc-app-web:not(.admin-body) video {
    background-color: #101016;
}

body.kc-app-web:not(.admin-body) .app-store-screenshot img,
body.kc-app-web:not(.admin-body) .video-carousel-item video,
body.kc-app-web:not(.admin-body) [class*="rounded-xl"] img,
body.kc-app-web:not(.admin-body) [class*="rounded-2xl"] img {
    border-color: var(--kc-border) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.36);
}

body.kc-app-web:not(.admin-body) .kc-phone-shot {
    aspect-ratio: 9 / 18.4;
    padding: 0 2px 10px;
}

body.kc-app-web:not(.admin-body) .kc-phone-shot-shell {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    padding: 14px 10px 16px;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 34px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.20), rgba(255,255,255,0.03) 18%, rgba(0,0,0,0.92) 58%, rgba(26,31,42,0.98)) !important;
    box-shadow:
        0 24px 56px rgba(0,0,0,0.48),
        inset 0 0 0 1px rgba(255,255,255,0.09),
        inset 0 -18px 32px rgba(0,0,0,0.46) !important;
    cursor: pointer;
    overflow: hidden;
    transform: translateZ(0);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

body.kc-app-web:not(.admin-body) .kc-phone-shot-shell::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 29px;
    border: 1px solid rgba(255,255,255,0.08);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-shot-shell:hover {
    transform: translateY(-4px);
    border-color: rgba(75, 210, 255, 0.38) !important;
    box-shadow:
        0 30px 70px rgba(0,0,0,0.58),
        0 0 34px rgba(14,165,233,0.12),
        inset 0 0 0 1px rgba(255,255,255,0.10) !important;
}

body.kc-app-web:not(.admin-body) .kc-phone-shot-speaker {
    position: absolute;
    top: 9px;
    left: 50%;
    z-index: 2;
    width: 48px;
    height: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,0.20);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.20), 0 1px 8px rgba(0,0,0,0.38);
    transform: translateX(-50%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-shot-screen {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 25px;
    background: #05070c;
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.62);
}

body.kc-app-web:not(.admin-body) .kc-phone-shot-screen::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(255,255,255,0.18), transparent 32%, transparent 68%, rgba(255,255,255,0.05));
    opacity: .55;
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-shot-screen img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #05070c;
}

body.kc-app-web:not(.admin-body) .tag-item,
body.kc-app-web:not(.admin-body) button,
body.kc-app-web:not(.admin-body) a[class*="rounded-full"],
body.kc-app-web:not(.admin-body) a[class*="rounded-lg"] {
    border-color: var(--kc-border) !important;
}

body.kc-app-web:not(.admin-body) .text-\[\#01875f\],
body.kc-app-web:not(.admin-body) .hover\:text-\[\#01875f\]:hover,
body.kc-app-web:not(.admin-body) .filter-green {
    color: var(--kc-red) !important;
    filter: none !important;
}

body.kc-app-web:not(.admin-body) .bg-\[\#01875f\],
body.kc-app-web:not(.admin-body) .bg-orange-500,
body.kc-app-web:not(.admin-body) .bg-blue-600,
body.kc-app-web:not(.admin-body) .bg-red-500,
body.kc-app-web:not(.admin-body) .bg-red-600 {
    background: linear-gradient(135deg, var(--kc-red), var(--kc-red-2)) !important;
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) input,
body.kc-app-web:not(.admin-body) textarea,
body.kc-app-web:not(.admin-body) select {
    background: rgba(255, 255, 255, 0.07) !important;
    color: var(--kc-text) !important;
    border-color: var(--kc-border) !important;
}

body.kc-app-web:not(.admin-body) input::placeholder,
body.kc-app-web:not(.admin-body) textarea::placeholder {
    color: rgba(255, 255, 255, 0.43) !important;
}

/* App bottom navigation */
body.kc-app-web:not(.admin-body) #bottom-navigation-bar {
    background: rgba(9, 9, 13, 0.92) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 -18px 40px rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(18px);
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar > div {
    height: 66px !important;
    padding-bottom: 8px !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn svg {
    color: rgba(255, 255, 255, 0.54) !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover svg,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active svg {
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-indicator {
    background: var(--kc-red) !important;
    box-shadow: 0 0 18px rgba(229, 9, 20, 0.7);
}

body.kc-app-web:not(.admin-body) #discover-btn {
    background: linear-gradient(135deg, #f01822, #9b050d) !important;
    border-color: #08080b !important;
    box-shadow: 0 12px 30px rgba(229, 9, 20, 0.36) !important;
}

body.kc-app-web:not(.admin-body) #nav-profile-pic {
    border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Home hero/app install surface */
body.kc-app-web:not(.admin-body) .header-stats-wrapper {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid var(--kc-border);
    border-radius: 16px;
    padding: 14px 6px;
}

body.kc-app-web:not(.admin-body) .stat-value {
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .stat-text {
    color: var(--kc-muted) !important;
}

body.kc-app-web:not(.admin-body) .play-store-page {
    background:
        radial-gradient(circle at 85% 0%, rgba(229, 9, 20, 0.22), transparent 26rem),
        linear-gradient(180deg, #07070a 0%, #050507 48%, #030304 100%) !important;
    color: var(--kc-text) !important;
}

body.kc-app-web:not(.admin-body) .play-store-content {
    max-width: 1180px;
    margin-inline: auto;
}

body.kc-app-web:not(.admin-body) .play-hero-grid {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018));
    border: 1px solid var(--kc-border);
    border-radius: 22px;
    padding: clamp(18px, 3vw, 34px);
    box-shadow: var(--kc-shadow);
}

body.kc-app-web:not(.admin-body) .play-hero-head img {
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

body.kc-app-web:not(.admin-body) .play-title-wrap,
body.kc-app-web:not(.admin-body) .play-title-wrap h1,
body.kc-app-web:not(.admin-body) .play-title-wrap [class*="text-"],
body.kc-app-web:not(.admin-body) .play-install-column,
body.kc-app-web:not(.admin-body) .play-install-bar {
    background: transparent !important;
    color: var(--kc-text) !important;
}

body.kc-app-web:not(.admin-body) .play-install-bar p,
body.kc-app-web:not(.admin-body) .play-install-column p {
    background: transparent !important;
    color: var(--kc-muted) !important;
}

body.kc-app-web:not(.admin-body) .arrow-btn,
body.kc-app-web:not(.admin-body) .rounded-lg.border-dashed {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--kc-muted) !important;
    border-color: var(--kc-border) !important;
}

body.kc-app-web:not(.admin-body) .section-title,
body.kc-app-web:not(.admin-body) h1,
body.kc-app-web:not(.admin-body) h2,
body.kc-app-web:not(.admin-body) h3 {
    letter-spacing: 0 !important;
}

body.kc-app-web:not(.admin-body) [dir="ltr"],
body.kc-app-web:not(.admin-body) .direction-ltr,
body.kc-app-web:not(.admin-body) .font-en {
    font-family: var(--kc-font-en);
}

/* Watch/details pages: dark YouTube-like surface, app-colored CTAs. */
body.kc-app-web:not(.admin-body) #details-video-title {
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .web-preview-gate,
body.kc-app-web:not(.admin-body) .download-app-gate {
    background: linear-gradient(180deg, rgba(229, 9, 20, 0.16), rgba(13, 13, 18, 0.96)) !important;
    border: 1px solid rgba(229, 9, 20, 0.28) !important;
    border-radius: 18px !important;
}

/* Reels/discover/native ad cards blend into the app instead of white web cards. */
body.kc-app-web:not(.admin-body) .discover-card,
body.kc-app-web:not(.admin-body) .reel-card,
body.kc-app-web:not(.admin-body) .native-ad-card,
body.kc-app-web:not(.admin-body) [data-ad-card] {
    background: #09090d !important;
    border: 1px solid var(--kc-border) !important;
    border-radius: 12px !important;
    color: #fff !important;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .comments-sheet-content {
    border-top: 1px solid var(--kc-border);
    border-radius: 22px 22px 0 0 !important;
}

body.kc-app-web:not(.admin-body) #comments-sheet-modal .sticky,
body.kc-app-web:not(.admin-body) #reel-comment-form-wrapper {
    background: rgba(18, 18, 24, 0.98) !important;
    border-color: var(--kc-border) !important;
}

body.kc-app-web:not(.admin-body) #reel-comments-list-container {
    background: #0b0b10 !important;
}

#comments-sheet-modal .kc-comment-card,
#comments-list .kc-comment-card {
    box-sizing: border-box;
    direction: rtl;
    width: 100%;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: transparent !important;
    color: #f5f7fb;
    border-radius: 0;
}

#comments-list > .kc-comment-card {
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}

#comments-sheet-modal .kc-comment-card:last-child,
#comments-list .kc-comment-card:last-child {
    border-bottom: 0;
}

#comments-sheet-modal .kc-comment-card--reply,
#comments-list .kc-comment-card--reply {
    margin-inline-start: 38px;
    padding-block: 8px;
    opacity: 0.96;
}

#comments-sheet-modal .kc-comment-card--admin,
#comments-list .kc-comment-card--admin {
    padding-inline: 8px;
    border-right: 3px solid #ef4444;
    background: rgba(24,34,54,0.42) !important;
    border-radius: 10px;
}

#comments-sheet-modal .kc-comment-row,
#comments-list .kc-comment-row {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
}

#comments-sheet-modal .kc-comment-avatar-link,
#comments-list .kc-comment-avatar-link {
    display: block;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
}

#comments-sheet-modal .kc-comment-avatar,
#comments-list .kc-comment-avatar {
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.18);
    background: #111827;
}

#comments-sheet-modal .kc-comment-avatar--reply,
#comments-list .kc-comment-avatar--reply {
    width: 32px;
    height: 32px;
}

#comments-sheet-modal .kc-comment-body,
#comments-list .kc-comment-body,
#comments-sheet-modal .comment-details-container,
#comments-list .comment-details-container {
    min-width: 0;
    width: 100%;
    text-align: right;
}

#comments-sheet-modal .kc-comment-head,
#comments-list .kc-comment-head {
    min-width: 0;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    line-height: 1.25 !important;
}

#comments-sheet-modal .kc-comment-name,
#comments-list .kc-comment-name {
    min-width: 0;
    max-width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 800;
    color: #f8fafc !important;
    text-decoration: none;
}

#comments-sheet-modal .kc-comment-time,
#comments-list .kc-comment-time {
    margin-inline-start: auto;
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 10px;
    color: #7b8494 !important;
}

#comments-sheet-modal .kc-comment-text,
#comments-list .kc-comment-text {
    margin: 3px 0 0 !important;
    padding: 0 !important;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    text-align: right;
    font-size: 12px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    text-shadow: none !important;
    color: #e5e7eb !important;
}

#comments-sheet-modal .kc-comment-actions,
#comments-list .kc-comment-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 7px !important;
    min-width: 0;
}

#comments-sheet-modal .comment-react-btn,
#comments-list .comment-react-btn {
    height: 26px !important;
    min-width: 42px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    flex: 0 0 auto !important;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.035);
    color: #aeb6c4;
    font-size: 11px;
    line-height: 1;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

#comments-sheet-modal .comment-react-btn .interaction-icon,
#comments-list .comment-react-btn .interaction-icon {
    width: 15px !important;
    height: 15px !important;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    background: transparent !important;
    box-shadow: none !important;
}

#comments-sheet-modal .comment-react-btn.is-active,
#comments-list .comment-react-btn.is-active {
    background: rgba(59,130,246,0.16);
    border-color: rgba(96,165,250,0.35);
    color: #dbeafe;
}

#comments-sheet-modal .comment-likes-count,
#comments-sheet-modal .comment-dislikes-count,
#comments-list .comment-likes-count,
#comments-list .comment-dislikes-count {
    min-width: 8px;
    color: inherit !important;
    font-weight: 700;
}

#comments-sheet-modal .kc-comment-action-link,
#comments-list .kc-comment-action-link,
#comments-sheet-modal .report-comment-btn,
#comments-sheet-modal .edit-comment-btn,
#comments-sheet-modal .delete-comment-btn,
#comments-list .report-comment-btn,
#comments-list .edit-comment-btn,
#comments-list .delete-comment-btn {
    height: 26px;
    display: inline-flex;
    align-items: center;
    color: #9ca3af !important;
    font-size: 11px;
    font-weight: 700;
    padding: 0 2px;
    margin: 0;
}

#comments-sheet-modal .kc-comment-actions-tail,
#comments-list .kc-comment-actions-tail {
    margin-inline-start: auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

#comments-sheet-modal .kc-comment-actions-tail:empty,
#comments-list .kc-comment-actions-tail:empty {
    display: none;
}

#comments-sheet-modal .replies-container,
#comments-list .replies-container {
    margin-top: 8px;
    padding-top: 8px;
    padding-inline-start: 0;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* Initial skeletons should feel like the app while data loads. */
body.kc-app-web:not(.admin-body) .animate-pulse .bg-gray-200,
body.kc-app-web:not(.admin-body) .animate-pulse .bg-gray-300,
body.kc-app-web:not(.admin-body) .animate-pulse .bg-gray-100 {
    background-color: #202029 !important;
}

@media (min-width: 768px) {
    body.kc-app-web:not(.admin-body) #main-content {
        padding-bottom: 96px;
    }

    body.kc-app-web:not(.admin-body) #bottom-navigation-bar > div {
        max-width: 720px !important;
    }
}

/* Final light-store override for the homepage only. */
body.kc-app-web.home-store-light:not(.admin-body),
body.kc-app-web.home-store-light:not(.admin-body) #main-content,
body.kc-app-web.home-store-light:not(.admin-body) #page-content,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page,
body.kc-app-web.home-store-light:not(.admin-body) .play-section,
body.kc-app-web.home-store-light:not(.admin-body) .app-details-section,
body.kc-app-web.home-store-light:not(.admin-body) .bg-white,
body.kc-app-web.home-store-light:not(.admin-body) .bg-gray-50,
body.kc-app-web.home-store-light:not(.admin-body) .bg-gray-100 {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #202124 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-hero-grid,
body.kc-app-web.home-store-light:not(.admin-body) .header-stats-wrapper,
body.kc-app-web.home-store-light:not(.admin-body) .play-title-wrap,
body.kc-app-web.home-store-light:not(.admin-body) .play-install-column,
body.kc-app-web.home-store-light:not(.admin-body) .play-install-bar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #202124 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .text-gray-900,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-800,
body.kc-app-web.home-store-light:not(.admin-body) .text-\[\#0f0f0f\],
body.kc-app-web.home-store-light:not(.admin-body) .stat-value,
body.kc-app-web.home-store-light:not(.admin-body) h1,
body.kc-app-web.home-store-light:not(.admin-body) h2,
body.kc-app-web.home-store-light:not(.admin-body) h3 {
    color: #202124 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .text-gray-700,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-600,
body.kc-app-web.home-store-light:not(.admin-body) .text-\[\#606060\],
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-500,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-400,
body.kc-app-web.home-store-light:not(.admin-body) .stat-text,
body.kc-app-web.home-store-light:not(.admin-body) .play-install-bar p,
body.kc-app-web.home-store-light:not(.admin-body) .play-install-column p {
    color: #5f6368 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .border-gray-100,
body.kc-app-web.home-store-light:not(.admin-body) .border-gray-200,
body.kc-app-web.home-store-light:not(.admin-body) .border-gray-300,
body.kc-app-web.home-store-light:not(.admin-body) .border-white\/10 {
    border-color: #e5e9ec !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .text-\[\#01875f\],
body.kc-app-web.home-store-light:not(.admin-body) .hover\:text-\[\#01875f\]:hover {
    color: #01875f !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .bg-\[\#01875f\] {
    background: #01875f !important;
    color: #ffffff !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar {
    background: rgba(255, 255, 255, 0.96) !important;
    border-top: 1px solid #e5e9ec !important;
    box-shadow: 0 -4px 14px rgba(60, 64, 67, 0.08) !important;
    backdrop-filter: blur(14px);
}

body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn span,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn svg {
    color: #6b7280 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn:hover,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn:hover span,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn:hover svg,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn.active,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn.active span,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn.active svg {
    color: #01875f !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-indicator,
body.kc-app-web.home-store-light:not(.admin-body) #discover-btn {
    background: #01875f !important;
    box-shadow: 0 8px 20px rgba(1, 135, 95, 0.28) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #discover-btn {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Public web light polish. Keep admin excluded. */
body.kc-app-web:not(.admin-body),
body.kc-app-web.netflix-theme:not(.admin-body),
body.kc-app-web:not(.admin-body) main,
body.kc-app-web:not(.admin-body) #main-content,
body.kc-app-web:not(.admin-body) #page-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #202124 !important;
}

body.kc-app-web:not(.admin-body) #main-content {
    max-width: 100% !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 82px !important;
}

body.kc-app-web:not(.admin-body) [class*="bg-[#050507]"],
body.kc-app-web:not(.admin-body) [class*="bg-[#0a0a0f]"],
body.kc-app-web:not(.admin-body) [class*="bg-[#101014]"],
body.kc-app-web:not(.admin-body) [class*="bg-[#111116]"],
body.kc-app-web:not(.admin-body) [class*="bg-[#141414]"],
body.kc-app-web:not(.admin-body) [class*="bg-[#1a1a1a]"],
body.kc-app-web:not(.admin-body) [class*="bg-gray-50"],
body.kc-app-web:not(.admin-body) [class*="bg-gray-100"],
body.kc-app-web:not(.admin-body) .play-store-page,
body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section,
body.kc-app-web:not(.admin-body) .comments-sheet-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #202124 !important;
}

body.kc-app-web:not(.admin-body) .play-hero-grid,
body.kc-app-web:not(.admin-body) .header-stats-wrapper,
body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section,
body.kc-app-web:not(.admin-body) .rounded-b-xl,
body.kc-app-web:not(.admin-body) .rounded-2xl,
body.kc-app-web:not(.admin-body) .rounded-3xl {
    box-shadow: none !important;
    border-color: transparent !important;
}

body.kc-app-web:not(.admin-body) .play-hero-grid,
body.kc-app-web:not(.admin-body) .header-stats-wrapper,
body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section {
    border-radius: 0 !important;
    border-width: 0 !important;
}

body.kc-app-web:not(.admin-body) .text-white,
body.kc-app-web:not(.admin-body) [class*="text-white/"],
body.kc-app-web:not(.admin-body) [class*="text-[#e5e5e5]"],
body.kc-app-web:not(.admin-body) [class*="text-[#f8f8f8]"],
body.kc-app-web:not(.admin-body) [class*="text-gray-300"],
body.kc-app-web:not(.admin-body) [class*="text-gray-400"],
body.kc-app-web:not(.admin-body) [class*="text-gray-500"],
body.kc-app-web:not(.admin-body) [class*="text-gray-600"],
body.kc-app-web:not(.admin-body) [class*="text-gray-700"] {
    color: #5f6368 !important;
}

body.kc-app-web:not(.admin-body) h1,
body.kc-app-web:not(.admin-body) h2,
body.kc-app-web:not(.admin-body) h3,
body.kc-app-web:not(.admin-body) .text-black,
body.kc-app-web:not(.admin-body) .text-gray-900,
body.kc-app-web:not(.admin-body) .text-gray-800 {
    color: #202124 !important;
}

body.kc-app-web:not(.admin-body) input,
body.kc-app-web:not(.admin-body) textarea,
body.kc-app-web:not(.admin-body) select {
    background: #ffffff !important;
    color: #202124 !important;
    border-color: #dfe3e7 !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) input::placeholder,
body.kc-app-web:not(.admin-body) textarea::placeholder {
    color: #8a929a !important;
}

body.kc-app-web:not(.admin-body) button,
body.kc-app-web:not(.admin-body) a,
body.kc-app-web:not(.admin-body) svg {
    transition-property: color, background-color, border-color, opacity !important;
}

body.kc-app-web:not(.admin-body) button[class*="bg-[#e50914]"],
body.kc-app-web:not(.admin-body) a[class*="bg-[#e50914]"],
body.kc-app-web:not(.admin-body) button[class*="bg-[#01875f]"],
body.kc-app-web:not(.admin-body) a[class*="bg-[#01875f]"],
body.kc-app-web:not(.admin-body) .bg-\[\#01875f\],
body.kc-app-web:not(.admin-body) .bg-red-500,
body.kc-app-web:not(.admin-body) .bg-red-600,
body.kc-app-web:not(.admin-body) .bg-blue-600,
body.kc-app-web:not(.admin-body) .bg-orange-500 {
    background: #01875f !important;
    background-color: #01875f !important;
    color: #ffffff !important;
    border-color: #01875f !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) a[class*="bg-red"],
body.kc-app-web:not(.admin-body) a[class*="bg-blue"],
body.kc-app-web:not(.admin-body) a[class*="bg-orange"],
body.kc-app-web:not(.admin-body) a[class*="bg-gradient"],
body.kc-app-web:not(.admin-body) button[class*="bg-gradient"] {
    background: #01875f !important;
    background-color: #01875f !important;
    color: #ffffff !important;
    border-color: #01875f !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) button[class*="bg-[#e50914]"] *,
body.kc-app-web:not(.admin-body) a[class*="bg-[#e50914]"] *,
body.kc-app-web:not(.admin-body) button[class*="bg-[#01875f]"] *,
body.kc-app-web:not(.admin-body) a[class*="bg-[#01875f]"] *,
body.kc-app-web:not(.admin-body) .bg-\[\#01875f\] *,
body.kc-app-web:not(.admin-body) a[class*="bg-red"] *,
body.kc-app-web:not(.admin-body) a[class*="bg-blue"] *,
body.kc-app-web:not(.admin-body) a[class*="bg-orange"] *,
body.kc-app-web:not(.admin-body) a[class*="bg-gradient"] *,
body.kc-app-web:not(.admin-body) button[class*="bg-gradient"] * {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay {
    background: rgba(32, 33, 36, 0.42) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay > div,
body.kc-app-web:not(.admin-body) #signup-modal-content {
    background: #ffffff !important;
    color: #202124 !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 50px rgba(60, 64, 67, 0.18) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .text-white,
body.kc-app-web:not(.admin-body) #signup-modal-overlay .text-white,
body.kc-app-web:not(.admin-body) #login-modal-overlay [class*="text-white/"],
body.kc-app-web:not(.admin-body) #signup-modal-overlay [class*="text-white/"] {
    color: #202124 !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay input,
body.kc-app-web:not(.admin-body) #signup-modal-overlay input {
    background: #f8fafc !important;
    border-color: #dfe3e7 !important;
    color: #202124 !important;
    border-radius: 12px !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.netflix-theme:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.netflix-theme:not(.admin-body) nav {
    height: 66px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 1px solid #eceff1 !important;
    border-color: #eceff1 !important;
    box-shadow: 0 -1px 0 rgba(60, 64, 67, 0.08) !important;
    backdrop-filter: blur(14px);
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar > div {
    height: 64px !important;
    max-width: 720px !important;
    padding-bottom: 8px !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn svg {
    color: #6b7280 !important;
    transform: none !important;
    filter: none !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover svg,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active svg {
    color: #01875f !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-indicator {
    width: 24px !important;
    height: 3px !important;
    background: #01875f !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .relative.-top-4 {
    top: 0 !important;
}

body.kc-app-web:not(.admin-body) #discover-btn {
    width: 46px !important;
    height: 46px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #01875f !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

body.kc-app-web:not(.admin-body) #discover-btn svg {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .verified-user-badge,
body.kc-app-web:not(.admin-body) .admin-check-gif,
body.kc-app-web:not(.admin-body) .verified-publisher-badge,
body.kc-app-web:not(.admin-body) img[title="قناة موثقة"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: -2px !important;
    margin-inline-start: 4px !important;
    margin-inline-end: 0 !important;
    filter: none !important;
    cursor: pointer;
}

/* King Cinema public catalog pages */
body.kc-app-web:not(.admin-body) .kc-library-page,
body.kc-app-web:not(.admin-body) .kc-category-page,
body.kc-app-web:not(.admin-body) .kc-all-page {
    width: 100%;
    min-height: 100vh;
    background: #ffffff !important;
    color: #202124 !important;
    font-family: inherit;
}

body.kc-app-web:not(.admin-body) .kc-library-page {
    padding-bottom: 82px;
}

body.kc-app-web:not(.admin-body) .kc-library-header {
    position: sticky;
    top: 0;
    z-index: 60;
    width: 100%;
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid #e8eaed;
    box-shadow: 0 1px 0 rgba(60, 64, 67, 0.08);
    backdrop-filter: blur(14px);
    padding: 14px 16px 10px;
}

body.kc-app-web:not(.admin-body) .kc-library-inner {
    width: min(1240px, 100%);
    margin: 0 auto;
}

body.kc-app-web:not(.admin-body) .kc-library-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

body.kc-app-web:not(.admin-body) .kc-library-title-row p {
    margin: 0 0 2px;
    color: #01875f !important;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
}

body.kc-app-web:not(.admin-body) .kc-library-title-row h1 {
    margin: 0;
    color: #202124 !important;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-download-pill,
body.kc-app-web:not(.admin-body) .kc-primary-action,
body.kc-app-web:not(.admin-body) .kc-load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border: 1px solid #01875f !important;
    border-radius: 8px !important;
    background: #01875f !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 900;
    padding: 9px 16px;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-download-pill:hover,
body.kc-app-web:not(.admin-body) .kc-primary-action:hover,
body.kc-app-web:not(.admin-body) .kc-load-more-btn:hover {
    background: #007a55 !important;
    border-color: #007a55 !important;
}

body.kc-app-web:not(.admin-body) .kc-library-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow-x: auto;
    padding: 2px 0 4px;
    scroll-snap-type: x proximity;
}

body.kc-app-web:not(.admin-body) .kc-library-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    white-space: nowrap;
    scroll-snap-align: start;
    border: 1px solid #dadce0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #3c4043 !important;
    font-size: 14px;
    font-weight: 900;
    padding: 8px 14px;
}

body.kc-app-web:not(.admin-body) .kc-library-tab.is-active {
    background: #e6f4ea !important;
    border-color: #01875f !important;
    color: #01875f !important;
}

body.kc-app-web:not(.admin-body) .kc-library-tab img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

body.kc-app-web:not(.admin-body) .kc-library-content {
    width: 100%;
    min-height: 70vh;
    background: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-category-page {
    padding-bottom: 90px;
    overflow-x: hidden;
}

body.kc-app-web:not(.admin-body) .kc-category-hero {
    position: relative;
    width: 100%;
    min-height: clamp(300px, 48vw, 560px);
    background: #f8fafd !important;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-category-hero-media,
body.kc-app-web:not(.admin-body) .kc-category-hero-media img,
body.kc-app-web:not(.admin-body) .kc-category-hero-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.kc-app-web:not(.admin-body) .kc-category-hero-media img {
    object-fit: cover;
    object-position: center top;
}

body.kc-app-web:not(.admin-body) .kc-category-hero-overlay {
    background: linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.86) 34%, rgba(255,255,255,0.28) 72%, rgba(255,255,255,0.08) 100%) !important;
}

html[dir="rtl"] body.kc-app-web:not(.admin-body) .kc-category-hero-overlay,
body[dir="rtl"].kc-app-web:not(.admin-body) .kc-category-hero-overlay {
    background: linear-gradient(270deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.86) 34%, rgba(255,255,255,0.28) 72%, rgba(255,255,255,0.08) 100%) !important;
}

body.kc-app-web:not(.admin-body) .kc-category-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: min(620px, 100%);
    min-height: clamp(300px, 48vw, 560px);
    padding: 34px clamp(18px, 5vw, 64px);
}

body.kc-app-web:not(.admin-body) .kc-category-hero-content h1 {
    margin: 0 0 12px;
    color: #202124 !important;
    font-size: clamp(30px, 4vw, 56px);
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-category-hero-content p {
    max-width: 560px;
    margin: 0 0 22px;
    color: #5f6368 !important;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-category-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

body.kc-app-web:not(.admin-body) .kc-secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border: 1px solid #dadce0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #202124 !important;
    font-size: 14px;
    font-weight: 900;
    padding: 9px 16px;
}

body.kc-app-web:not(.admin-body) .kc-secondary-action svg {
    color: #01875f !important;
}

body.kc-app-web:not(.admin-body) .kc-category-sections {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 22px 0 18px;
    background: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-content-row {
    width: 100%;
    margin: 0;
    padding: 18px 0 10px;
    background: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: min(1280px, 100%);
    margin: 0 auto 10px;
    padding: 0 18px;
}

body.kc-app-web:not(.admin-body) .kc-row-title {
    min-width: 0;
    color: #202124 !important;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: 0;
}

body.kc-app-web:not(.admin-body) .kc-row-more,
body.kc-app-web:not(.admin-body) .kc-back-link {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    color: #01875f !important;
    font-size: 13px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-poster-row-shell {
    width: min(1280px, 100%);
    margin: 0 auto;
}

body.kc-app-web:not(.admin-body) .kc-poster-strip {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding: 4px 18px 18px;
    direction: rtl;
    justify-content: flex-start;
}

body.kc-app-web:not(.admin-body) .kc-poster-card {
    flex: 0 0 clamp(132px, 16vw, 190px);
    max-width: 190px;
    cursor: pointer;
    direction: rtl;
}

body.kc-app-web:not(.admin-body) .kc-poster-link,
body.kc-app-web:not(.admin-body) .kc-all-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-media,
body.kc-app-web:not(.admin-body) .kc-all-media {
    position: relative;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: 8px !important;
    background: #f1f3f4 !important;
    border: 1px solid #e8eaed;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
}

body.kc-app-web:not(.admin-body) .kc-poster-img,
body.kc-app-web:not(.admin-body) .kc-all-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #f1f3f4 !important;
    transition: transform 0.22s ease;
}

body.kc-app-web:not(.admin-body) .kc-poster-card:hover .kc-poster-img,
body.kc-app-web:not(.admin-body) .kc-all-card:hover .kc-all-img {
    transform: scale(1.04);
}

body.kc-app-web:not(.admin-body) .kc-poster-shade {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px;
    background: linear-gradient(180deg, rgba(0,0,0,0.02) 26%, rgba(0,0,0,0.72) 100%) !important;
    text-align: right;
}

body.kc-app-web:not(.admin-body) .kc-poster-shade,
body.kc-app-web:not(.admin-body) .kc-poster-shade * {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-publisher-row {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin-bottom: 7px;
}

body.kc-app-web:not(.admin-body) .kc-publisher-avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.45);
    background: rgba(255,255,255,0.2);
    flex-shrink: 0;
}

body.kc-app-web:not(.admin-body) .kc-publisher-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    font-weight: 800;
    opacity: 0.9;
}

body.kc-app-web:not(.admin-body) .kc-verified-badge {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    object-fit: contain;
    flex-shrink: 0;
}

body.kc-app-web:not(.admin-body) .kc-poster-title {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 900;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-poster-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px;
    font-size: 9px;
    font-weight: 800;
    opacity: 0.82;
}

body.kc-app-web:not(.admin-body) .kc-poster-stats span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.kc-app-web:not(.admin-body) .kc-poster-label,
body.kc-app-web:not(.admin-body) .kc-rating-badge {
    position: absolute;
    z-index: 5;
    top: 8px;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 16px);
    min-height: 24px;
    border-radius: 999px !important;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-poster-label {
    right: 8px;
    background: #01875f !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-rating-badge {
    left: 8px;
    background: rgba(32, 33, 36, 0.86) !important;
    color: #fbbc04 !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-hover,
body.kc-app-web:not(.admin-body) .kc-all-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.18) !important;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-poster-card:hover .kc-poster-hover,
body.kc-app-web:not(.admin-body) .kc-all-card:hover .kc-all-play {
    opacity: 1;
}

body.kc-app-web:not(.admin-body) .kc-play-dot,
body.kc-app-web:not(.admin-body) .kc-all-play {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-play-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #01875f !important;
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: 0 clamp(18px, 5vw, 64px);
    background: linear-gradient(90deg, #f8fafd, #eef2f5, #f8fafd) !important;
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton div {
    width: min(460px, 80%);
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton span,
body.kc-app-web:not(.admin-body) .kc-hero-skeleton b,
body.kc-app-web:not(.admin-body) .kc-hero-skeleton em,
body.kc-app-web:not(.admin-body) .kc-skeleton-card {
    display: block;
    border-radius: 8px;
    background: linear-gradient(90deg, #edf1f5, #f7f9fb, #edf1f5) !important;
    animation: kcPulse 1.4s ease-in-out infinite;
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton span {
    height: 44px;
    margin-bottom: 14px;
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton b {
    height: 16px;
    width: 72%;
    margin-bottom: 18px;
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton em {
    height: 40px;
    width: 160px;
}

body.kc-app-web:not(.admin-body) .kc-skeleton-strip {
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-skeleton-card {
    flex: 0 0 clamp(132px, 16vw, 190px);
    aspect-ratio: 2 / 3;
}

body.kc-app-web:not(.admin-body) .kc-all-page {
    padding: 24px clamp(14px, 4vw, 40px) 96px;
}

body.kc-app-web:not(.admin-body) .kc-all-title {
    margin: 12px 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8eaed;
    color: #202124 !important;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.25;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-all-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    gap: 18px 14px;
    width: min(1320px, 100%);
    margin: 0 auto;
    direction: rtl;
}

body.kc-app-web:not(.admin-body) .kc-all-card h3 {
    margin: 9px 2px 0;
    color: #202124 !important;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 900;
    text-align: right;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-load-more-wrap {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

body.kc-app-web:not(.admin-body) .kc-empty-state {
    width: min(760px, calc(100% - 28px));
    margin: 28px auto;
    padding: 28px;
    border: 1px solid #e8eaed;
    border-radius: 8px;
    background: #ffffff !important;
    color: #5f6368 !important;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-error-state {
    color: #d93025 !important;
}

@keyframes kcPulse {
    0%, 100% { opacity: 0.72; }
    50% { opacity: 1; }
}

@media (max-width: 720px) {
    body.kc-app-web:not(.admin-body) .kc-library-header {
        padding: 12px 12px 9px;
    }

    body.kc-app-web:not(.admin-body) .kc-library-title-row h1 {
        font-size: 21px;
    }

    body.kc-app-web:not(.admin-body) .kc-category-hero,
    body.kc-app-web:not(.admin-body) .kc-category-hero-content {
        min-height: 360px;
    }

    body.kc-app-web:not(.admin-body) .kc-category-hero-overlay {
        background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.96) 60%, #ffffff 100%) !important;
    }

    body.kc-app-web:not(.admin-body) .kc-category-hero-content {
        justify-content: flex-end;
        padding: 22px 16px 28px;
    }

    body.kc-app-web:not(.admin-body) .kc-category-hero-content h1 {
        font-size: 30px;
    }

    body.kc-app-web:not(.admin-body) .kc-poster-strip {
        gap: 10px;
        padding-inline: 14px;
    }

    body.kc-app-web:not(.admin-body) .kc-poster-card,
    body.kc-app-web:not(.admin-body) .kc-skeleton-card {
        flex-basis: 132px;
    }

    body.kc-app-web:not(.admin-body) .kc-row-title {
        font-size: 19px;
    }

    body.kc-app-web:not(.admin-body) .kc-all-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px 10px;
    }
}

/* App-matched dark theme: final public override */
body.kc-app-web:not(.admin-body),
body.kc-app-web.home-store-light:not(.admin-body),
body.kc-app-web.netflix-theme:not(.admin-body),
body.kc-app-web:not(.admin-body) #main-content,
body.kc-app-web:not(.admin-body) #page-content,
body.kc-app-web:not(.admin-body) main,
body.kc-app-web:not(.admin-body) .play-store-page,
body.kc-app-web:not(.admin-body) .kc-library-page,
body.kc-app-web:not(.admin-body) .kc-category-page,
body.kc-app-web:not(.admin-body) .kc-all-page {
    background: #090a0f !important;
    background-color: #090a0f !important;
    color: #f5f7fb !important;
}

body.kc-app-web:not(.admin-body) .bg-white,
body.kc-app-web:not(.admin-body) .bg-gray-50,
body.kc-app-web:not(.admin-body) .bg-gray-100,
body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section,
body.kc-app-web:not(.admin-body) .play-hero-grid,
body.kc-app-web:not(.admin-body) .header-stats-wrapper,
body.kc-app-web:not(.admin-body) .play-install-column,
body.kc-app-web:not(.admin-body) .comments-sheet-content,
body.kc-app-web:not(.admin-body) .kc-content-row,
body.kc-app-web:not(.admin-body) .kc-category-sections,
body.kc-app-web:not(.admin-body) .kc-library-content {
    background: #090a0f !important;
    background-color: #090a0f !important;
    color: #f5f7fb !important;
}

body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section,
body.kc-app-web:not(.admin-body) .play-hero-grid,
body.kc-app-web:not(.admin-body) .header-stats-wrapper,
body.kc-app-web:not(.admin-body) .play-install-column,
body.kc-app-web:not(.admin-body) .rounded-xl,
body.kc-app-web:not(.admin-body) .rounded-2xl,
body.kc-app-web:not(.admin-body) .rounded-3xl {
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) h1,
body.kc-app-web:not(.admin-body) h2,
body.kc-app-web:not(.admin-body) h3,
body.kc-app-web:not(.admin-body) .text-black,
body.kc-app-web:not(.admin-body) .text-gray-900,
body.kc-app-web:not(.admin-body) .text-gray-800,
body.kc-app-web:not(.admin-body) .text-\[\#0f0f0f\],
body.kc-app-web:not(.admin-body) .stat-value,
body.kc-app-web:not(.admin-body) .kc-row-title,
body.kc-app-web:not(.admin-body) .kc-all-title,
body.kc-app-web:not(.admin-body) .kc-all-card h3,
body.kc-app-web:not(.admin-body) .kc-library-title-row h1,
body.kc-app-web:not(.admin-body) .kc-category-hero-content h1 {
    color: #f5f7fb !important;
}

body.kc-app-web:not(.admin-body) p,
body.kc-app-web:not(.admin-body) span,
body.kc-app-web:not(.admin-body) small,
body.kc-app-web:not(.admin-body) label,
body.kc-app-web:not(.admin-body) .text-gray-700,
body.kc-app-web:not(.admin-body) .text-gray-600,
body.kc-app-web:not(.admin-body) .text-gray-500,
body.kc-app-web:not(.admin-body) .text-gray-400,
body.kc-app-web:not(.admin-body) .text-gray-300,
body.kc-app-web:not(.admin-body) [class*="text-white/"],
body.kc-app-web:not(.admin-body) .stat-text,
body.kc-app-web:not(.admin-body) .kc-category-hero-content p {
    color: #aeb6c4 !important;
}

body.kc-app-web:not(.admin-body) .text-white,
body.kc-app-web:not(.admin-body) button .text-white,
body.kc-app-web:not(.admin-body) a .text-white,
body.kc-app-web:not(.admin-body) .kc-poster-shade,
body.kc-app-web:not(.admin-body) .kc-poster-shade *,
body.kc-app-web:not(.admin-body) .kc-primary-action,
body.kc-app-web:not(.admin-body) .kc-download-pill,
body.kc-app-web:not(.admin-body) .kc-load-more-btn,
body.kc-app-web:not(.admin-body) .kc-poster-label {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-library-header,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.netflix-theme:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.netflix-theme:not(.admin-body) nav {
    background: rgba(13, 14, 20, 0.96) !important;
    background-color: rgba(13, 14, 20, 0.96) !important;
    border-color: rgba(255,255,255,0.09) !important;
    box-shadow: 0 -1px 0 rgba(255,255,255,0.04) !important;
    backdrop-filter: blur(16px);
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn svg {
    color: #8f98a8 !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover svg,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active svg,
body.kc-app-web:not(.admin-body) .kc-row-more,
body.kc-app-web:not(.admin-body) .kc-back-link,
body.kc-app-web:not(.admin-body) .kc-library-title-row p {
    color: #00c781 !important;
}

body.kc-app-web:not(.admin-body) .kc-library-tab {
    background: #141720 !important;
    border-color: rgba(255,255,255,0.10) !important;
    color: #dbe2ee !important;
}

body.kc-app-web:not(.admin-body) .kc-library-tab.is-active {
    background: rgba(0, 199, 129, 0.14) !important;
    border-color: rgba(0, 199, 129, 0.72) !important;
    color: #00c781 !important;
}

body.kc-app-web:not(.admin-body) .kc-category-hero {
    background: #090a0f !important;
}

body.kc-app-web:not(.admin-body) .kc-category-hero-overlay {
    background: linear-gradient(90deg, rgba(9,10,15,0.98) 0%, rgba(9,10,15,0.82) 35%, rgba(9,10,15,0.36) 72%, rgba(9,10,15,0.08) 100%) !important;
}

html[dir="rtl"] body.kc-app-web:not(.admin-body) .kc-category-hero-overlay,
body[dir="rtl"].kc-app-web:not(.admin-body) .kc-category-hero-overlay {
    background: linear-gradient(270deg, rgba(9,10,15,0.98) 0%, rgba(9,10,15,0.82) 35%, rgba(9,10,15,0.36) 72%, rgba(9,10,15,0.08) 100%) !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-media,
body.kc-app-web:not(.admin-body) .kc-all-media {
    background: #141720 !important;
    border-color: rgba(255,255,255,0.09) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.28) !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-img,
body.kc-app-web:not(.admin-body) .kc-all-img {
    background: #141720 !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-shade {
    background: linear-gradient(180deg, rgba(0,0,0,0.02) 22%, rgba(0,0,0,0.78) 100%) !important;
}

body.kc-app-web:not(.admin-body) .kc-rating-badge {
    background: rgba(0,0,0,0.72) !important;
    color: #ffd54f !important;
}

body.kc-app-web:not(.admin-body) .kc-all-title {
    border-color: rgba(255,255,255,0.09) !important;
}

body.kc-app-web:not(.admin-body) .kc-empty-state {
    background: #11141c !important;
    border-color: rgba(255,255,255,0.09) !important;
    color: #aeb6c4 !important;
}

body.kc-app-web:not(.admin-body) input,
body.kc-app-web:not(.admin-body) textarea,
body.kc-app-web:not(.admin-body) select {
    background: #11141c !important;
    border-color: rgba(255,255,255,0.10) !important;
    color: #f5f7fb !important;
}

body.kc-app-web:not(.admin-body) input::placeholder,
body.kc-app-web:not(.admin-body) textarea::placeholder {
    color: #6f7888 !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay > div,
body.kc-app-web:not(.admin-body) #signup-modal-content,
body.kc-app-web:not(.admin-body) .modal-content,
body.kc-app-web:not(.admin-body) .bottom-sheet {
    background: #101219 !important;
    color: #f5f7fb !important;
    border-color: rgba(255,255,255,0.10) !important;
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton {
    background: linear-gradient(90deg, #090a0f, #141720, #090a0f) !important;
}

body.kc-app-web:not(.admin-body) .kc-hero-skeleton span,
body.kc-app-web:not(.admin-body) .kc-hero-skeleton b,
body.kc-app-web:not(.admin-body) .kc-hero-skeleton em,
body.kc-app-web:not(.admin-body) .kc-skeleton-card {
    background: linear-gradient(90deg, #141720, #1d2230, #141720) !important;
}

body.kc-app-web:not(.admin-body) .kc-library-home-page .kc-library-header {
    position: sticky;
    top: 0;
}

body.kc-app-web:not(.admin-body) .kc-row-title {
    appearance: none;
    border: 0;
    background: transparent !important;
    padding: 0;
    text-align: start;
    cursor: pointer;
}

body.kc-app-web:not(.admin-body) .kc-row-more {
    appearance: none;
    border: 0;
    background: transparent !important;
    padding: 0;
    cursor: pointer;
}

body.kc-app-web:not(.admin-body) .kc-library-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: rgba(0,0,0,0.72) !important;
    backdrop-filter: blur(10px);
}

body.kc-app-web:not(.admin-body) .kc-library-modal-panel {
    width: min(1120px, 100%);
    max-height: min(88dvh, 820px);
    overflow: auto;
    background: #101219 !important;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px 18px 0 0;
    padding: 16px 16px 92px;
    box-shadow: 0 -18px 70px rgba(0,0,0,0.5);
}

body.kc-app-web:not(.admin-body) .kc-library-modal-head {
    position: sticky;
    top: -16px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: -16px -16px 16px;
    padding: 14px 16px;
    background: rgba(16,18,25,0.96) !important;
    border-bottom: 1px solid rgba(255,255,255,0.09);
    backdrop-filter: blur(14px);
}

body.kc-app-web:not(.admin-body) .kc-library-modal-head h2 {
    margin: 0;
    color: #f5f7fb !important;
    font-size: 22px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-library-modal-head button {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 50% !important;
    background: #171b25 !important;
    color: #ffffff !important;
    font-size: 26px;
    line-height: 1;
}

@media (max-width: 720px) {
    body.kc-app-web:not(.admin-body) .kc-category-hero-overlay {
        background: linear-gradient(180deg, rgba(9,10,15,0.22) 0%, rgba(9,10,15,0.92) 58%, #090a0f 100%) !important;
    }
}

/* Full-screen web app fit: remove side gutters everywhere in public web. */
html,
body.kc-app-web:not(.admin-body) {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    overflow-x: hidden !important;
}

body.kc-app-web:not(.admin-body) #main-content,
body.kc-app-web:not(.admin-body) #page-content,
body.kc-app-web:not(.admin-body) .kc-library-page,
body.kc-app-web:not(.admin-body) .kc-category-page,
body.kc-app-web:not(.admin-body) .kc-all-page,
body.kc-app-web:not(.admin-body) .play-store-page {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
}

body.kc-app-web:not(.admin-body) .kc-library-inner,
body.kc-app-web:not(.admin-body) .kc-row-head,
body.kc-app-web:not(.admin-body) .kc-poster-row-shell,
body.kc-app-web:not(.admin-body) .kc-all-grid,
body.kc-app-web:not(.admin-body) .play-store-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-library-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.kc-app-web:not(.admin-body) .kc-row-head {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-strip {
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 10px !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-strip {
    direction: rtl !important;
    justify-content: flex-start !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-card {
    direction: rtl !important;
}

body.kc-app-web:not(.admin-body) .kc-all-page {
    padding-top: 18px !important;
    padding-bottom: 96px !important;
}

body.kc-app-web:not(.admin-body) .kc-all-title,
body.kc-app-web:not(.admin-body) .kc-back-link {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

body.kc-app-web:not(.admin-body) .kc-all-grid {
    padding-left: 10px !important;
    padding-right: 10px !important;
    grid-template-columns: repeat(auto-fill, minmax(126px, 1fr)) !important;
    direction: rtl !important;
}

body.kc-app-web:not(.admin-body) .kc-library-modal-panel {
    width: 100vw !important;
    max-width: 100vw !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 18px 18px 0 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-lock-badge {
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    border-radius: 999px !important;
    background: rgba(0, 199, 129, 0.94) !important;
    color: #ffffff !important;
    padding: 4px 9px;
    font-size: 10px;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(0,0,0,0.28);
}

body.kc-app-web:not(.admin-body) .kc-web-locked-card .kc-all-img,
body.kc-app-web:not(.admin-body) .kc-web-locked-card .kc-poster-img {
    filter: saturate(0.86) brightness(0.78);
}

@media (max-width: 720px) {
    body.kc-app-web:not(.admin-body) .kc-poster-strip,
    body.kc-app-web:not(.admin-body) .kc-row-head,
    body.kc-app-web:not(.admin-body) .kc-all-grid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-all-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px 8px !important;
    }
}

/* Public web final polish: match the app dark look and keep text readable. */
html,
body.kc-app-web:not(.admin-body),
body.kc-app-web.home-store-light:not(.admin-body),
body.kc-app-web:not(.admin-body) #app,
body.kc-app-web:not(.admin-body) #main-content,
body.kc-app-web:not(.admin-body) #page-content {
    background: #08090d !important;
    background-color: #08090d !important;
    color: #f8fafc !important;
    font-family: "Cairo", "Tajawal", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 750;
    letter-spacing: 0 !important;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

body.kc-app-web:not(.admin-body) * {
    letter-spacing: 0 !important;
}

body.kc-app-web:not(.admin-body) h1,
body.kc-app-web:not(.admin-body) h2,
body.kc-app-web:not(.admin-body) h3,
body.kc-app-web:not(.admin-body) h4,
body.kc-app-web:not(.admin-body) h5,
body.kc-app-web:not(.admin-body) h6,
body.kc-app-web:not(.admin-body) .kc-row-title,
body.kc-app-web:not(.admin-body) .kc-all-title,
body.kc-app-web:not(.admin-body) .kc-poster-title,
body.kc-app-web:not(.admin-body) .kc-all-card h3,
body.kc-app-web:not(.admin-body) .stat-value,
body.kc-app-web:not(.admin-body) #avg-rating-display,
body.kc-app-web:not(.admin-body) #total-reviews-count {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}

body.kc-app-web:not(.admin-body) p,
body.kc-app-web:not(.admin-body) span,
body.kc-app-web:not(.admin-body) small,
body.kc-app-web:not(.admin-body) label,
body.kc-app-web:not(.admin-body) li,
body.kc-app-web:not(.admin-body) a,
body.kc-app-web:not(.admin-body) button,
body.kc-app-web:not(.admin-body) .stat-text,
body.kc-app-web:not(.admin-body) .section-short-desc,
body.kc-app-web:not(.admin-body) .play-install-column,
body.kc-app-web:not(.admin-body) .play-install-bar {
    color: #f3f6fb !important;
    font-weight: 750 !important;
}

body.kc-app-web:not(.admin-body) .text-black,
body.kc-app-web:not(.admin-body) .text-white,
body.kc-app-web:not(.admin-body) .text-gray-950,
body.kc-app-web:not(.admin-body) .text-gray-900,
body.kc-app-web:not(.admin-body) .text-gray-800,
body.kc-app-web:not(.admin-body) .text-gray-700,
body.kc-app-web:not(.admin-body) .text-gray-600,
body.kc-app-web:not(.admin-body) .text-gray-500,
body.kc-app-web:not(.admin-body) .text-gray-400,
body.kc-app-web:not(.admin-body) .text-gray-300,
body.kc-app-web:not(.admin-body) .text-\[\#0f0f0f\],
body.kc-app-web:not(.admin-body) .text-\[\#606060\],
body.kc-app-web:not(.admin-body) [class*="text-gray-"],
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-900,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-800,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-700,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-600,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-500,
body.kc-app-web.home-store-light:not(.admin-body) .text-gray-400,
body.kc-app-web.home-store-light:not(.admin-body) .text-\[\#0f0f0f\],
body.kc-app-web.home-store-light:not(.admin-body) .text-\[\#606060\] {
    color: #f8fafc !important;
}

body.kc-app-web:not(.admin-body) .text-yellow-400,
body.kc-app-web:not(.admin-body) [class*="text-yellow"] {
    color: #ffd84d !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}

body.kc-app-web:not(.admin-body) .text-red-500,
body.kc-app-web:not(.admin-body) .text-red-600,
body.kc-app-web:not(.admin-body) [class*="text-red"] {
    color: #ff5b66 !important;
}

body.kc-app-web:not(.admin-body) .text-\[\#01875f\],
body.kc-app-web:not(.admin-body) .kc-row-more,
body.kc-app-web:not(.admin-body) .kc-back-link,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active svg {
    color: #00d38d !important;
}

body.kc-app-web:not(.admin-body) .play-store-page,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page,
body.kc-app-web:not(.admin-body) .kc-library-page,
body.kc-app-web:not(.admin-body) .kc-category-page,
body.kc-app-web:not(.admin-body) .kc-all-page {
    min-height: 100dvh;
    background:
        radial-gradient(circle at 20% -10%, rgba(0, 211, 141, 0.10), transparent 34rem),
        linear-gradient(180deg, #11131a 0%, #08090d 34%, #08090d 100%) !important;
    color: #f8fafc !important;
}

body.kc-app-web:not(.admin-body) .play-store-content {
    padding: 14px 10px 108px !important;
}

body.kc-app-web:not(.admin-body) .play-hero-grid,
body.kc-app-web:not(.admin-body) .header-stats-wrapper,
body.kc-app-web:not(.admin-body) .play-install-column,
body.kc-app-web:not(.admin-body) .play-install-bar,
body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section,
body.kc-app-web:not(.admin-body) .app-reviews-container,
body.kc-app-web:not(.admin-body) #recent-reviews-container > div,
body.kc-app-web:not(.admin-body) .review-helpful-section,
body.kc-app-web:not(.admin-body) .bg-white,
body.kc-app-web:not(.admin-body) .bg-gray-50,
body.kc-app-web:not(.admin-body) .bg-gray-100 {
    background: rgba(18, 21, 29, 0.94) !important;
    background-color: rgba(18, 21, 29, 0.94) !important;
    border-color: rgba(255,255,255,0.10) !important;
    color: #f8fafc !important;
    box-shadow: 0 12px 34px rgba(0,0,0,0.20);
}

body.kc-app-web:not(.admin-body) .play-hero-grid,
body.kc-app-web:not(.admin-body) .play-section,
body.kc-app-web:not(.admin-body) .app-details-section,
body.kc-app-web:not(.admin-body) .app-reviews-container {
    width: 100% !important;
    border-width: 1px 0 !important;
    border-style: solid !important;
    border-radius: 0 !important;
    margin: 0 0 12px !important;
    padding: 16px 10px !important;
}

body.kc-app-web:not(.admin-body) .header-stats-wrapper,
body.kc-app-web:not(.admin-body) .play-install-column,
body.kc-app-web:not(.admin-body) .play-install-bar,
body.kc-app-web:not(.admin-body) #recent-reviews-container > div {
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 8px !important;
}

body.kc-app-web:not(.admin-body) img,
body.kc-app-web:not(.admin-body) video {
    color: transparent !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-title,
body.kc-app-web:not(.admin-body) .kc-poster-meta,
body.kc-app-web:not(.admin-body) .kc-all-card h3,
body.kc-app-web:not(.admin-body) .kc-poster-shade *,
body.kc-app-web:not(.admin-body) .kc-all-media * {
    color: #ffffff !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) .kc-poster-card,
body.kc-app-web:not(.admin-body) .kc-all-card,
body.kc-app-web:not(.admin-body) .kc-all-link {
    color: #ffffff !important;
    direction: rtl;
}

body.kc-app-web:not(.admin-body) .kc-poster-media,
body.kc-app-web:not(.admin-body) .kc-all-media {
    border-radius: 8px !important;
    overflow: hidden !important;
}

body.kc-app-web:not(.admin-body) .rating-bars-container,
body.kc-app-web:not(.admin-body) #rating-bars-container {
    color: #f8fafc !important;
    font-weight: 800 !important;
}

body.kc-app-web:not(.admin-body) #rating-bars-container .bg-gray-200,
body.kc-app-web:not(.admin-body) .bg-gray-200 {
    background-color: rgba(255,255,255,0.16) !important;
}

body.kc-app-web:not(.admin-body) #rating-bars-container .bg-blue-500,
body.kc-app-web:not(.admin-body) .bg-blue-500 {
    background-color: #00d38d !important;
}

body.kc-app-web:not(.admin-body) .tag-item,
body.kc-app-web:not(.admin-body) .quick-link-card,
body.kc-app-web:not(.admin-body) .feature-chip,
body.kc-app-web:not(.admin-body) .review-reaction-btn,
body.kc-app-web:not(.admin-body) .home-review-reaction-btn {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) .review-reaction-btn:hover,
body.kc-app-web:not(.admin-body) .home-review-reaction-btn:hover,
body.kc-app-web:not(.admin-body) .tag-item:hover,
body.kc-app-web:not(.admin-body) .quick-link-card:hover {
    background: rgba(0, 211, 141, 0.14) !important;
    border-color: rgba(0, 211, 141, 0.45) !important;
}

body.kc-app-web:not(.admin-body) .home-review-interactions-row,
body.kc-app-web:not(.admin-body) .review-helpful-count-display,
body.kc-app-web:not(.admin-body) .review-helpful-count-wrapper {
    color: #e8eef7 !important;
    font-weight: 800 !important;
}

body.kc-app-web:not(.admin-body) [data-review-id],
body.kc-app-web:not(.admin-body) #all-reviews-content > div,
body.kc-app-web:not(.admin-body) .border-b {
    border-color: rgba(255,255,255,0.12) !important;
}

body.kc-app-web:not(.admin-body) [data-review-id] p,
body.kc-app-web:not(.admin-body) [data-review-id] span,
body.kc-app-web:not(.admin-body) [data-review-id] button {
    color: #ffffff !important;
    font-weight: 800 !important;
}

body.kc-app-web:not(.admin-body) [data-review-id] .bg-gray-100,
body.kc-app-web:not(.admin-body) [data-review-id] .bg-gray-200 {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.14) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay > div,
body.kc-app-web:not(.admin-body) #signup-modal-content,
body.kc-app-web:not(.admin-body) #all-reviews-modal > div,
body.kc-app-web:not(.admin-body) #add-review-modal > div,
body.kc-app-web:not(.admin-body) #reviews-verification-modal > div,
body.kc-app-web:not(.admin-body) .modal-content,
body.kc-app-web:not(.admin-body) .bottom-sheet {
    background: #12151d !important;
    color: #f8fafc !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.48) !important;
}

body.kc-app-web:not(.admin-body) #all-reviews-modal .bg-white,
body.kc-app-web:not(.admin-body) #add-review-modal .bg-white,
body.kc-app-web:not(.admin-body) #reviews-verification-modal .bg-white {
    background: #12151d !important;
}

body.kc-app-web:not(.admin-body) input,
body.kc-app-web:not(.admin-body) textarea,
body.kc-app-web:not(.admin-body) select {
    background: #0d1017 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}

body.kc-app-web:not(.admin-body) input::placeholder,
body.kc-app-web:not(.admin-body) textarea::placeholder {
    color: #cfd7e5 !important;
    opacity: 1 !important;
}

body.kc-app-web:not(.admin-body) .bg-\[\#01875f\],
body.kc-app-web:not(.admin-body) .kc-primary-action,
body.kc-app-web:not(.admin-body) .kc-download-pill,
body.kc-app-web:not(.admin-body) #submit-review-btn {
    background: #009966 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 24px rgba(0, 153, 102, 0.22) !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar {
    background: rgba(10, 12, 17, 0.96) !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn span,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn svg {
    color: #e8eef7 !important;
    font-weight: 900 !important;
}

@media (max-width: 720px) {
    body.kc-app-web:not(.admin-body) .play-store-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.kc-app-web:not(.admin-body) .play-hero-grid,
    body.kc-app-web:not(.admin-body) .play-section,
    body.kc-app-web:not(.admin-body) .app-details-section,
    body.kc-app-web:not(.admin-body) .app-reviews-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Strong home-store override for legacy Google-Play light rules. */
body.kc-app-web.home-store-light:not(.admin-body),
body.kc-app-web.home-store-light:not(.admin-body) #main-content,
body.kc-app-web.home-store-light:not(.admin-body) #page-content,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-content {
    background: #08090d !important;
    background-color: #08090d !important;
    color: #f8fafc !important;
    font-family: "Cairo", "Tajawal", "Inter", system-ui, sans-serif !important;
    font-weight: 800 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-store-page *,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-content *,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar * {
    font-family: "Cairo", "Tajawal", "Inter", system-ui, sans-serif !important;
    letter-spacing: 0 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-hero-grid,
body.kc-app-web.home-store-light:not(.admin-body) .play-section,
body.kc-app-web.home-store-light:not(.admin-body) .play-section.app-reviews-container,
body.kc-app-web.home-store-light:not(.admin-body) .app-details-section,
body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container,
body.kc-app-web.home-store-light:not(.admin-body) .header-stats-wrapper,
body.kc-app-web.home-store-light:not(.admin-body) .play-title-wrap,
body.kc-app-web.home-store-light:not(.admin-body) .play-install-column,
body.kc-app-web.home-store-light:not(.admin-body) .play-install-bar {
    background: rgba(18, 21, 29, 0.96) !important;
    background-color: rgba(18, 21, 29, 0.96) !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #f8fafc !important;
    box-shadow: 0 12px 34px rgba(0,0,0,0.24) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-hero-grid,
body.kc-app-web.home-store-light:not(.admin-body) .play-section,
body.kc-app-web.home-store-light:not(.admin-body) .play-section.app-reviews-container,
body.kc-app-web.home-store-light:not(.admin-body) .app-details-section {
    border-width: 1px 0 !important;
    border-style: solid !important;
    border-radius: 0 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-store-page h1,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page h2,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page h3,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page h4,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page p,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page span,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page small,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page button,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page label,
body.kc-app-web.home-store-light:not(.admin-body) .header-stats-wrapper,
body.kc-app-web.home-store-light:not(.admin-body) .header-stats-wrapper *,
body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container,
body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container *,
body.kc-app-web.home-store-light:not(.admin-body) #rating-bars-container,
body.kc-app-web.home-store-light:not(.admin-body) #rating-bars-container *,
body.kc-app-web.home-store-light:not(.admin-body) #recent-reviews-container,
body.kc-app-web.home-store-light:not(.admin-body) #recent-reviews-container * {
    color: #f8fafc !important;
    font-weight: 800 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-store-page h1,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page h2,
body.kc-app-web.home-store-light:not(.admin-body) .stat-value,
body.kc-app-web.home-store-light:not(.admin-body) #avg-rating-display,
body.kc-app-web.home-store-light:not(.admin-body) #total-reviews-count {
    color: #ffffff !important;
    font-weight: 900 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #rating-bars-container .bg-gray-200,
body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container .bg-gray-200 {
    background-color: rgba(255,255,255,0.16) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #rating-bars-container .bg-blue-500,
body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container .bg-blue-500 {
    background-color: #00d38d !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container .text-yellow-400,
body.kc-app-web.home-store-light:not(.admin-body) #recent-reviews-container [class*="text-yellow"] {
    color: #ffd84d !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .review-reaction-btn,
body.kc-app-web.home-store-light:not(.admin-body) .home-review-reaction-btn,
body.kc-app-web.home-store-light:not(.admin-body) .review-menu-btn {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 900 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar > div {
    background: rgba(10, 12, 17, 0.98) !important;
    background-color: rgba(10, 12, 17, 0.98) !important;
    border-color: rgba(255,255,255,0.12) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn span,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn svg {
    color: #e8eef7 !important;
    font-weight: 900 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn.active,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn.active span,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar .nav-btn.active svg {
    color: #00d38d !important;
}

/* Library/category text must stay bold and bright on every card and hero. */
body.kc-app-web:not(.admin-body) .kc-library-page p,
body.kc-app-web:not(.admin-body) .kc-library-page span,
body.kc-app-web:not(.admin-body) .kc-library-page button,
body.kc-app-web:not(.admin-body) .kc-category-page p,
body.kc-app-web:not(.admin-body) .kc-category-page span,
body.kc-app-web:not(.admin-body) .kc-category-page button,
body.kc-app-web:not(.admin-body) .kc-hero-description,
body.kc-app-web:not(.admin-body) .kc-library-title-row p,
body.kc-app-web:not(.admin-body) .kc-poster-meta,
body.kc-app-web:not(.admin-body) .kc-poster-label,
body.kc-app-web:not(.admin-body) .kc-lock-badge {
    color: #ffffff !important;
    font-family: "Cairo", "Tajawal", "Inter", system-ui, sans-serif !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) .kc-rating-badge,
body.kc-app-web:not(.admin-body) .kc-library-page .kc-rating-badge,
body.kc-app-web:not(.admin-body) .kc-category-page .kc-rating-badge {
    color: #ffd84d !important;
    font-family: "Cairo", "Tajawal", "Inter", system-ui, sans-serif !important;
    font-weight: 900 !important;
}

/* Tailwind opacity text in auth/account pages should not look faded. */
body.kc-app-web:not(.admin-body) [class*="text-white\/"],
body.kc-app-web.home-store-light:not(.admin-body) [class*="text-white\/"],
body.kc-app-web:not(.admin-body) [class*="text-gray\/"],
body.kc-app-web.home-store-light:not(.admin-body) [class*="text-gray\/"] {
    color: #ffffff !important;
    font-family: "Cairo", "Tajawal", "Inter", system-ui, sans-serif !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) button,
body.kc-app-web:not(.admin-body) a,
body.kc-app-web:not(.admin-body) input,
body.kc-app-web:not(.admin-body) textarea,
body.kc-app-web:not(.admin-body) .font-bold,
body.kc-app-web:not(.admin-body) .font-extrabold,
body.kc-app-web:not(.admin-body) .font-black {
    font-family: "Cairo", "Tajawal", "Inter", system-ui, sans-serif !important;
    font-weight: 900 !important;
}

/* Polished dark store page. This keeps the Play Store data layout but makes it feel native to King Cinema. */
body.kc-app-web.home-store-light:not(.admin-body),
body.kc-app-web.home-store-light:not(.admin-body) #main-content,
body.kc-app-web.home-store-light:not(.admin-body) #page-content,
body.kc-app-web.home-store-light:not(.admin-body) .play-store-page {
    background: linear-gradient(180deg, #11141b 0%, #08090d 220px, #08090d 100%) !important;
    color: #f8fafc !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-store-content {
    width: min(1160px, calc(100% - 32px)) !important;
    margin-inline: auto !important;
    padding: 20px 0 112px !important;
    background: transparent !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
    gap: 18px !important;
    align-items: stretch !important;
    background: linear-gradient(135deg, rgba(20, 24, 33, 0.98), rgba(13, 16, 23, 0.98)) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin: 0 0 14px !important;
    box-shadow: 0 18px 46px rgba(0,0,0,0.34) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-hero-head {
    align-items: center !important;
    gap: 18px !important;
    padding-bottom: 14px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-app-icon {
    width: 72px !important;
    height: 72px !important;
    border-radius: 22% !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-title-wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-title-wrap h1 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    color: #e8eaed !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}
body.kc-app-web.home-store-light:not(.admin-body) .kc-app-title {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #e8eaed !important;
    text-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-title-wrap p {
    color: #9aa0a6 !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    margin-top: 2px !important;
}
body.kc-app-web.home-store-light:not(.admin-body) .kc-developer-name,
body.kc-app-web.home-store-light:not(.admin-body) .play-title-wrap p.text-\[\#01875f\] {
    color: #34a853 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .header-stats-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .header-stat-item {
    min-height: 60px !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.04) !important;
    border: 0 !important;
    border-left: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 0 !important;
    padding: 8px 6px !important;
    box-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .stat-value {
    color: #e8eaed !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .stat-text {
    color: #9aa0a6 !important;
    font-size: 10px !important;
    font-weight: 400 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-install-column {
    display: flex !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-install-bar {
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .pwa-install-button,
body.kc-app-web.home-store-light:not(.admin-body) .bg-\[\#01875f\] {
    min-height: 40px !important;
    height: 40px !important;
    background: #01875f !important;
    border: 0 !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.25px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .pwa-install-button:hover {
    background: #016e4e !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-section,
body.kc-app-web.home-store-light:not(.admin-body) .play-section.app-reviews-container,
body.kc-app-web.home-store-light:not(.admin-body) .app-details-container {
    background: none !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 0 !important;
    padding: 20px 16px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .app-details-section {
    background: rgba(255,255,255,0.055) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .section-title,
body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container h2 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #e8eaed !important;
    font-weight: 500 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .section-short-desc {
    color: #bdc1c6 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .tag-item {
    background: rgba(255,255,255,0.075) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 8px !important;
    color: #eef4ff !important;
    padding: 8px 12px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .app-store-screenshot img,
body.kc-app-web.home-store-light:not(.admin-body) .video-carousel-item video {
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,0.34) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container > .flex.items-center.justify-between.mb-6,
body.kc-app-web.home-store-light:not(.admin-body) .add-review-section,
body.kc-app-web.home-store-light:not(.admin-body) #recent-reviews-container > div {
    background: rgba(255,255,255,0.055) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    box-shadow: none !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #avg-rating-display {
    color: #ffffff !important;
    font-size: 54px !important;
    font-weight: 900 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #add-review-stars span,
body.kc-app-web.home-store-light:not(.admin-body) .app-reviews-container .text-yellow-400,
body.kc-app-web.home-store-light:not(.admin-body) #recent-reviews-container [class*="text-yellow"] {
    color: #ffd84d !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-hero-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 20px 16px 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: 0 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 410px) !important;
    gap: 20px !important;
    align-items: stretch !important;
    padding: 20px !important;
    margin: 0 0 14px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: linear-gradient(135deg, #171b25 0%, #070a10 100%) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,0.36) !important;
    overflow: hidden !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 16px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-brand {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-brand img,
body.kc-app-web.home-store-light:not(.admin-body) .kc-home-logo-fallback {
    width: 86px !important;
    height: 86px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.42) !important;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-brand p {
    margin: 0 0 5px !important;
    color: #22d391 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-brand h1 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(30px, 4vw, 52px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-desc {
    max-width: 700px !important;
    margin: 0 !important;
    color: #dbe4f1 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    font-weight: 850 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-stats span {
    min-height: 76px !important;
    display: grid !important;
    place-items: center !important;
    gap: 3px !important;
    text-align: center !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    background: rgba(255,255,255,0.075) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-stats b {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-stats small {
    color: #c5cfdf !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-actions {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-primary-download,
body.kc-app-web.home-store-light:not(.admin-body) .kc-home-secondary-action {
    min-height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    transition: transform 150ms ease, filter 150ms ease !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-primary-download {
    min-width: min(100%, 250px) !important;
    padding: 0 18px !important;
    color: #fff !important;
    background: #009966 !important;
    border: 1px solid rgba(0,211,141,0.45) !important;
    box-shadow: 0 16px 34px rgba(0,153,102,0.28) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-primary-download img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-secondary-action {
    min-width: 132px !important;
    padding: 0 16px !important;
    color: #fff !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-primary-download:hover,
body.kc-app-web.home-store-light:not(.admin-body) .kc-home-secondary-action:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.07) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-media {
    min-height: 320px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: center !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-shot {
    width: 100% !important;
    height: min(48vw, 330px) !important;
    min-height: 260px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #0a0d14 !important;
    box-shadow: 0 16px 36px rgba(0,0,0,0.34) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-shot:nth-child(2) {
    transform: translateY(-14px) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-shot img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-empty {
    grid-column: 1 / -1 !important;
    min-height: 260px !important;
    display: grid !important;
    place-items: center !important;
    gap: 10px !important;
    text-align: center !important;
    color: #dbe4f1 !important;
    font-weight: 900 !important;
    border: 1px dashed rgba(255,255,255,0.18) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.055) !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-empty img {
    width: 92px !important;
    height: 92px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

body.kc-app-web:not(.admin-body) .kc-app-verified-badge,
body.kc-app-web:not(.admin-body) .kc-verified-badge {
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin-inline-start: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--kc-verified-color, #1877f2) !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.28)) !important;
    animation: none !important;
}

body.kc-app-web:not(.admin-body) .kc-app-verified-badge svg,
body.kc-app-web:not(.admin-body) .kc-verified-badge svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

@media (max-width: 820px) {
    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase {
        grid-template-columns: 1fr !important;
        padding: 16px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-media {
        min-height: 0 !important;
        grid-template-columns: repeat(3, minmax(92px, 1fr)) !important;
        overflow-x: auto !important;
        padding-bottom: 4px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-shot {
        height: 248px !important;
        min-height: 248px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-shot:nth-child(2) {
        transform: none !important;
    }
}

@media (max-width: 480px) {
    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-brand {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-brand img,
    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-logo-fallback {
        width: 68px !important;
        height: 68px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-brand h1 {
        font-size: 28px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-stats {
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 7px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-stats span {
        min-height: 66px !important;
        padding: 8px 4px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-showcase-stats b {
        font-size: 16px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-primary-download,
    body.kc-app-web.home-store-light:not(.admin-body) .kc-home-secondary-action {
        width: 100% !important;
    }
}


body.kc-app-web.home-store-light:not(.admin-body) .play-install-column {
    align-self: center !important;
    min-height: 0 !important;
}

body.kc-app-web.home-store-light:not(.admin-body) .play-install-bar {
    display: grid !important;
    gap: 10px !important;
}

body.kc-app-web.home-store-light:not(.admin-body) #screenshots-carousel > .border-dashed,
body.kc-app-web.home-store-light:not(.admin-body) #screenshots-carousel > div.w-full,
body.kc-app-web.home-store-light:not(.admin-body) .play-section .bg-gray-50.border-dashed {
    background: rgba(255,255,255,0.055) !important;
    border-color: rgba(255,255,255,0.14) !important;
    color: #dbe3ee !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) .kc-reviews-modal {
    background: rgba(0,0,0,0.68) !important;
    backdrop-filter: blur(12px);
}

body.kc-app-web:not(.admin-body) .kc-reviews-modal-panel {
    background: #11151d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    border-radius: 8px !important;
    box-shadow: 0 28px 90px rgba(0,0,0,0.58) !important;
}

body.kc-app-web:not(.admin-body) .kc-reviews-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

body.kc-app-web:not(.admin-body) .kc-reviews-modal-head h2 {
    margin: 0;
    color: #ffffff !important;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-reviews-modal-head p {
    margin: 4px 0 0;
    color: #cbd5e1 !important;
    font-size: 13px;
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .kc-reviews-modal-head button {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 30px;
    line-height: 1;
}

body.kc-app-web:not(.admin-body) .kc-reviews-list {
    padding: 8px 24px 24px !important;
    scrollbar-color: rgba(255,255,255,0.28) transparent;
}

body.kc-app-web:not(.admin-body) .kc-reviews-loading {
    padding: 36px 0;
    text-align: center;
    color: #dbe3ee !important;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .review-item-modal {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,0.10) !important;
}

body.kc-app-web:not(.admin-body) .review-item-head,
body.kc-app-web:not(.admin-body) .review-user-main,
body.kc-app-web:not(.admin-body) .review-user-name,
body.kc-app-web:not(.admin-body) .review-stars-row,
body.kc-app-web:not(.admin-body) .review-reaction-buttons-wrapper {
    display: flex;
    align-items: center;
}

body.kc-app-web:not(.admin-body) .review-item-head {
    justify-content: space-between;
    gap: 12px;
}

body.kc-app-web:not(.admin-body) .review-user-main {
    min-width: 0;
    gap: 10px;
}

body.kc-app-web:not(.admin-body) .review-avatar {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    object-fit: cover;
    flex: none;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
}

body.kc-app-web:not(.admin-body) .review-user-meta {
    min-width: 0;
    display: grid;
    gap: 3px;
}

body.kc-app-web:not(.admin-body) .review-user-name {
    gap: 5px;
    color: #ffffff !important;
    font-weight: 900;
    font-size: 15px;
}

body.kc-app-web:not(.admin-body) .review-date {
    color: #aeb8c8 !important;
    font-size: 12px;
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .review-stars-row {
    margin-top: 10px;
    gap: 8px;
    flex-wrap: wrap;
}

body.kc-app-web:not(.admin-body) .review-stars {
    color: #ffd84d !important;
    font-size: 18px;
    line-height: 1;
}

body.kc-app-web:not(.admin-body) .review-rating-label {
    color: #cdd6e4 !important;
    font-size: 12px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .review-text {
    margin: 12px 48px 0 0;
    color: #f4f7fb !important;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .review-admin-reply {
    margin: 12px 48px 0 0;
    padding: 12px 14px;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
}

body.kc-app-web:not(.admin-body) .review-admin-reply p,
body.kc-app-web:not(.admin-body) .review-admin-reply span {
    color: #ffffff !important;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .review-admin-reply span {
    display: block;
    margin-top: 4px;
    color: #dbe3ee !important;
    font-size: 14px;
    line-height: 1.7;
}

body.kc-app-web:not(.admin-body) .review-menu-btn {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

body.kc-app-web:not(.admin-body) .review-menu-dropdown {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    z-index: 20;
    width: 220px;
    padding: 8px;
    background: #191f2a !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 36px rgba(0,0,0,0.38) !important;
}

body.kc-app-web:not(.admin-body) .review-menu-dropdown button {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    text-align: right;
    color: #ff6b6b !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 13px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .review-menu-dropdown button:hover {
    background: rgba(255,255,255,0.08) !important;
}

body.kc-app-web:not(.admin-body) .review-helpful-section {
    margin-top: 14px;
    padding-right: 48px;
}

body.kc-app-web:not(.admin-body) .review-helpful-text-wrapper {
    color: #cbd5e1 !important;
    font-size: 12px;
    font-weight: 850;
    margin-bottom: 10px;
}

body.kc-app-web:not(.admin-body) .review-reaction-buttons-wrapper {
    gap: 10px;
    flex-wrap: wrap;
    color: #dbe3ee !important;
    font-size: 13px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .review-reaction-btn {
    min-width: 58px;
    min-height: 38px;
    padding: 7px 14px;
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .review-reaction-btn.is-active {
    background: #009966 !important;
    border-color: rgba(0,211,141,0.55) !important;
}

body.kc-app-web:not(.admin-body) .review-reaction-btn.is-muted-active {
    background: rgba(255,255,255,0.17) !important;
}

body.kc-app-web:not(.admin-body) .kc-verified-badge {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--kc-verified-color, #1877F2) !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-inline-start: 3px;
    border-radius: 999px !important;
    filter: drop-shadow(0 0 7px color-mix(in srgb, var(--kc-verified-color, #1877F2) 55%, transparent));
    animation: kc-verified-pulse 1.6s ease-in-out infinite alternate;
}

body.kc-app-web:not(.admin-body) .kc-verified-badge svg {
    width: 100%;
    height: 100%;
    display: block;
}

@keyframes kc-verified-pulse {
    from { transform: scale(1); }
    to { transform: scale(1.12); }
}

body.kc-app-web:not(.admin-body) .kc-verification-dialog {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
}

body.kc-app-web:not(.admin-body) .kc-verification-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.68);
}

body.kc-app-web:not(.admin-body) .kc-verification-panel {
    position: relative;
    width: min(340px, 100%);
    padding: 18px;
    text-align: center;
    background: #111119;
    border: 1px solid color-mix(in srgb, var(--kc-verified-color, #1877F2) 55%, transparent);
    border-radius: 8px;
    box-shadow: 0 20px 48px color-mix(in srgb, var(--kc-verified-color, #1877F2) 22%, transparent);
}

body.kc-app-web:not(.admin-body) .kc-verification-glow {
    width: 62px;
    height: 62px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 999px;
    background: radial-gradient(circle, var(--kc-verified-color, #1877F2), rgba(255,255,255,0.08) 64%, transparent);
}

body.kc-app-web:not(.admin-body) .kc-verification-glow svg {
    width: 34px;
    height: 34px;
}

body.kc-app-web:not(.admin-body) .kc-verification-panel h3 {
    margin: 0;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-verification-panel p {
    margin: 8px 0 0;
    color: #d7d7e5 !important;
    font-size: 13.5px;
    line-height: 1.55;
    font-weight: 700;
}

body.kc-app-web:not(.admin-body) .kc-verification-details {
    margin-top: 14px;
    padding: 10px 12px;
    color: rgba(255,255,255,0.78);
    border: 1px solid color-mix(in srgb, var(--kc-verified-color, #1877F2) 22%, transparent);
    background: rgba(255,255,255,0.04);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-verification-panel > button {
    width: 100%;
    min-height: 42px;
    margin-top: 16px;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    border-radius: 8px !important;
    color: rgba(255,255,255,0.78) !important;
    font-weight: 900;
}

@media (max-width: 767px) {
    body.kc-app-web:not(.admin-body) .kc-reviews-modal-panel {
        height: 100dvh !important;
        border-radius: 0 !important;
        border-inline: 0 !important;
    }

    body.kc-app-web:not(.admin-body) .kc-reviews-modal-head,
    body.kc-app-web:not(.admin-body) .kc-reviews-list {
        padding-inline: 14px !important;
    }

    body.kc-app-web:not(.admin-body) .review-text,
    body.kc-app-web:not(.admin-body) .review-admin-reply,
    body.kc-app-web:not(.admin-body) .review-helpful-section {
        margin-right: 0;
        padding-right: 0;
    }
}

/* Profile final override: exact app-like dark profile after older profile rules. */
body.kc-app-web:not(.admin-body) .kc-app-profile-page {
    background:
        radial-gradient(circle at 84% 0%, rgba(0, 153, 102, 0.14), transparent 30rem),
        linear-gradient(180deg, #101722 0%, #070a0f 38%, #05070b 100%) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .sticky {
    background: rgba(7, 10, 15, 0.90) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    backdrop-filter: blur(18px) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .max-w-4xl {
    max-width: none !important;
    width: 100% !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type {
    background: #101722 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .relative:first-child {
    height: clamp(190px, 25vw, 360px) !important;
    background: linear-gradient(135deg, #101722, #05070b) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .relative:first-child::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 38%, rgba(7, 10, 15, 0.88) 100%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .px-4 {
    background: #101722 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > div:nth-of-type(3) {
    max-width: 1180px !important;
    margin-inline: auto !important;
    padding-inline: clamp(12px, 2vw, 22px) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-50,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-100,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-200,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #intro-card-container .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #info-tab-content .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #friends-tab-content .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #settings-tab-content,
body.kc-app-web:not(.admin-body) .kc-app-profile-page [data-activity-id] {
    background: rgba(16, 23, 34, 0.94) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-black,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-900,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-800 {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-700,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-600,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-500,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-400 {
    color: rgba(232, 238, 246, 0.70) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-100,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-200,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-300 {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn {
    color: rgba(232, 238, 246, 0.62) !important;
    border-bottom-color: transparent !important;
    border-radius: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn.text-emerald-400,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn.border-emerald-400 {
    color: #00d38d !important;
    border-bottom-color: #00d38d !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page #activity-content-feed,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #favorites-content-feed {
    border: 0 !important;
    gap: 12px !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page [data-activity-id] {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Library top refresh: compact header + scrollable sections. */
body.kc-app-web:not(.admin-body) .kc-library-home-page .kc-library-header.kc-library-hero-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    min-height: 0 !important;
    padding: 10px clamp(10px, 2vw, 22px) 12px !important;
    background:
        linear-gradient(180deg, rgba(7, 8, 12, 0.98) 0%, rgba(7, 20, 18, 0.94) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26) !important;
    backdrop-filter: blur(18px) !important;
}

body.kc-app-web:not(.admin-body) .kc-library-home-page .kc-library-hero-header .kc-library-inner {
    width: min(1320px, 100%) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-library-home-page .kc-library-hero-row {
    min-height: 48px;
    margin: 0 0 10px !important;
    align-items: center !important;
}

body.kc-app-web:not(.admin-body) .kc-library-heading {
    display: grid;
    gap: 1px;
}

body.kc-app-web:not(.admin-body) .kc-library-heading .kc-brand-mini {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-library-heading .kc-brand-mini img {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    object-fit: cover;
}

body.kc-app-web:not(.admin-body) .kc-library-heading h1 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(22px, 2.2vw, 30px) !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-library-heading > span {
    color: rgba(226, 232, 240, 0.68) !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

body.kc-app-web:not(.admin-body) .kc-library-download-action {
    min-height: 40px !important;
    gap: 7px;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    white-space: nowrap;
    background: #00a876 !important;
    border-color: rgba(0, 211, 141, 0.65) !important;
    box-shadow: 0 10px 24px rgba(0, 168, 118, 0.22) !important;
}

body.kc-app-web:not(.admin-body) .kc-library-download-action .kc-download-icon {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
}

body.kc-app-web:not(.admin-body) .kc-library-quick-shell {
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.kc-app-web:not(.admin-body) .kc-library-quick-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

body.kc-app-web:not(.admin-body) .kc-library-quick-head strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-library-quick-head span {
    color: rgba(226, 232, 240, 0.58);
    font-size: 12px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-library-quick-rail {
    display: flex;
    align-items: stretch;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
    padding: 0 0 3px;
    scrollbar-width: none;
}

body.kc-app-web:not(.admin-body) .kc-library-quick-rail::-webkit-scrollbar {
    display: none;
}

body.kc-app-web:not(.admin-body) .kc-library-chip {
    flex: 0 0 136px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    scroll-snap-align: start;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-inline-start: 3px solid var(--kc-chip, #00d38d) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.035)) !important;
    color: #ffffff !important;
    padding: 8px 9px !important;
    text-align: start;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

body.kc-app-web:not(.admin-body) .kc-library-chip:hover,
body.kc-app-web:not(.admin-body) .kc-library-chip:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.22) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.055)) !important;
    outline: none;
}

body.kc-app-web:not(.admin-body) .kc-library-chip > .kc-library-chip-icon {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 34px;
    border-radius: 8px;
    background: var(--kc-chip, #00d38d);
    color: #06110e;
}

body.kc-app-web:not(.admin-body) .kc-library-chip > .kc-library-chip-icon svg {
    width: 21px;
    height: 21px;
    stroke-width: 2.05;
}

body.kc-app-web:not(.admin-body) .kc-library-chip > span:not(.kc-library-chip-icon) {
    min-width: 0;
    display: grid;
    gap: 2px;
}

body.kc-app-web:not(.admin-body) .kc-library-chip strong,
body.kc-app-web:not(.admin-body) .kc-library-chip small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.kc-app-web:not(.admin-body) .kc-library-chip strong {
    font-size: 14px;
    font-weight: 950;
    line-height: 1.15;
}

body.kc-app-web:not(.admin-body) .kc-library-chip small {
    color: rgba(226, 232, 240, 0.66);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}

body.kc-app-web:not(.admin-body) .kc-library-home-page .kc-phone-home-sections {
    padding-top: 10px !important;
}

body.kc-app-web:not(.admin-body) .kc-library-modal-sub {
    margin: 4px 0 0;
    color: rgba(226, 232, 240, 0.66);
    font-size: 12px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-library-modal-grid {
    padding-top: 2px;
}

body.kc-app-web:not(.admin-body) .kc-library-football-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap: 12px !important;
}

body.kc-app-web:not(.admin-body) .kc-library-football-card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;
    background: #111827;
}

body.kc-app-web:not(.admin-body) .kc-library-football-card a {
    display: block;
    color: inherit !important;
    text-decoration: none !important;
}

body.kc-app-web:not(.admin-body) .kc-library-football-media {
    position: relative;
    background: #05070a;
}

body.kc-app-web:not(.admin-body) .kc-library-football-media img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

body.kc-app-web:not(.admin-body) .kc-library-football-media span {
    position: absolute;
    inset-inline-start: 10px;
    top: 10px;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 8px;
    background: #16a34a;
    color: #ffffff;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-library-football-copy {
    padding: 11px;
}

body.kc-app-web:not(.admin-body) .kc-library-football-copy small {
    color: #7dd3fc;
    font-size: 11px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-library-football-copy h3 {
    margin: 5px 0 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.45;
}

body.kc-app-web:not(.admin-body) .kc-library-football-copy p {
    margin: 6px 0 0;
    color: rgba(226, 232, 240, 0.66);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 640px) {
    body.kc-app-web:not(.admin-body) .kc-library-home-page .kc-library-header.kc-library-hero-header {
        padding: 8px 10px 10px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-library-heading > span,
    body.kc-app-web:not(.admin-body) .kc-library-quick-head span {
        display: none;
    }

    body.kc-app-web:not(.admin-body) .kc-library-heading h1 {
        font-size: 24px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-library-download-action {
        min-height: 36px !important;
        padding: 7px 10px !important;
        font-size: 12px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-library-chip {
        flex-basis: 116px;
        height: 52px;
        gap: 8px;
        padding: 8px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-library-chip > .kc-library-chip-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    body.kc-app-web:not(.admin-body) .kc-library-chip > .kc-library-chip-icon svg {
        width: 18px;
        height: 18px;
    }

    body.kc-app-web:not(.admin-body) .kc-library-chip strong {
        font-size: 13px;
    }

    body.kc-app-web:not(.admin-body) .kc-library-chip small {
        font-size: 10px;
    }
}

/* Library page: mirror the phone home payload on web. */
body.kc-app-web:not(.admin-body) .kc-library-home-page {
    min-height: 100vh;
    padding-bottom: 104px !important;
    color: #f8fafc !important;
    background:
        radial-gradient(circle at top right, rgba(0, 211, 141, 0.16), transparent 32%),
        radial-gradient(circle at 8% 16%, rgba(229, 9, 20, 0.14), transparent 28%),
        linear-gradient(180deg, #07080c 0%, #0c1018 48%, #07080c 100%) !important;
}

body.kc-app-web:not(.admin-body) .kc-library-home-page .kc-library-header {
    background: rgba(7, 8, 12, 0.92) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    backdrop-filter: blur(16px);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-sections {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 1320px;
    margin: 0 auto;
    padding: 4px 0 24px !important;
    background: transparent !important;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-block {
    background: transparent !important;
    padding: 10px 0 6px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 clamp(12px, 2vw, 22px) 10px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row-head .kc-row-title,
body.kc-app-web:not(.admin-body) .kc-phone-home-row-head .kc-row-more {
    border: 0;
    background: transparent;
    color: inherit;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row-head .kc-row-title {
    color: #fff;
    font-size: clamp(15px, 1.8vw, 22px);
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row-head .kc-row-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    margin-inline-end: 8px;
    vertical-align: -4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #00d38d, #e50914);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row-head .kc-row-more {
    color: rgba(248, 250, 252, 0.66);
    font-size: 12px;
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 clamp(12px, 2vw, 22px) 10px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #ffffff;
    font-size: clamp(15px, 1.8vw, 22px);
    font-weight: 900;
    letter-spacing: 0;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-title::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 999px;
    background: linear-gradient(180deg, #00d38d, #e50914);
    flex: 0 0 auto;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-more {
    color: rgba(248, 250, 252, 0.66);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row,
body.kc-app-web:not(.admin-body) .kc-phone-home-slider-track {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 clamp(10px, 2vw, 22px) 12px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    direction: rtl;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row::-webkit-scrollbar,
body.kc-app-web:not(.admin-body) .kc-phone-home-slider-track::-webkit-scrollbar {
    display: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slider-track {
    padding-top: 10px;
    scroll-snap-type: x mandatory;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide {
    position: relative;
    flex: 0 0 min(92vw, 860px);
    height: clamp(220px, 42vw, 430px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: #10141d;
    color: #fff;
    scroll-snap-align: center;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.34);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide img,
body.kc-app-web:not(.admin-body) .kc-phone-home-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 26%, rgba(0, 0, 0, 0.84) 100%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-info {
    position: absolute;
    inset-inline: 18px;
    bottom: 18px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-copy {
    position: absolute;
    inset-inline: 18px;
    bottom: 18px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-title {
    max-width: min(620px, 86vw);
    color: #fff;
    font-size: clamp(21px, 4vw, 42px);
    font-weight: 950;
    line-height: 1.05;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-copy span {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(229, 9, 20, 0.88);
    color: #fff;
    font-size: 10px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-copy h2 {
    max-width: min(620px, 86vw);
    margin: 0;
    color: #fff;
    font-size: clamp(21px, 4vw, 42px);
    font-weight: 950;
    line-height: 1.05;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-copy p {
    margin: 0;
    color: rgba(248, 250, 252, 0.72);
    font-size: 12px;
    font-weight: 700;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-copy b {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    background: #e50914;
    color: #fff;
    font-size: 12px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-slide-meta,
body.kc-app-web:not(.admin-body) .kc-phone-home-meta {
    color: rgba(248, 250, 252, 0.72);
    font-size: 12px;
    font-weight: 700;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-play {
    position: absolute;
    z-index: 2;
    inset-inline-start: 8px;
    bottom: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    background: #e50914;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(229, 9, 20, 0.34);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-play svg {
    width: 16px;
    height: 16px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card {
    position: relative;
    flex: 0 0 clamp(118px, 18vw, 174px);
    color: #fff;
    scroll-snap-align: start;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--wide {
    flex-basis: clamp(220px, 34vw, 360px);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--reel {
    flex-basis: clamp(132px, 18vw, 190px);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-media {
    position: relative;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;
    background: #111722;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--wide .kc-phone-home-media {
    aspect-ratio: 16 / 9;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--reel .kc-phone-home-media {
    aspect-ratio: 9 / 16;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 46%, rgba(0, 0, 0, 0.70) 100%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-badge,
body.kc-app-web:not(.admin-body) .kc-phone-home-rating {
    position: absolute;
    z-index: 2;
    top: 8px;
    padding: 4px 7px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-badge {
    inset-inline-start: 8px;
    background: rgba(229, 9, 20, 0.94);
    color: #fff;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-rating {
    inset-inline-end: 8px;
    background: rgba(0, 0, 0, 0.70);
    color: #ffd166;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card h3 {
    margin: 7px 0 0;
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card p {
    margin: 3px 0 0;
    color: rgba(248, 250, 252, 0.62);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card-title {
    margin-top: 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-live-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 0 clamp(10px, 2vw, 22px) 12px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-live-card,
body.kc-app-web:not(.admin-body) .kc-phone-match-card {
    position: relative;
    overflow: hidden;
    min-height: 112px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;
    background:
        radial-gradient(circle at top right, rgba(0, 211, 141, 0.20), transparent 42%),
        linear-gradient(135deg, rgba(18, 26, 40, 0.96), rgba(7, 8, 12, 0.96));
    color: #fff;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-live-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    justify-items: start;
    gap: 12px;
    padding: 14px;
    text-align: start;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-live-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    color: #00d38d;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-live-card .material-symbols-rounded {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    color: #00d38d;
    font-size: 24px;
    flex: 0 0 auto;
    grid-row: 1 / 3;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-live-card strong {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-live-card small {
    display: block;
    margin-top: 2px;
    color: rgba(248, 250, 252, 0.62);
    font-size: 11px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card {
    flex: 0 0 clamp(230px, 31vw, 360px);
    min-height: 136px;
    padding: 14px;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card a {
    display: block;
    color: inherit;
    text-decoration: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 10px;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-logos img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.08);
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card h3,
body.kc-app-web:not(.admin-body) .kc-phone-match-card p,
body.kc-app-web:not(.admin-body) .kc-phone-match-card b {
    display: block;
    margin: 0;
    text-align: center;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card p {
    margin-top: 4px;
    color: rgba(248, 250, 252, 0.62);
    font-size: 11px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card b {
    margin-top: 10px;
    color: #00d38d;
    font-size: 12px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-league,
body.kc-app-web:not(.admin-body) .kc-phone-home-live-subtitle {
    color: rgba(248, 250, 252, 0.62);
    font-size: 11px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-title,
body.kc-app-web:not(.admin-body) .kc-phone-home-live-title {
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-time {
    margin-top: 12px;
    color: #00d38d;
    font-size: 12px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-empty {
    margin: 0 clamp(10px, 2vw, 22px) 12px;
    padding: 18px;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    color: rgba(248, 250, 252, 0.64);
    text-align: center;
    background: rgba(255, 255, 255, 0.04);
}

@media (max-width: 760px) {
    body.kc-app-web:not(.admin-body) .kc-phone-home-live-grid {
        grid-template-columns: 1fr;
    }

    body.kc-app-web:not(.admin-body) .kc-phone-home-slide {
        flex-basis: calc(100vw - 20px);
        height: 58vw;
        min-height: 220px;
    }
}

/* Phone home fidelity overrides: consume render_config from app_api/home.php. */
body.kc-app-web:not(.admin-body) .kc-phone-home-block {
    --kc-accent: #e50914;
    --kc-radius: 12px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row-head .kc-row-title::before {
    background: var(--kc-accent, #e50914) !important;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row-head .kc-row-more {
    color: var(--kc-accent, #e50914) !important;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-row {
    height: var(--kc-list-h, 206px);
    align-items: stretch;
    gap: 12px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card {
    flex: 0 0 var(--kc-card-w, 122px) !important;
    width: var(--kc-card-w, 122px);
    height: var(--kc-list-h, 206px);
    min-width: 0;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card-link {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card .kc-phone-home-media {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    aspect-ratio: auto !important;
    border-radius: var(--kc-radius, 12px);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card-copy {
    flex: 0 0 auto;
    min-height: 31px;
    padding-top: 8px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card-copy h3 {
    margin: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.25;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card-copy p {
    margin: 3px 0 0;
    color: rgba(248, 250, 252, 0.62);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--poster_compact .kc-phone-home-card-copy h3 {
    font-size: 11px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--poster_large .kc-phone-home-card-copy h3,
body.kc-app-web:not(.admin-body) .kc-phone-home-card--poster_portrait .kc-phone-home-card-copy h3,
body.kc-app-web:not(.admin-body) .kc-phone-home-card--top10 .kc-phone-home-card-copy h3 {
    font-size: 13px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--wide .kc-phone-home-media {
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.45);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--wide .kc-phone-home-play,
body.kc-app-web:not(.admin-body) .kc-phone-home-card--hero .kc-phone-home-play,
body.kc-app-web:not(.admin-body) .kc-phone-home-card--top10 .kc-phone-home-play {
    inset: 50% auto auto 50%;
    width: 46px;
    height: 46px;
    min-height: 0;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid color-mix(in srgb, var(--kc-accent, #e50914) 42%, transparent);
    color: #fff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--hero .kc-phone-home-card-link,
body.kc-app-web:not(.admin-body) .kc-phone-home-card--reels .kc-phone-home-card-link {
    display: block;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--hero .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-home-card--reels .kc-phone-home-media {
    height: 100%;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--hero .kc-phone-home-card-copy,
body.kc-app-web:not(.admin-body) .kc-phone-home-card--reels .kc-phone-home-card-copy {
    position: absolute;
    z-index: 3;
    inset-inline: 12px;
    bottom: 12px;
    min-height: 0;
    padding: 0;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--hero .kc-phone-home-card-copy h3 {
    font-size: 14px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--reels .kc-phone-home-card-copy {
    display: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-card--top10 .kc-phone-home-rank {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    padding: 8px 16px;
    border-bottom-right-radius: 18px;
    color: #fff;
    font-size: 19px;
    font-weight: 950;
    background: linear-gradient(135deg, var(--kc-accent, #e50914), color-mix(in srgb, var(--kc-accent, #e50914) 56%, transparent));
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.38);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-episode,
body.kc-app-web:not(.admin-body) .kc-phone-home-variant {
    position: absolute;
    z-index: 3;
    top: 8px;
    inset-inline-end: 8px;
    max-width: calc(100% - 16px);
    padding: 3px 7px;
    border-radius: 7px;
    background: rgba(229, 9, 20, 0.94);
    color: #fff;
    font-size: 9.5px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-variant {
    background: rgba(0, 0, 0, 0.64);
}

body.kc-app-web:not(.admin-body) .kc-phone-platform-shahid .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-apple .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-king .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-mbc .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-watchit .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-rotana .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-starz .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-hulu .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-peacock .kc-phone-home-media,
body.kc-app-web:not(.admin-body) .kc-phone-platform-paramount .kc-phone-home-media {
    border-color: color-mix(in srgb, var(--kc-accent, #e50914) 34%, transparent);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--kc-accent, #e50914) 18%, transparent);
}

body.kc-app-web:not(.admin-body) .kc-phone-platform-shahid .kc-phone-home-play {
    inset: auto auto 8px 8px;
    width: 32px;
    height: 32px;
    transform: none;
    color: var(--kc-accent, #f6c453);
    background: rgba(40, 16, 77, 0.82);
}

body.kc-app-web:not(.admin-body) .kc-phone-platform-mbc .kc-phone-home-play,
body.kc-app-web:not(.admin-body) .kc-phone-platform-watchit .kc-phone-home-play,
body.kc-app-web:not(.admin-body) .kc-phone-platform-starz .kc-phone-home-play {
    background: var(--kc-accent, #e50914);
    color: #fff;
}

body.kc-app-web:not(.admin-body) .kc-phone-platform-hulu .kc-phone-home-media::before,
body.kc-app-web:not(.admin-body) .kc-phone-platform-peacock .kc-phone-home-media::before,
body.kc-app-web:not(.admin-body) .kc-phone-platform-paramount .kc-phone-home-media::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--kc-accent, #1ce783);
}

body.kc-app-web:not(.admin-body) .kc-phone-platform-king .kc-phone-home-media::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 42px;
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--kc-accent, #f59e0b) 20%, transparent));
}

body.kc-app-web:not(.admin-body) .kc-phone-home-banner {
    padding: 0 clamp(10px, 2vw, 22px) 14px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-banner a {
    display: block;
    overflow: hidden;
    border-radius: var(--kc-radius, 12px);
    background: #111722;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-banner img {
    width: 100%;
    aspect-ratio: 16 / 5;
    object-fit: cover;
    display: block;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-tags,
body.kc-app-web:not(.admin-body) .kc-phone-home-people-row,
body.kc-app-web:not(.admin-body) .kc-phone-home-social-row,
body.kc-app-web:not(.admin-body) .kc-phone-home-feature-row {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 0 clamp(10px, 2vw, 22px) 12px;
    direction: rtl;
    scrollbar-width: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-tags::-webkit-scrollbar,
body.kc-app-web:not(.admin-body) .kc-phone-home-people-row::-webkit-scrollbar,
body.kc-app-web:not(.admin-body) .kc-phone-home-social-row::-webkit-scrollbar,
body.kc-app-web:not(.admin-body) .kc-phone-home-feature-row::-webkit-scrollbar {
    display: none;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-tag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--kc-accent, #e50914) 32%, rgba(255, 255, 255, 0.12));
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-tag img,
body.kc-app-web:not(.admin-body) .kc-phone-home-tag .material-symbols-rounded {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    color: var(--kc-accent, #e50914);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-tag strong {
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-card,
body.kc-app-web:not(.admin-body) .kc-phone-home-social-card {
    position: relative;
    flex: 0 0 152px;
    height: 238px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #111120;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.30);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 174px;
    padding: 12px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-banner,
body.kc-app-web:not(.admin-body) .kc-phone-home-social-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-banner {
    opacity: 0.45;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-card::after,
body.kc-app-web:not(.admin-body) .kc-phone-home-social-shade {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.82));
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-avatar {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--kc-accent, #e50914);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-card strong,
body.kc-app-web:not(.admin-body) .kc-phone-home-person-card small {
    position: relative;
    z-index: 2;
    max-width: 100%;
    color: #fff;
    text-align: center;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-card strong {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-person-card small {
    color: rgba(248, 250, 252, 0.62);
    font-size: 10px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-card {
    flex-basis: 172px;
    height: 292px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-card.is-text-only {
    flex-basis: min(78vw, 292px);
    height: 176px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 20% 15%, rgba(229, 9, 20, 0.22), transparent 34%),
        linear-gradient(145deg, #171722 0%, #0c0c12 58%, #151018 100%);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-card > span {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    border-radius: 7px;
    background: #e50914;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-copy {
    position: absolute;
    z-index: 3;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-card.is-text-only .kc-phone-home-social-copy {
    inset: 32px 14px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-copy div {
    display: flex;
    align-items: center;
    gap: 7px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-copy img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-copy strong {
    color: #fff;
    font-size: 11px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-copy p {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 11.5px;
    line-height: 1.28;
    font-weight: 800;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-card.is-text-only .kc-phone-home-social-copy p {
    margin-top: 12px;
    text-align: center;
    font-size: clamp(14px, 4.2vw, 17px);
    line-height: 1.45;
    -webkit-line-clamp: 4;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-card.is-text-only .kc-phone-home-social-copy div {
    justify-content: center;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-card.is-text-only .kc-phone-home-social-copy strong {
    font-size: 12px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-social-media.is-text {
    background: transparent;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card {
    position: relative;
    flex: 0 0 184px;
    height: 184px;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #111120;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.30);
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card.is-first {
    flex-basis: 246px;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card img,
body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card div {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card img {
    object-fit: cover;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card div {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.82));
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card span {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px;
    max-width: calc(100% - 16px);
    padding: 4px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--kc-accent, #e50914) 72%, #000);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card strong,
body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card small {
    position: absolute;
    z-index: 2;
    left: 10px;
    right: 10px;
    color: #fff;
    text-align: start;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card strong {
    bottom: 31px;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.kc-app-web:not(.admin-body) .kc-phone-home-feature-card small {
    bottom: 12px;
    color: rgba(248, 250, 252, 0.68);
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card {
    flex: 0 0 var(--kc-card-w, 278px) !important;
    width: var(--kc-card-w, 278px);
    height: var(--kc-list-h, 154px);
    min-height: 0;
    padding: 0;
    background:
        linear-gradient(90deg, rgba(183, 247, 200, 0.06) 1px, transparent 1px),
        linear-gradient(180deg, rgba(183, 247, 200, 0.06) 1px, transparent 1px),
        linear-gradient(135deg, #07130d, color-mix(in srgb, var(--kc-accent, #22c55e) 16%, #0e2517), #05080a);
    background-size: 100% 34px, 34px 100%, auto;
    border-color: color-mix(in srgb, var(--kc-accent, #22c55e) 32%, transparent);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--kc-accent, #22c55e) 16%, transparent);
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card a {
    height: 100%;
    padding: 10px;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-top span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--kc-accent, #22c55e) 44%, transparent);
    background: color-mix(in srgb, var(--kc-accent, #22c55e) 18%, transparent);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-top i {
    color: var(--kc-accent, #22c55e);
    font-size: 18px;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-logos {
    justify-content: space-between;
    gap: 8px;
    margin: 10px 0 6px;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-logos div {
    display: grid;
    justify-items: center;
    gap: 4px;
    min-width: 54px;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-logos small {
    max-width: 70px;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-logos > span {
    min-width: 48px;
    padding: 7px 9px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.52);
    color: #fff;
    font-size: 18px;
    font-weight: 950;
    text-align: center;
}

body.kc-app-web:not(.admin-body) .kc-phone-match-card h3 {
    display: none;
}

/* Final app-like profile surface. Keep this after the public light overrides. */
body.kc-app-web:not(.admin-body) .kc-app-profile-page,
body.kc-app-web.netflix-theme:not(.admin-body) .kc-app-profile-page {
    background:
        radial-gradient(circle at 84% 0%, rgba(0, 153, 102, 0.14), transparent 30rem),
        linear-gradient(180deg, #101722 0%, #070a0f 38%, #05070b 100%) !important;
    color: #ffffff !important;
    min-height: 100dvh !important;
    width: 100% !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .sticky {
    background: rgba(7, 10, 15, 0.88) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    backdrop-filter: blur(18px) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .sticky button,
body.kc-app-web:not(.admin-body) .kc-app-profile-page > .sticky h1 {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .max-w-4xl {
    max-width: none !important;
    width: 100% !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type {
    background: #101722 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .relative:first-child {
    height: clamp(190px, 25vw, 360px) !important;
    background: linear-gradient(135deg, #101722, #05070b) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .relative:first-child::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 38%, rgba(7, 10, 15, 0.88) 100%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .px-4 {
    background: #101722 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-50,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-100,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-200 {
    background: rgba(16, 23, 34, 0.94) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .shadow-sm {
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .rounded-xl,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .rounded-b-xl,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .rounded-2xl {
    border-radius: 8px !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-black,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-900,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-800 {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-700,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-600,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-500,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-400 {
    color: rgba(232, 238, 246, 0.68) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-100,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-200,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-300 {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page #profile-avatar-display,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .kc-initials-avatar {
    background-color: #101722 !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn {
    color: rgba(232, 238, 246, 0.62) !important;
    border-bottom-color: transparent !important;
    border-radius: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn.text-emerald-400,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn.border-emerald-400 {
    color: #00d38d !important;
    border-bottom-color: #00d38d !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .flex-grow,
body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl.flex-grow,
body.kc-app-web:not(.admin-body) .kc-app-profile-page > div:nth-of-type(3) {
    max-width: 1180px !important;
    margin-inline: auto !important;
    padding-inline: clamp(12px, 2vw, 22px) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page #intro-card-container .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #info-tab-content .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #friends-tab-content .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #settings-tab-content,
body.kc-app-web:not(.admin-body) .kc-app-profile-page [data-activity-id] {
    background: rgba(16, 23, 34, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page #activity-content-feed,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #favorites-content-feed {
    border: 0 !important;
    gap: 12px !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page [data-activity-id] {
    border-radius: 8px !important;
    overflow: hidden !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page [data-activity-id]:hover {
    background: rgba(22, 31, 45, 0.96) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page input,
body.kc-app-web:not(.admin-body) .kc-app-profile-page textarea {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page button.bg-black,
body.kc-app-web:not(.admin-body) .kc-app-profile-page button.bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page button.bg-\[\#1d9bf0\] {
    background: #009966 !important;
    border-color: rgba(0, 211, 141, 0.55) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page #contact-user-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay.kc-auth-modal,
body.kc-app-web:not(.admin-body) #signup-modal-overlay {
    background: rgba(2, 4, 9, 0.76) !important;
    backdrop-filter: blur(16px) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-panel {
    background: linear-gradient(180deg, #151a23 0%, #0c0f16 100%) !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    border-radius: 8px !important;
    box-shadow: 0 30px 90px rgba(0,0,0,0.64) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 120px;
    background: radial-gradient(circle at 82% 0%, rgba(0,153,102,0.20), transparent 48%), radial-gradient(circle at 18% 0%, rgba(229,9,20,0.16), transparent 44%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-body {
    position: relative;
    z-index: 1;
    padding: 24px 24px 22px !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-close {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.09) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 20px !important;
    padding-left: 42px !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-logo {
    width: 66px !important;
    height: 66px !important;
    flex: none !important;
    overflow: hidden !important;
    background: #e50914 !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 34px rgba(229,9,20,0.24) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-title {
    min-width: 0 !important;
    text-align: right !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-title h2 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-title p {
    margin: 6px 0 0 !important;
    color: #d6deea !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    font-weight: 850 !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-section,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-form {
    display: grid !important;
    gap: 12px !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay input,
body.kc-app-web:not(.admin-body) #signup-modal-overlay input {
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    caret-color: #00d38d !important;
    outline: none !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay input::placeholder,
body.kc-app-web:not(.admin-body) #signup-modal-overlay input::placeholder {
    color: #b8c2d2 !important;
    opacity: 1 !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay input:focus,
body.kc-app-web:not(.admin-body) #signup-modal-overlay input:focus {
    border-color: rgba(0,211,141,0.62) !important;
    box-shadow: 0 0 0 3px rgba(0,211,141,0.12) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-submit,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-create-btn {
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    transition: 0.16s ease !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-submit {
    background: #009966 !important;
    border: 1px solid rgba(0,211,141,0.48) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 32px rgba(0,153,102,0.28) !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-create-btn {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-submit:hover,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-create-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.06);
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-divider {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 2px 0 !important;
    color: #9aa5b5 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-divider::before,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: rgba(255,255,255,0.12);
}

body.kc-app-web:not(.admin-body) #login-modal-overlay #auth-alert,
body.kc-app-web:not(.admin-body) #signup-modal-overlay #modal-alert {
    border-radius: 8px !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) #signup-modal-content {
    background: linear-gradient(180deg, #151a23 0%, #0c0f16 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    border-radius: 8px !important;
    box-shadow: 0 30px 90px rgba(0,0,0,0.64) !important;
}

body.kc-app-web:not(.admin-body) #signup-modal-overlay h2,
body.kc-app-web:not(.admin-body) #signup-modal-overlay p,
body.kc-app-web:not(.admin-body) #signup-modal-overlay label,
body.kc-app-web:not(.admin-body) #signup-modal-overlay a,
body.kc-app-web:not(.admin-body) #signup-modal-overlay button {
    color: #ffffff !important;
    font-weight: 900 !important;
}

@media (max-width: 767px) {
    body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-panel {
        max-width: calc(100vw - 24px) !important;
    }

    body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-body {
        padding: 22px 18px 18px !important;
    }

    body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-auth-title h2 {
        font-size: 25px !important;
    }
}

/* Final signup modal polish for the public web account flow. */
body.kc-app-web:not(.admin-body) #signup-modal-overlay {
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    background:
        radial-gradient(circle at 50% 100%, rgba(0,153,102,0.15), transparent 34%),
        rgba(2, 4, 9, 0.84) !important;
}

body.kc-app-web:not(.admin-body) #signup-modal-content.kc-signup-panel {
    width: min(100%, 470px) !important;
    max-height: min(92dvh, 720px) !important;
    padding: 22px !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #171c25 0%, #0d1118 100%) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    box-shadow: 0 34px 90px rgba(0,0,0,0.66) !important;
    color: #fff !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.24) transparent;
}

body.kc-app-web:not(.admin-body) #signup-modal-content::-webkit-scrollbar {
    width: 6px;
}

body.kc-app-web:not(.admin-body) #signup-modal-content::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.24);
    border-radius: 999px;
}

body.kc-app-web:not(.admin-body) .kc-signup-header {
    display: grid !important;
    grid-template-columns: 44px 1fr !important;
    align-items: start !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-close {
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    background: rgba(255,255,255,0.09) !important;
    color: #fff !important;
    flex: none !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-close:hover {
    background: rgba(255,255,255,0.15) !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-title {
    min-width: 0 !important;
    text-align: right !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-title h2 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-title p {
    margin: 7px 0 0 !important;
    color: #d8e0ec !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 850 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-form {
    display: grid !important;
    gap: 10px !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar-row {
    min-height: 72px !important;
    display: grid !important;
    grid-template-columns: 58px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 9px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    background: rgba(255,255,255,0.07) !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar {
    width: 58px !important;
    height: 58px !important;
    display: block !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    background: #05070b !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar-copy p {
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar-copy span {
    display: block !important;
    margin-top: 3px !important;
    color: #aeb8c8 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.kc-app-web:not(.admin-body) #signup-modal-overlay input {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.kc-app-web:not(.admin-body) #signup-modal-overlay input::placeholder {
    color: #c1c9d6 !important;
    opacity: 1 !important;
}

body.kc-app-web:not(.admin-body) #signup-modal-overlay input:focus {
    border-color: rgba(0,211,141,0.66) !important;
    box-shadow: 0 0 0 3px rgba(0,211,141,0.13) !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-status {
    margin: -2px 2px 2px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-status.text-green-600 {
    color: #39e58f !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-status.text-red-600 {
    color: #ff5f67 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-submit {
    width: 100% !important;
    height: 58px !important;
    margin-top: 2px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0,211,141,0.52) !important;
    background: #009966 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 34px rgba(0,153,102,0.28) !important;
    transition: transform 160ms ease, filter 160ms ease, opacity 160ms ease !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-submit:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.08) !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-submit:disabled {
    opacity: 0.68 !important;
    cursor: wait !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-switch {
    margin: 16px 0 0 !important;
    text-align: center !important;
    color: #b9c2cf !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-switch a {
    color: #fff !important;
    font-weight: 950 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-alert {
    margin-bottom: 12px !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: rgba(255,255,255,0.07) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-weight: 900 !important;
}

@media (max-width: 520px) {
    body.kc-app-web:not(.admin-body) #signup-modal-overlay {
        padding: 12px !important;
    }

    body.kc-app-web:not(.admin-body) #signup-modal-content.kc-signup-panel {
        padding: 18px !important;
        max-height: 92dvh !important;
    }

    body.kc-app-web:not(.admin-body) .kc-signup-title h2 {
        font-size: 24px !important;
    }
}

/* Modern unified login/signup modal */
body.kc-app-web:not(.admin-body) .kc-account-modal {
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    background: rgba(3, 5, 10, 0.86) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
}

body.kc-app-web:not(.admin-body) .kc-account-panel {
    width: min(100%, 500px) !important;
    max-height: min(92dvh, 760px) !important;
    overflow-y: auto !important;
    position: relative !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: linear-gradient(180deg, #151922 0%, #0a0d13 100%) !important;
    box-shadow: 0 30px 90px rgba(0,0,0,0.7) !important;
    color: #fff !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.26) transparent;
}

body.kc-app-web:not(.admin-body) .kc-account-panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 5px !important;
    background: linear-gradient(90deg, #009966, #e50914) !important;
    pointer-events: none !important;
}

body.kc-app-web:not(.admin-body) .kc-account-panel::-webkit-scrollbar {
    width: 6px;
}

body.kc-app-web:not(.admin-body) .kc-account-panel::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.26);
    border-radius: 999px;
}

body.kc-app-web:not(.admin-body) .kc-account-body {
    position: relative !important;
    z-index: 1 !important;
    padding: 26px !important;
}

body.kc-app-web:not(.admin-body) .kc-account-close {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    z-index: 4 !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transition: transform 150ms ease, background-color 150ms ease !important;
}

body.kc-app-web:not(.admin-body) .kc-account-close svg {
    width: 20px !important;
    height: 20px !important;
}

body.kc-app-web:not(.admin-body) .kc-account-close:hover {
    transform: scale(1.04) !important;
    background: rgba(255,255,255,0.15) !important;
}

body.kc-app-web:not(.admin-body) .kc-account-brand {
    display: grid !important;
    grid-template-columns: 68px 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 76px !important;
    padding-left: 52px !important;
    margin-bottom: 18px !important;
}

body.kc-app-web:not(.admin-body) .kc-account-logo {
    width: 68px !important;
    height: 68px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    background: transparent !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.34) !important;
}

body.kc-app-web:not(.admin-body) .kc-account-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

body.kc-app-web:not(.admin-body) img.play-app-icon[src*="king_cinema_logo"],
body.kc-app-web:not(.admin-body) img.play-brand-logo[src*="king_cinema_logo"] {
    object-fit: contain !important;
    background: transparent !important;
}

body.kc-app-web:not(.admin-body) .kc-account-title {
    min-width: 0 !important;
    text-align: right !important;
}

body.kc-app-web:not(.admin-body) .kc-account-title span {
    display: inline-flex !important;
    margin-bottom: 5px !important;
    color: #22d391 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-title h2,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-account-title h2,
body.kc-app-web:not(.admin-body) #signup-modal-overlay .kc-account-title h2 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 29px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-title p,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-account-title p,
body.kc-app-web:not(.admin-body) #signup-modal-overlay .kc-account-title p {
    margin: 7px 0 0 !important;
    color: #d9e1ed !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    font-weight: 850 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-section,
body.kc-app-web:not(.admin-body) .kc-account-form {
    display: grid !important;
    gap: 12px !important;
}

body.kc-app-web:not(.admin-body) .kc-account-field {
    display: grid !important;
    gap: 7px !important;
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .kc-account-field span {
    color: #f3f6fb !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-field input,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-account-field input,
body.kc-app-web:not(.admin-body) #signup-modal-overlay .kc-account-field input {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 15px !important;
    border-radius: 8px !important;
    background: #20252e !important;
    border: 1px solid #3a414d !important;
    color: #ffffff !important;
    caret-color: #22d391 !important;
    outline: none !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

body.kc-app-web:not(.admin-body) .kc-account-field input::placeholder {
    color: #aeb7c5 !important;
    opacity: 1 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-field input:focus {
    border-color: #22d391 !important;
    box-shadow: 0 0 0 3px rgba(34,211,145,0.13), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

body.kc-app-web:not(.admin-body) .kc-account-primary,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-account-primary,
body.kc-app-web:not(.admin-body) #signup-modal-overlay .kc-account-primary {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 1px solid rgba(34,211,145,0.45) !important;
    background: #009966 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    box-shadow: 0 18px 34px rgba(0,153,102,0.26) !important;
    transition: transform 150ms ease, filter 150ms ease, opacity 150ms ease !important;
}

body.kc-app-web:not(.admin-body) .kc-account-primary:hover,
body.kc-app-web:not(.admin-body) .kc-account-secondary:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.07) !important;
}

body.kc-app-web:not(.admin-body) .kc-account-primary:disabled {
    opacity: 0.65 !important;
    cursor: wait !important;
}

body.kc-app-web:not(.admin-body) .kc-account-secondary,
body.kc-app-web:not(.admin-body) #login-modal-overlay .kc-account-secondary {
    width: 100% !important;
    height: 54px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-divider {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 2px 0 !important;
    color: #99a4b4 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-divider::before,
body.kc-app-web:not(.admin-body) .kc-account-divider::after {
    content: "" !important;
    height: 1px !important;
    background: rgba(255,255,255,0.13) !important;
}

body.kc-app-web:not(.admin-body) .kc-account-alert {
    margin-bottom: 12px !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.14) !important;
    background: rgba(255,255,255,0.07) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-weight: 900 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar-row {
    min-height: 76px !important;
    display: grid !important;
    grid-template-columns: 62px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 10px !important;
    border-radius: 8px !important;
    border: 1px solid #3a414d !important;
    background: #20252e !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar {
    width: 62px !important;
    height: 62px !important;
    display: block !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    background: #080b10 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar-copy p {
    margin: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-avatar-copy span {
    display: block !important;
    margin-top: 3px !important;
    color: #aeb7c5 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-switch {
    margin: 16px 0 0 !important;
    text-align: center !important;
    color: #b7c0ce !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 850 !important;
}

body.kc-app-web:not(.admin-body) .kc-account-switch a {
    color: #ffffff !important;
    font-weight: 950 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-status {
    margin: -4px 2px 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 950 !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-status.text-green-600 {
    color: #39e58f !important;
}

body.kc-app-web:not(.admin-body) .kc-signup-status.text-red-600 {
    color: #ff6b73 !important;
}

@media (max-width: 520px) {
    body.kc-app-web:not(.admin-body) .kc-account-modal {
        padding: 12px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-account-body {
        padding: 22px 18px 18px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-account-brand {
        grid-template-columns: 58px 1fr !important;
        gap: 12px !important;
        padding-left: 48px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-account-logo {
        width: 58px !important;
        height: 58px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-account-title h2 {
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {
    body.kc-app-web.home-store-light:not(.admin-body) .play-store-content {
        width: 100% !important;
        padding: 0 0 100px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .play-hero-grid {
        display: flex !important;
        flex-direction: column !important;
        padding: 16px 16px 0 !important;
        gap: 0 !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .play-app-icon {
        width: 72px !important;
        height: 72px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .play-title-wrap h1,
    body.kc-app-web.home-store-light:not(.admin-body) .kc-app-title {
        font-size: 20px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .header-stats-wrapper {
        gap: 0 !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .header-stat-item {
        min-height: 52px !important;
        padding: 6px 4px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .kc-stat-icon {
        display: none !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .play-section,
    body.kc-app-web.home-store-light:not(.admin-body) .play-section.app-reviews-container,
    body.kc-app-web.home-store-light:not(.admin-body) .app-details-container {
        padding: 18px 16px !important;
        margin: 0 !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) .play-install-column {
        padding: 12px 0 16px !important;
    }

    body.kc-app-web.home-store-light:not(.admin-body) #avg-rating-display {
        font-size: 38px !important;
    }
}

body.kc-app-web:not(.admin-body) .kc-review-profile-link {
    color: inherit !important;
    text-decoration: none !important;
}

body.kc-app-web:not(.admin-body) .kc-web-promo-strip {
    position: fixed;
    left: 50%;
    bottom: calc(74px + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    width: min(560px, calc(100vw - 22px));
    min-height: 52px;
    z-index: 8500;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px;
    background: rgba(10, 14, 20, 0.92);
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(0,0,0,0.42);
    backdrop-filter: blur(16px);
}

body.kc-app-web:not(.admin-body) .kc-web-promo-main {
    flex: 1;
    min-width: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 12px;
    background: #009966 !important;
    color: #ffffff !important;
    border: 1px solid rgba(0,211,141,0.45) !important;
    border-radius: 8px !important;
    font-size: 13px;
    font-weight: 950;
    letter-spacing: 0;
}

body.kc-app-web:not(.admin-body) .kc-web-promo-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,0.14);
    font-size: 15px;
    line-height: 1;
}

body.kc-app-web:not(.admin-body) .kc-web-promo-close {
    width: 38px;
    height: 38px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.08) !important;
    color: rgba(255,255,255,0.76) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 8px !important;
    font-size: 22px;
    font-weight: 900;
}

body.kc-app-web.reels-active:not(.admin-body) .kc-web-promo-strip {
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    background: rgba(0, 0, 0, 0.58);
}

body.kc-app-web:not(.admin-body) .kc-review-profile-link:hover .review-user-name,
body.kc-app-web:not(.admin-body) .kc-review-profile-link:hover span {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-initials-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    background: linear-gradient(135deg, #009966 0%, #1d2430 100%) !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 8px 18px rgba(0,0,0,0.24) !important;
}

body.kc-app-web:not(.admin-body) .kc-initials-avatar.hidden,
body.kc-app-web:not(.admin-body) img.hidden {
    display: none !important;
}

body.kc-app-web:not(.admin-body) .review-avatar.kc-initials-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
}

body.kc-app-web:not(.admin-body) .w-8.h-8.kc-initials-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
}

/* Web dock refresh: stronger bottom navigation and recurring app prompt. */
body.kc-app-web:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar,
body.kc-app-web.netflix-theme:not(.admin-body) #bottom-navigation-bar,
body.reels-active.kc-app-web:not(.admin-body) #bottom-navigation-bar {
    left: 0 !important;
    right: 0 !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    height: 86px !important;
    padding: 0 12px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none;
    z-index: 9200 !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar > div,
body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar > div,
body.kc-app-web.netflix-theme:not(.admin-body) #bottom-navigation-bar > div,
body.reels-active.kc-app-web:not(.admin-body) #bottom-navigation-bar > div {
    width: min(760px, calc(100vw - 24px)) !important;
    max-width: min(760px, calc(100vw - 24px)) !important;
    height: 74px !important;
    min-height: 74px !important;
    margin: 0 auto !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 78px 1fr 1fr !important;
    align-items: center !important;
    gap: 8px !important;
    background:
        linear-gradient(180deg, rgba(17, 25, 34, 0.92), rgba(5, 8, 12, 0.96)) !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 24px !important;
    box-shadow:
        0 18px 44px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
    backdrop-filter: blur(22px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
    pointer-events: auto;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn-center {
    width: 100% !important;
    height: 58px !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 6px 5px !important;
    color: rgba(225, 234, 244, 0.68) !important;
    border-radius: 16px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn {
    flex-direction: column !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn svg,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn-center svg {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    color: currentColor !important;
    stroke-width: 2.15 !important;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.25));
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn span {
    max-width: 100% !important;
    color: currentColor !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-indicator {
    display: none !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn:hover,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.is-active,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active {
    color: #ffffff !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 211, 141, 0.25), transparent 65%),
        rgba(255, 255, 255, 0.075) !important;
    border-color: rgba(0, 211, 141, 0.34) !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.is-active svg,
body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn.active svg {
    color: #00e195 !important;
}

body.kc-app-web:not(.admin-body) #bottom-navigation-bar .relative.-top-4 {
    top: 0 !important;
    width: 78px !important;
    height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.kc-app-web:not(.admin-body) #discover-btn,
body.kc-app-web.home-store-light:not(.admin-body) #discover-btn {
    width: 64px !important;
    height: 64px !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    background:
        radial-gradient(circle at 35% 20%, rgba(255,255,255,0.24), transparent 34%),
        linear-gradient(145deg, #00c47b, #008a5c) !important;
    border: 1px solid rgba(129, 255, 204, 0.44) !important;
    box-shadow:
        0 16px 34px rgba(0, 153, 102, 0.38),
        inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

body.kc-app-web:not(.admin-body) #discover-btn::after {
    content: "اكتشف";
    position: absolute;
    left: 50%;
    bottom: 7px;
    transform: translateX(-50%);
    color: rgba(255,255,255,0.92);
    font-size: 9px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0;
}

body.kc-app-web:not(.admin-body) #discover-btn svg {
    width: 26px !important;
    height: 26px !important;
    transform: translateY(-5px);
}

body.kc-app-web:not(.admin-body) #discover-btn.is-active,
body.kc-app-web:not(.admin-body) #discover-btn.active {
    box-shadow:
        0 0 0 4px rgba(0, 211, 141, 0.13),
        0 18px 40px rgba(0, 153, 102, 0.48),
        inset 0 1px 0 rgba(255,255,255,0.32) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-download-nudge {
    position: fixed;
    right: max(14px, env(safe-area-inset-right, 0px));
    bottom: calc(108px + env(safe-area-inset-bottom, 0px));
    z-index: 9300;
    width: min(390px, calc(100vw - 28px));
    min-height: 86px;
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 14px 12px;
    color: #ffffff;
    background:
        radial-gradient(circle at 96% 0%, rgba(0, 211, 141, 0.26), transparent 45%),
        linear-gradient(180deg, rgba(18, 24, 34, 0.96), rgba(8, 11, 17, 0.98));
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 18px;
    box-shadow: 0 20px 52px rgba(0,0,0,0.46), inset 0 1px 0 rgba(255,255,255,0.10);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    animation: kcAppNudgeIn 260ms ease-out both;
}

body.kc-app-web:not(.admin-body) .kc-app-nudge-close {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(12, 16, 23, 0.96) !important;
    color: rgba(255,255,255,0.80) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    font-size: 20px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-app-nudge-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #00c47b, #008a5c);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(0, 153, 102, 0.30);
}

body.kc-app-web:not(.admin-body) .kc-app-nudge-icon .material-symbols-rounded {
    font-size: 25px;
    line-height: 1;
}

body.kc-app-web:not(.admin-body) .kc-app-nudge-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: right;
}

body.kc-app-web:not(.admin-body) .kc-app-nudge-copy strong {
    color: #ffffff !important;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-app-nudge-copy span {
    color: rgba(232, 240, 248, 0.70) !important;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-app-nudge-action {
    min-width: 72px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #07100c !important;
    border: 0 !important;
    font-size: 12px;
    font-weight: 950;
    box-shadow: 0 10px 24px rgba(0,0,0,0.20);
}

@keyframes kcAppNudgeIn {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 640px) {
    body.kc-app-web:not(.admin-body) #bottom-navigation-bar,
    body.kc-app-web.home-store-light:not(.admin-body) #bottom-navigation-bar,
    body.kc-app-web.netflix-theme:not(.admin-body) #bottom-navigation-bar {
        bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        padding-inline: 8px !important;
    }

    body.kc-app-web:not(.admin-body) #bottom-navigation-bar > div {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        grid-template-columns: 1fr 1fr 68px 1fr 1fr !important;
        gap: 4px !important;
        padding: 7px 6px !important;
        border-radius: 20px !important;
    }

    body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn {
        height: 56px !important;
        padding-inline: 2px !important;
    }

    body.kc-app-web:not(.admin-body) #bottom-navigation-bar .nav-btn span {
        font-size: 10px !important;
    }

    body.kc-app-web:not(.admin-body) #discover-btn {
        width: 58px !important;
        height: 58px !important;
        border-radius: 18px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-app-download-nudge {
        right: 12px;
        left: 12px;
        bottom: calc(104px + env(safe-area-inset-bottom, 0px));
        width: auto;
        grid-template-columns: 38px 1fr auto;
        gap: 9px;
        padding: 12px 12px 12px 10px;
        border-radius: 16px;
    }

    body.kc-app-web:not(.admin-body) .kc-app-nudge-action {
        min-width: 62px;
        padding-inline: 10px;
    }
}

/* KING CINEMA profile redesign. Scoped so the app bottom navigation stays untouched. */
body.kc-app-web:not(.admin-body) .kc-cinema-profile-page {
    width: 100% !important;
    min-height: 100dvh !important;
    padding-bottom: 96px !important;
    background:
        radial-gradient(circle at 84% 14%, rgba(229, 9, 20, 0.20), transparent 24rem),
        linear-gradient(180deg, #030306 0%, #07080d 45%, #030306 100%) !important;
    color: #fff !important;
    font-family: "Cairo", "Tajawal", system-ui, sans-serif !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-profile-page button {
    -webkit-tap-highlight-color: transparent;
}

body.kc-app-web:not(.admin-body) .kc-cinema-profile-topbar {
    position: sticky;
    top: 0;
    z-index: 55;
    height: 76px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    padding: 12px clamp(14px, 3vw, 28px);
    background: rgba(3, 3, 6, 0.88);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    backdrop-filter: blur(18px);
}

body.kc-app-web:not(.admin-body) .kc-cinema-topbar-side {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}

body.kc-app-web:not(.admin-body) .kc-cinema-topbar-left {
    justify-content: flex-end;
}

body.kc-app-web:not(.admin-body) .kc-cinema-brand {
    border: 0 !important;
    background: transparent !important;
    color: #f10d18 !important;
    font-size: clamp(24px, 4vw, 42px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 1px !important;
    text-shadow: 0 0 22px rgba(229,9,20,0.32);
}

body.kc-app-web:not(.admin-body) .kc-cinema-icon-btn,
body.kc-app-web:not(.admin-body) .kc-cinema-square {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.06) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 26px rgba(0,0,0,0.22) !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-icon-btn .material-symbols-rounded,
body.kc-app-web:not(.admin-body) .kc-cinema-square .material-symbols-rounded {
    font-size: 30px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-notif-dot {
    position: relative;
}

body.kc-app-web:not(.admin-body) .kc-cinema-notif-dot::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 13px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #e50914;
    border: 2px solid #111;
}

body.kc-app-web:not(.admin-body) .kc-cinema-cover {
    position: relative;
    width: min(100%, 1220px);
    height: clamp(205px, 35vw, 360px);
    margin: 0 auto;
    overflow: hidden;
    background: #050507;
    border-radius: 0 0 8px 8px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-cover-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 52%, rgba(3,3,6,0.88) 100%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-cinema-cover-edit,
body.kc-app-web:not(.admin-body) .kc-cinema-avatar-edit {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
    border: 2px solid #050507 !important;
    background: rgba(15,15,18,0.92) !important;
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-cover-edit {
    left: 18px;
    bottom: 18px;
    width: 46px;
    height: 46px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-profile-head {
    width: min(100%, 1220px);
    margin: -74px auto 0;
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(132px, 168px) 1fr;
    gap: clamp(14px, 3vw, 28px);
    align-items: end;
    padding: 0 clamp(18px, 4vw, 48px) 18px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-avatar-wrap {
    position: relative;
    width: clamp(132px, 18vw, 168px);
    height: clamp(132px, 18vw, 168px);
}

body.kc-app-web:not(.admin-body) .kc-cinema-avatar-ring {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 999px;
    background: #13151d;
    border: 4px solid #050507;
    outline: 3px solid #d6a83d;
    box-shadow: 0 20px 44px rgba(0,0,0,0.55);
}

body.kc-app-web:not(.admin-body) .kc-cinema-avatar-img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-avatar-edit {
    right: 8px;
    bottom: 8px;
    width: 42px;
    height: 42px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-identity {
    min-width: 0;
    padding-bottom: 6px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-identity h1 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #fff !important;
    font-size: clamp(30px, 5vw, 46px);
    line-height: 1.05;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-identity p {
    margin: 8px 0 0;
    color: rgba(255,255,255,0.68);
    font-size: clamp(16px, 2.5vw, 22px);
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-cinema-identity > span {
    display: block;
    margin-top: 8px;
    color: rgba(255,255,255,0.82);
    font-size: clamp(15px, 2.2vw, 19px);
    font-weight: 750;
}

body.kc-app-web:not(.admin-body) .kc-cinema-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-badges em {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid rgba(248,212,113,0.36);
    background: rgba(229,9,20,0.16);
    color: #f8d471;
    font-style: normal;
    font-size: 13px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-dashboard,
body.kc-app-web:not(.admin-body) .kc-cinema-actions,
body.kc-app-web:not(.admin-body) .kc-cinema-stats,
body.kc-app-web:not(.admin-body) .kc-cinema-highlights,
body.kc-app-web:not(.admin-body) .kc-cinema-mutual,
body.kc-app-web:not(.admin-body) .kc-cinema-studio,
body.kc-app-web:not(.admin-body) .kc-cinema-content {
    width: min(calc(100% - 28px), 1140px);
    margin-inline: auto;
}

body.kc-app-web:not(.admin-body) .kc-cinema-dashboard {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 8px;
    background: rgba(255,255,255,0.08);
}

body.kc-app-web:not(.admin-body) .kc-cinema-dashboard-card {
    position: relative;
    min-height: 124px;
    padding: 18px;
    background: rgba(12,13,18,0.78);
}

body.kc-app-web:not(.admin-body) .kc-cinema-dashboard-card span {
    position: absolute;
    left: 18px;
    top: 26px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    color: #fff;
}

body.kc-app-web:not(.admin-body) .kc-cinema-dashboard-card p {
    margin: 0 0 6px;
    color: rgba(255,255,255,0.78);
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .kc-cinema-dashboard-card strong {
    display: block;
    color: #f8d471;
    font-size: 34px;
    line-height: 1;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-dashboard-card i {
    position: absolute;
    right: 18px;
    left: 18px;
    bottom: 18px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f8d471 var(--value), rgba(255,255,255,0.24) 0);
}

body.kc-app-web:not(.admin-body) .kc-cinema-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
    margin-top: 18px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-public-actions {
    grid-template-columns: 1.25fr 1fr 64px 64px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-primary,
body.kc-app-web:not(.admin-body) .kc-cinema-secondary {
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px !important;
    font-size: clamp(16px, 2.8vw, 22px);
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-primary {
    border: 1px solid rgba(229,9,20,0.58) !important;
    background: linear-gradient(135deg, #f30b18, #a90811) !important;
    color: #fff !important;
    box-shadow: 0 18px 36px rgba(229,9,20,0.26) !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-primary.is-following {
    background: rgba(255,255,255,0.10) !important;
    border-color: rgba(255,255,255,0.18) !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-primary .follow-text-hover {
    display: none;
}

body.kc-app-web:not(.admin-body) .kc-cinema-primary.is-following:hover .follow-text-normal {
    display: none;
}

body.kc-app-web:not(.admin-body) .kc-cinema-primary.is-following:hover .follow-text-hover {
    display: inline;
    color: #ff6b73;
}

body.kc-app-web:not(.admin-body) .kc-cinema-secondary,
body.kc-app-web:not(.admin-body) .kc-cinema-square {
    border: 1px solid rgba(255,255,255,0.16) !important;
    background: rgba(28,29,39,0.86) !important;
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-gold {
    border-color: rgba(248,212,113,0.64) !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-square {
    width: 64px;
    height: 64px;
    border-radius: 8px !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-square.is-active {
    color: #f8d471 !important;
    border-color: rgba(248,212,113,0.7) !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 22px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 8px;
    background: rgba(255,255,255,0.07);
}

body.kc-app-web:not(.admin-body) .kc-cinema-stat {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(20,20,24,0.78);
    border-left: 1px solid rgba(255,255,255,0.10);
}

body.kc-app-web:not(.admin-body) .kc-cinema-stat:last-child {
    border-left: 0;
}

body.kc-app-web:not(.admin-body) .kc-cinema-stat strong {
    color: #fff;
    font-size: clamp(28px, 5vw, 42px);
    line-height: 1;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-stat span {
    color: rgba(255,255,255,0.64);
    font-size: clamp(15px, 2.4vw, 19px);
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .kc-cinema-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 26px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-highlight {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-highlight span {
    width: clamp(72px, 14vw, 104px);
    height: clamp(72px, 14vw, 104px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 2px solid rgba(229,9,20,0.46);
    background: radial-gradient(circle, rgba(248,212,113,0.10), rgba(229,9,20,0.05));
    color: #f8d471;
    box-shadow: 0 0 24px rgba(229,9,20,0.24);
}

body.kc-app-web:not(.admin-body) .kc-cinema-highlight .material-symbols-rounded {
    font-size: clamp(34px, 7vw, 52px);
}

body.kc-app-web:not(.admin-body) .kc-cinema-highlight strong {
    color: rgba(255,255,255,0.84);
    font-size: 15px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-cinema-mutual {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.70);
    font-size: 16px;
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .kc-cinema-studio {
    margin-top: 28px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-studio h2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin: 0 0 14px;
    color: #fff !important;
    font-size: clamp(22px, 4vw, 34px);
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-studio h2 .material-symbols-rounded {
    color: #e50914;
}

body.kc-app-web:not(.admin-body) .kc-cinema-studio-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-studio-tile {
    position: relative;
    min-height: 122px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.13) !important;
    background: rgba(255,255,255,0.07) !important;
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-studio-icon .material-symbols-rounded {
    font-size: 44px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-studio-tile strong {
    font-size: 17px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-tile-badge {
    position: absolute;
    top: 18px;
    right: calc(50% - 6px);
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e50914;
    color: #fff;
    font-size: 13px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-content {
    margin-top: 28px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    min-height: 74px;
    border-top: 1px solid rgba(255,255,255,0.10);
    border-bottom: 1px solid rgba(255,255,255,0.10);
    background: rgba(12,13,18,0.82);
}

body.kc-app-web:not(.admin-body) .kc-cinema-tabs .profile-tab-btn {
    height: 74px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,0.62) !important;
    font-size: clamp(14px, 2.4vw, 19px);
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-tabs .profile-tab-btn.active {
    color: #fff !important;
    border-bottom-color: #e50914 !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-grid-area {
    padding-top: 14px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-card {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 0;
    aspect-ratio: 2 / 3;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.12);
    background: #111;
    color: #fff !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border: 0 !important;
    box-shadow: none !important;
    transition: transform 180ms ease;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-card:hover img {
    transform: scale(1.035);
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-shade {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 34px 10px 10px;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,0.88));
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-shade strong,
body.kc-app-web:not(.admin-body) .kc-cinema-post-shade small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-shade strong {
    font-size: clamp(13px, 2.2vw, 18px);
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-shade small {
    margin-top: 2px;
    color: rgba(255,255,255,0.78);
    font-size: 12px;
    font-weight: 800;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-meta {
    position: absolute;
    right: 8px;
    left: 8px;
    bottom: 8px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 160ms ease, transform 160ms ease;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-card:hover .kc-cinema-post-meta {
    opacity: 1;
    transform: translateY(0);
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 900;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-meta .material-symbols-rounded {
    font-size: 16px;
}

body.kc-app-web:not(.admin-body) .kc-cinema-post-reel {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #fff;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.5));
}

body.kc-app-web:not(.admin-body) .kc-cinema-empty-state,
body.kc-app-web:not(.admin-body) .kc-cinema-list-state {
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,0.11);
    border-radius: 8px;
    background: rgba(255,255,255,0.055);
    color: rgba(255,255,255,0.68);
    text-align: center;
    font-weight: 850;
}

body.kc-app-web:not(.admin-body) .kc-cinema-empty-state .material-symbols-rounded {
    font-size: 46px;
    color: rgba(255,255,255,0.34);
}

body.kc-app-web:not(.admin-body) .kc-cinema-empty-state strong {
    color: #fff;
    font-size: 20px;
    font-weight: 950;
}

body.kc-app-web:not(.admin-body) .kc-cinema-empty-state p {
    margin: 0;
    color: rgba(255,255,255,0.62);
}

body.kc-app-web:not(.admin-body) .kc-cinema-fab {
    position: fixed;
    z-index: 54;
    left: max(18px, env(safe-area-inset-left));
    bottom: calc(92px + env(safe-area-inset-bottom, 0px));
    width: 74px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px !important;
    border: 0 !important;
    background: #e50914 !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(229,9,20,0.40) !important;
}

body.kc-app-web:not(.admin-body) .kc-cinema-fab .material-symbols-rounded {
    font-size: 44px;
}

@media (max-width: 720px) {
    body.kc-app-web:not(.admin-body) .kc-cinema-profile-topbar {
        height: 72px;
        padding-inline: 10px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-brand {
        font-size: 24px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-icon-btn {
        width: 48px;
        height: 48px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-profile-head {
        grid-template-columns: 112px 1fr;
        margin-top: -58px;
        padding-inline: 14px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-avatar-wrap {
        width: 112px;
        height: 112px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-dashboard,
    body.kc-app-web:not(.admin-body) .kc-cinema-stats,
    body.kc-app-web:not(.admin-body) .kc-cinema-actions,
    body.kc-app-web:not(.admin-body) .kc-cinema-public-actions {
        width: calc(100% - 20px);
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-dashboard-card {
        min-height: 104px;
        padding: 12px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-dashboard-card span {
        display: none;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-actions {
        grid-template-columns: 1fr 1fr;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-own-actions .kc-cinema-gold {
        grid-column: 1 / -1;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-public-actions {
        grid-template-columns: 1fr 1fr 54px 54px;
        gap: 10px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-primary,
    body.kc-app-web:not(.admin-body) .kc-cinema-secondary,
    body.kc-app-web:not(.admin-body) .kc-cinema-square {
        height: 58px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-square {
        width: 54px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-highlights,
    body.kc-app-web:not(.admin-body) .kc-cinema-studio-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-studio-tile {
        min-height: 98px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-studio-icon .material-symbols-rounded {
        font-size: 34px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-studio-tile strong {
        font-size: 13px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-tabs .profile-tab-btn {
        flex-direction: column;
        gap: 2px;
        font-size: 13px;
    }
}

@media (max-width: 430px) {
    body.kc-app-web:not(.admin-body) .kc-cinema-profile-head {
        grid-template-columns: 92px 1fr;
        align-items: center;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-avatar-wrap {
        width: 92px;
        height: 92px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-stats {
        min-width: 0;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-stat {
        min-height: 86px;
    }

    body.kc-app-web:not(.admin-body) .kc-cinema-post-grid {
        gap: 5px;
    }
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page {
    width: 100% !important;
    min-height: 100dvh !important;
    background: radial-gradient(circle at top right, rgba(0,153,102,0.13), transparent 34%), #080b10 !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .bg-white,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .bg-\[\#f0f2f5\] {
    background: rgba(17, 22, 31, 0.94) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .rounded-xl,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .rounded-b-xl,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .rounded-2xl {
    border-radius: 8px !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .shadow-sm,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .bg-white.rounded-xl,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .bg-white.shadow-sm {
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .text-black,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .text-gray-900,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .text-gray-800 {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .text-gray-600,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .text-gray-500,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .text-gray-400 {
    color: rgba(235,241,248,0.72) !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .bg-gray-100,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .bg-gray-200,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .hover\:bg-gray-100:hover,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .hover\:bg-gray-200:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .border-gray-100,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .border-gray-200,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .border-gray-300 {
    border-color: rgba(255,255,255,0.10) !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .profile-tab-btn {
    color: rgba(235,241,248,0.68) !important;
    border-radius: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page .profile-tab-btn.border-emerald-400,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .profile-tab-btn.text-emerald-400 {
    color: #00d38d !important;
    border-color: #00d38d !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page #activity-content-feed,
body.kc-app-web:not(.admin-body) .kc-user-profile-page #favorites-content-feed {
    border-color: rgba(255,255,255,0.10) !important;
    gap: 10px !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page [data-activity-id] {
    background: rgba(17, 22, 31, 0.94) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page [data-activity-id]:hover {
    background: rgba(24, 31, 42, 0.98) !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page [data-activity-id] p,
body.kc-app-web:not(.admin-body) .kc-user-profile-page [data-activity-id] a {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page input,
body.kc-app-web:not(.admin-body) .kc-user-profile-page textarea {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page input::placeholder,
body.kc-app-web:not(.admin-body) .kc-user-profile-page textarea::placeholder {
    color: rgba(235,241,248,0.56) !important;
}

body.kc-app-web:not(.admin-body) .kc-user-profile-page button.bg-black,
body.kc-app-web:not(.admin-body) .kc-user-profile-page button.bg-\[\#1d9bf0\] {
    background: #009966 !important;
    border-color: rgba(0,211,141,0.55) !important;
    color: #ffffff !important;
}

@media (max-width: 767px) {
    body.kc-app-web:not(.admin-body) .kc-user-profile-page {
        padding-bottom: 96px !important;
    }

    body.kc-app-web:not(.admin-body) .kc-user-profile-page > .max-w-4xl,
body.kc-app-web:not(.admin-body) .kc-user-profile-page .max-w-4xl {
        max-width: none !important;
        width: 100% !important;
    }
}

/* Profile app parity - last word after legacy profile rules. */
body.kc-app-web:not(.admin-body) .kc-app-profile-page {
    background:
        radial-gradient(circle at 84% 0%, rgba(0, 153, 102, 0.14), transparent 30rem),
        linear-gradient(180deg, #101722 0%, #070a0f 38%, #05070b 100%) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .sticky {
    background: rgba(7, 10, 15, 0.90) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    backdrop-filter: blur(18px) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .max-w-4xl {
    max-width: none !important;
    width: 100% !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type {
    background: #101722 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .relative:first-child {
    height: clamp(190px, 25vw, 360px) !important;
    background: linear-gradient(135deg, #101722, #05070b) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .relative:first-child::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 38%, rgba(7, 10, 15, 0.88) 100%);
    pointer-events: none;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > .max-w-4xl:first-of-type > .px-4 {
    background: #101722 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page > div:nth-of-type(3) {
    max-width: 1180px !important;
    margin-inline: auto !important;
    padding-inline: clamp(12px, 2vw, 22px) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-50,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-100,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .bg-gray-200,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #intro-card-container .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #info-tab-content .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #friends-tab-content .bg-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #settings-tab-content,
body.kc-app-web:not(.admin-body) .kc-app-profile-page [data-activity-id] {
    background: rgba(16, 23, 34, 0.94) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-black,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-900,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-800 {
    color: #ffffff !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-700,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-600,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-500,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .text-gray-400 {
    color: rgba(232, 238, 246, 0.70) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-white,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-100,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-200,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .border-gray-300 {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn {
    color: rgba(232, 238, 246, 0.62) !important;
    border-bottom-color: transparent !important;
    border-radius: 0 !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn.text-emerald-400,
body.kc-app-web:not(.admin-body) .kc-app-profile-page .profile-tab-btn.border-emerald-400 {
    color: #00d38d !important;
    border-bottom-color: #00d38d !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page #activity-content-feed,
body.kc-app-web:not(.admin-body) .kc-app-profile-page #favorites-content-feed {
    border: 0 !important;
    gap: 12px !important;
}

body.kc-app-web:not(.admin-body) .kc-app-profile-page [data-activity-id] {
    border-radius: 8px !important;
    overflow: hidden !important;
}