:root{--miniapp-theme-canvas: #f2f3f7;--miniapp-theme-surface: #ffffff;--miniapp-theme-text: #14171f;--miniapp-theme-text-muted: #5f6675;--miniapp-theme-accent: #1a7cff;--miniapp-safe-top: env(safe-area-inset-top, 0px);--miniapp-safe-right: env(safe-area-inset-right, 0px);--miniapp-safe-bottom: env(safe-area-inset-bottom, 0px);--miniapp-safe-left: env(safe-area-inset-left, 0px);color:var(--miniapp-theme-text);background:var(--miniapp-theme-canvas);font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgb(26 124 255 / .14),transparent 32%),linear-gradient(180deg,#f8f9fc 0%,var(--miniapp-theme-canvas) 100%);color:var(--miniapp-theme-text)}button,input,select,textarea{font:inherit}a{color:inherit}.miniapp-shell{min-height:100dvh;max-width:1320px;margin:0 auto;padding:calc(var(--miniapp-safe-top) + 16px) calc(var(--miniapp-safe-right) + 16px) calc(var(--miniapp-safe-bottom) + 28px) calc(var(--miniapp-safe-left) + 16px);display:grid;gap:18px}.miniapp-shell__header{display:flex;justify-content:space-between;align-items:start;gap:16px}.miniapp-shell__header h1{margin:4px 0 0;font-size:clamp(1.65rem,3vw,2.5rem)}.miniapp-shell__subtitle{margin:8px 0 0;max-width:64ch;color:var(--miniapp-theme-text-muted);line-height:1.5}.miniapp-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--miniapp-theme-text-muted)}.miniapp-home-link,.miniapp-button,.miniapp-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgb(26 124 255 / .15);background:#1a7cff1f;color:#0d3f88;font-weight:700;text-decoration:none;cursor:pointer}.miniapp-button:disabled{cursor:not-allowed;opacity:.7}.miniapp-button--ghost,.miniapp-link-button{background:transparent}.miniapp-link-button{min-height:36px;padding:0 12px}.miniapp-dev-banner,.miniapp-open-banner,.miniapp-status,.miniapp-card,.miniapp-detail-card,.miniapp-catalog-toolbar{border-radius:24px;background:color-mix(in srgb,var(--miniapp-theme-surface) 88%,white 12%);border:1px solid rgb(20 23 31 / .08);box-shadow:0 18px 48px #1a203117}.miniapp-dev-banner,.miniapp-open-banner{padding:14px 16px;color:var(--miniapp-theme-text-muted)}.miniapp-shell__content{min-width:0;display:grid;gap:16px}.miniapp-catalog-toolbar{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}.miniapp-search-field,.miniapp-select-field{display:grid;gap:8px}.miniapp-search-field__control{display:flex;gap:10px;align-items:center}.miniapp-search-field input,.miniapp-select-field select{width:100%;min-height:48px;padding:0 16px;border-radius:18px;border:1px solid rgb(20 23 31 / .1);background:#ffffffe6;color:var(--miniapp-theme-text)}.miniapp-filter-row{display:flex;flex-wrap:wrap;gap:10px}.miniapp-filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgb(20 23 31 / .08);background:#ffffffc7;color:var(--miniapp-theme-text);cursor:pointer}.miniapp-filter-chip span{color:var(--miniapp-theme-text-muted)}.miniapp-filter-chip--active{border-color:#1a7cff33;background:#1a7cff1f;color:#0d3f88}.miniapp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,228px),1fr));gap:16px}.miniapp-card{overflow:hidden;display:grid}.miniapp-card--ad{border-color:#c784223d;background:linear-gradient(180deg,#fff8e7f0,#fffffff5)}.miniapp-card--skeleton .miniapp-card__body{gap:10px}.miniapp-card__poster,.miniapp-card__poster--placeholder{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:linear-gradient(145deg,#dfe6f2,#edf1f7)}.miniapp-card__poster--ad,.miniapp-card__poster--ad-placeholder{background:linear-gradient(145deg,#d2ab483d,#f3e4b380)}.miniapp-card__poster--placeholder,.miniapp-poster--placeholder{display:grid;place-items:center;color:var(--miniapp-theme-text-muted)}.miniapp-card__body,.miniapp-detail-card__body,.miniapp-status{padding:18px}.miniapp-card__body h2,.miniapp-status h2,.miniapp-detail-card__hero-copy h1{margin:0 0 8px}.miniapp-card__eyebrow,.miniapp-subtitle{margin:0 0 8px;color:var(--miniapp-theme-text-muted)}.miniapp-card__eyebrow--ad{color:#8a5600}.miniapp-card__eyebrow-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.miniapp-card__summary,.miniapp-overview{margin:0;line-height:1.55}.miniapp-card__summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.miniapp-card__date{margin:12px 0 0;color:var(--miniapp-theme-text-muted);font-size:.9rem}.miniapp-card__actions,.miniapp-status__stack,.miniapp-wait-intent{display:flex;flex-wrap:wrap;gap:10px}.miniapp-card__actions,.miniapp-wait-intent{margin-top:16px}.miniapp-detail-card{overflow:hidden}.miniapp-detail-card__hero-surface{min-height:320px;display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:0;background:linear-gradient(180deg,#0f121914,#0f12192e),linear-gradient(145deg,#dfe6f2,#edf1f7);background-size:cover;background-position:center}.miniapp-detail-card__poster-wrap{padding:24px}.miniapp-poster{width:100%;height:100%;min-height:320px;border-radius:22px;object-fit:cover;background:linear-gradient(145deg,#dfe6f2,#edf1f7)}.miniapp-detail-card__hero-copy{display:grid;align-content:end;gap:12px;padding:28px;color:#fff}.miniapp-detail-card__hero-copy .miniapp-subtitle{color:#ffffffc7}.miniapp-detail-card__meta{display:flex;flex-wrap:wrap;gap:8px}.miniapp-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#0d3f881f;color:#0d3f88;font-size:.85rem;font-weight:700}.miniapp-detail-card__hero-copy .miniapp-chip{background:#ffffff29;color:#fff}.miniapp-chip--muted{background:#14171f14;color:var(--miniapp-theme-text-muted)}.miniapp-inline-note{margin:0;color:var(--miniapp-theme-text-muted);line-height:1.5}.miniapp-inline-note--spacious{margin-top:16px}.miniapp-inline-note--danger{color:#a73434}.miniapp-catalog-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.miniapp-catalog-summary h2{margin:0 0 6px}.miniapp-catalog-summary p{margin:0;color:var(--miniapp-theme-text-muted)}.miniapp-detail-card__playback-note{display:grid;gap:6px;padding:14px 16px;border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid rgb(255 255 255 / .16)}.miniapp-detail-card__playback-note strong,.miniapp-detail-card__playback-note p{margin:0}.miniapp-detail-card__playback-note--warning{background:#ffd56624;border-color:#ffd56642}.miniapp-detail-card__playback-note--danger{background:#cc4c4c29;border-color:#ffafaf4d}.miniapp-metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0}.miniapp-metadata-grid div{padding:14px;border-radius:18px;background:#14171f0a}.miniapp-metadata-grid dt{margin-bottom:4px;color:var(--miniapp-theme-text-muted);font-size:.8rem}.miniapp-metadata-grid dd{margin:0;font-weight:600}.miniapp-skeleton{border-radius:999px;background:linear-gradient(90deg,#14171f14,#14171f26,#14171f14);background-size:200% 100%;animation:miniapp-skeleton 1.6s linear infinite}.miniapp-skeleton--short{width:90px;height:12px}.miniapp-skeleton--title{width:80%;height:18px}.miniapp-skeleton--line{width:100%;height:12px}.miniapp-status--warning{border-color:#ca982952}.miniapp-status--danger{border-color:#cc4c4c52}@keyframes miniapp-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:980px){.miniapp-detail-card__hero-surface{grid-template-columns:1fr}.miniapp-detail-card__poster-wrap{padding-bottom:0}.miniapp-poster{min-height:260px}}@media(max-width:760px){.miniapp-catalog-toolbar,.miniapp-catalog-summary{grid-template-columns:1fr}}@media(max-width:560px){.miniapp-shell{padding:calc(var(--miniapp-safe-top) + 12px) calc(var(--miniapp-safe-right) + 12px) calc(var(--miniapp-safe-bottom) + 20px) calc(var(--miniapp-safe-left) + 12px)}.miniapp-shell__header,.miniapp-search-field__control{flex-direction:column}.miniapp-search-field__control>*{width:100%}.miniapp-card__actions>*,.miniapp-status__stack>*,.miniapp-wait-intent>*{width:100%}.miniapp-detail-card__hero-copy,.miniapp-detail-card__body,.miniapp-status,.miniapp-catalog-toolbar,.miniapp-dev-banner,.miniapp-open-banner{padding:16px}}
