html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore #main-content { background: var(--kolbeh-page-bg); padding-top: 0; max-width: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore .explore-page { --ex-gold: var(--kolbeh-purple); --ex-gutter: clamp(1rem, 2.5vw, 1.5rem); --ex-navy: var(--kolbeh-purple-dark); --ex-surface: var(--kolbeh-white); --ex-border: rgba(124, 58, 237, 0.16); --ex-muted: var(--kolbeh-text-muted); --ex-radius: 22px; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero { padding: clamp(1.25rem, 3vw, 2rem) 0 clamp(1.1rem, 2.5vw, 1.65rem); background: radial-gradient(ellipse 70% 90% at 100% 0%, rgba(251, 191, 36, 0.16) 0%, transparent 55%), radial-gradient(ellipse 55% 75% at 0% 100%, rgba(124, 58, 237, 0.12) 0%, transparent 50%), linear-gradient(135deg, #faf8ff 0%, #fff 58%, #f8f5ff 100%); border-bottom: 1px solid rgba(124, 58, 237, 0.12); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__glow { background: radial-gradient(circle, rgba(124, 58, 237, 0.08), transparent 65%); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__inner { max-width: 72rem; margin-inline: auto; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__crumb { color: var(--kolbeh-text-muted); font-size: 0.84rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__crumb a { color: var(--kolbeh-text-muted); text-decoration: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__crumb a:hover { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__badge { border: 1px solid rgba(124, 58, 237, 0.2); background: rgba(255, 255, 255, 0.75); color: var(--kolbeh-purple-dark); font-size: 0.72rem; font-weight: 700; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__title { color: var(--kolbeh-purple-dark); font-weight: 800; font-size: clamp(1.65rem, 3.5vw, 2.25rem); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__subtitle { color: var(--kolbeh-text-muted); font-size: 0.94rem; line-height: 1.75; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__clear-tag { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__clear-tag:hover { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__stat { background: var(--kolbeh-white); border: 1px solid rgba(124, 58, 237, 0.14); color: var(--kolbeh-purple-dark); box-shadow: 0 2px 8px rgba(124, 58, 237, 0.06); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-hero__stat i { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-body { color: var(--kolbeh-text); max-width: 72rem; margin-inline: auto; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-grid { gap: clamp(0.45rem, 1vw, 0.75rem); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__trigger, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__link { border-radius: 18px; box-shadow: var(--kolbeh-shadow-card); border: 1px solid rgba(124, 58, 237, 0.1); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__trigger:hover, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__link:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(124, 58, 237, 0.14), 0 0 0 1px rgba(124, 58, 237, 0.12); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__trigger:focus-visible, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__link:focus-visible { outline-color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__media { background: var(--kolbeh-purple-light); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__thumb-fallback { background: linear-gradient(145deg, #ede9fe 0%, #f5f0ff 100%); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__footer { background: var(--kolbeh-white); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__caption { color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__stats { color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__stats i { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__featured { background: rgba(251, 191, 36, 0.92); color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-card__play { background: rgba(124, 58, 237, 0.88); border-color: rgba(255, 255, 255, 0.35); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-shell { max-width: 40rem; margin-inline: auto; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty { position: relative; overflow: hidden; text-align: center; padding: clamp(2.25rem, 5vw, 3.25rem) clamp(1.25rem, 4vw, 2rem); border-radius: 24px; border: 1px solid rgba(124, 58, 237, 0.14); background: radial-gradient(ellipse 80% 70% at 50% 0%, rgba(124, 58, 237, 0.08) 0%, transparent 60%), linear-gradient(180deg, #fff 0%, #faf8ff 100%); box-shadow: var(--kolbeh-shadow-card); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty::before, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty::before { width: 6rem; height: 6rem; top: -2rem; inset-inline-end: -1.5rem; background: rgba(251, 191, 36, 0.12); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty::after { width: 4rem; height: 4rem; bottom: -1.25rem; inset-inline-start: 10%; background: rgba(124, 58, 237, 0.08); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__icon-wrap { position: relative; width: 5rem; height: 5rem; margin: 0 auto 1.15rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__icon-ring { position: absolute; inset: 0; border-radius: 50%; border: 1px dashed rgba(124, 58, 237, 0.22); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__icon-ring--2 { inset: -0.55rem; border-color: rgba(251, 191, 36, 0.35); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__icon { position: relative; z-index: 1; width: 5rem; height: 5rem; margin: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--kolbeh-purple-light) 0%, #fff 100%); border: 1px solid rgba(124, 58, 237, 0.18); color: var(--kolbeh-purple); font-size: 1.85rem; box-shadow: 0 8px 24px rgba(124, 58, 237, 0.12); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__title { position: relative; z-index: 1; margin: 0 0 0.5rem; font-size: 1.2rem; font-weight: 800; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__text { position: relative; z-index: 1; max-width: 26rem; margin: 0 auto 1.35rem; font-size: 0.92rem; line-height: 1.75; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.65rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__btn { min-height: 44px; padding-inline: 1.35rem; font-weight: 700; text-decoration: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-load-more { background: var(--kolbeh-white); color: var(--kolbeh-purple-dark); border: 1px solid rgba(124, 58, 237, 0.2); box-shadow: var(--kolbeh-shadow-card); font-weight: 700; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-load-more:hover { background: var(--kolbeh-purple-light); border-color: var(--kolbeh-purple); color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail #main-content { background: var(--kolbeh-page-bg); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail { --ex-gold: var(--kolbeh-purple); --ex-detail-page-bg: var(--kolbeh-page-bg); --ex-detail-topbar-bg: rgba(255, 255, 255, 0.98); --ex-detail-topbar-border: rgba(124, 58, 237, 0.12); --ex-detail-surface: linear-gradient(180deg, #ffffff 0%, #faf8ff 100%); --ex-detail-media-bg: linear-gradient(180deg, #f5f0ff 0%, #ede9fe 100%); --ex-detail-text: var(--kolbeh-text); --ex-muted: var(--kolbeh-text-muted); --ex-detail-border: rgba(124, 58, 237, 0.14); --ex-detail-border-soft: rgba(124, 58, 237, 0.1); --ex-detail-control-bg: var(--kolbeh-white); --ex-detail-control-border: rgba(124, 58, 237, 0.18); --ex-detail-control-text: var(--kolbeh-text); --ex-detail-action-bg: var(--kolbeh-white); --ex-detail-composer-bg: var(--kolbeh-white); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__title, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__author-name { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__back:hover, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__share:hover { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__avatar { background: var(--kolbeh-purple-light); border-color: rgba(124, 58, 237, 0.25); color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__featured-badge { background: rgba(251, 191, 36, 0.2); border-color: rgba(245, 158, 11, 0.35); color: #b45309; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__tag:hover, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__tag:focus { background: var(--kolbeh-purple-light); border-color: rgba(124, 58, 237, 0.3); color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__action-btn.is-liked, html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__action-btn:hover { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__cta { background: var(--kolbeh-yellow); border-color: var(--kolbeh-yellow); color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore-detail .explore-detail__cta:hover { background: var(--kolbeh-yellow-hover); border-color: var(--kolbeh-yellow-hover); color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet { --ex-cs-gold: var(--kolbeh-purple); --ex-cs-panel-bg: #ffffff; --ex-cs-panel-border: rgba(124, 58, 237, 0.16); --ex-cs-text: var(--kolbeh-text); --ex-cs-muted: var(--kolbeh-text-muted); --ex-cs-border: rgba(124, 58, 237, 0.12); --ex-cs-border-soft: rgba(124, 58, 237, 0.08); --ex-cs-control-bg: #faf8ff; --ex-cs-control-border: rgba(124, 58, 237, 0.18); --ex-cs-control-text: var(--kolbeh-text); --ex-cs-bubble-bg: #f5f0ff; --ex-cs-bubble-border: rgba(124, 58, 237, 0.12); --ex-cs-author: var(--kolbeh-purple-dark); --ex-cs-backdrop: rgba(31, 41, 55, 0.42); --ex-cs-head-bg: linear-gradient(180deg, #faf8ff 0%, #ffffff 100%); --ex-cs-empty-icon-bg: var(--kolbeh-purple-light); --ex-cs-empty-icon-border: rgba(124, 58, 237, 0.22); --ex-cs-handle: rgba(124, 58, 237, 0.22); --ex-cs-close-hover: var(--kolbeh-purple-light); --ex-cs-info-bg: rgba(237, 233, 254, 0.85); --ex-cs-info-border: rgba(124, 58, 237, 0.22); --ex-cs-info-text: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__panel { box-shadow: 0 -12px 40px rgba(124, 58, 237, 0.12); } @media (min-width: 992px) { html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__panel { box-shadow: -8px -12px 36px rgba(124, 58, 237, 0.12); } html[data-kolbeh-theme="1"][dir="rtl"] body.kolbeh-body .explore-comments-sheet__panel { box-shadow: 8px -12px 36px rgba(124, 58, 237, 0.12); } } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__head-icon { background: var(--kolbeh-purple-light); border-color: rgba(124, 58, 237, 0.22); color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__title { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__count { background: rgba(251, 191, 36, 0.2); border-color: rgba(245, 158, 11, 0.32); color: #b45309; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__close { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__close:hover { border-color: var(--kolbeh-purple); color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__answers-head { border-bottom-color: var(--kolbeh-purple); color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__answers-head span { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__list { scrollbar-color: rgba(124, 58, 237, 0.28) transparent; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__list::-webkit-scrollbar-thumb { background: rgba(124, 58, 237, 0.25); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__list::-webkit-scrollbar-thumb:hover { background: rgba(124, 58, 237, 0.42); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__empty-icon { color: var(--kolbeh-purple); border-style: solid; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__empty-text { color: var(--kolbeh-text); font-weight: 600; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__info-box { border-radius: 14px; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__info-title { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__info-list { color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__input-wrap { border-radius: 16px; background: var(--kolbeh-white); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__input-wrap:focus-within { border-color: var(--kolbeh-purple); box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__form textarea { color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__form textarea::placeholder { color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__send { background: var(--kolbeh-yellow); color: var(--kolbeh-text); font-weight: 700; min-height: 2.75rem; padding-inline: 1.15rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__send:hover { background: var(--kolbeh-yellow-hover); filter: none; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__send-label { display: inline; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__cancel-reply { border-radius: var(--kolbeh-radius-pill); color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__cancel-reply:hover { background: var(--kolbeh-purple-light); border-color: var(--kolbeh-purple); color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__login-hint a { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__success { background: rgba(237, 233, 254, 0.75); border-color: rgba(124, 58, 237, 0.22); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__success-icon { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__success-title { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card__avatar { background: var(--kolbeh-purple-light); color: var(--kolbeh-purple); border: 1px solid rgba(124, 58, 237, 0.16); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card--staff { border-inline-end-color: var(--kolbeh-purple); background: linear-gradient(90deg, rgba(237, 233, 254, 0.55) 0%, transparent 100%); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card--staff .explore-comment-card__avatar { background: var(--kolbeh-white); border-color: rgba(124, 58, 237, 0.2); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card--reply { border-inline-start-color: rgba(124, 58, 237, 0.28); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card__role { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card__body { color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card__reply-btn { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comment-card__toggle-replies:hover { color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__detail-back, html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__detail-reply-btn, html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__reply-btn { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__detail-card { background: #faf8ff; border: 1px solid rgba(124, 58, 237, 0.12); border-radius: 14px; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__detail-reply-btn { background: var(--kolbeh-yellow); color: var(--kolbeh-text); border: 0; border-radius: var(--kolbeh-radius-pill); font-weight: 700; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__reply-context { color: var(--kolbeh-purple-dark); background: var(--kolbeh-purple-light); border-radius: 10px; padding: 0.45rem 0.65rem; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-comments-sheet__detail-reply-item { background: #faf8ff; border-radius: 12px; } html[data-kolbeh-theme="1"] body.kolbeh-body .explore-detail__icon-btn--comments.is-active { color: var(--kolbeh-purple); border-color: var(--kolbeh-purple); background: var(--kolbeh-purple-light); } @media (max-width: 767.98px) { html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__actions { flex-direction: column; align-items: stretch; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-explore:not(.page-explore-detail) .explore-empty__btn { width: 100%; justify-content: center; } }