.video-page.svelte-1p26ouj{--bg-page:#f8fafc;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--accent:#3b82f6;--border-color:#00000014;--shadow:0 4px 20px #00000014;background:var(--bg-page);min-height:100vh;color:var(--text-primary);padding:40px 0 80px}@media (prefers-color-scheme:dark){.video-page.svelte-1p26ouj{--bg-page:#0f172a;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#ffffff14;--shadow:0 4px 20px #0000004d}}.container.svelte-1p26ouj{max-width:1400px;margin:0 auto;padding:0 20px}.content-wrapper.svelte-1p26ouj{grid-template-columns:1fr 360px;gap:40px;display:grid}.main-content.svelte-1p26ouj{min-width:0}.player-wrapper.svelte-1p26ouj{box-shadow:var(--shadow);background:#000;border-radius:12px;overflow:hidden}.video-info.svelte-1p26ouj{padding:24px 0}.video-info.svelte-1p26ouj h1:where(.svelte-1p26ouj){margin:0 0 12px;font-size:1.5rem;font-weight:700;line-height:1.4}.meta.svelte-1p26ouj{align-items:center;gap:12px;margin-bottom:16px;display:flex}.category-link.svelte-1p26ouj{background:var(--accent);color:#fff;border-radius:6px;padding:4px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s}.category-link.svelte-1p26ouj:hover{opacity:.9}.date.svelte-1p26ouj{color:var(--text-secondary)}.description.svelte-1p26ouj{border-top:1px solid var(--border-color);padding-top:16px}.description.svelte-1p26ouj p:where(.svelte-1p26ouj){color:var(--text-secondary);white-space:pre-wrap;margin:0;line-height:1.7}.back-link.svelte-1p26ouj{color:var(--accent);margin-top:24px;font-weight:500;text-decoration:none;display:inline-block}.back-link.svelte-1p26ouj:hover{text-decoration:underline}.sidebar.svelte-1p26ouj{align-self:start;position:sticky;top:20px}.sidebar.svelte-1p26ouj h2:where(.svelte-1p26ouj){margin:0 0 16px;font-size:1.25rem;font-weight:700}.related-list.svelte-1p26ouj{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.content-wrapper.svelte-1p26ouj{grid-template-columns:1fr}.sidebar.svelte-1p26ouj{position:static}.related-list.svelte-1p26ouj{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}}@media (width<=768px){.video-page.svelte-1p26ouj{padding:24px 0 60px}.video-info.svelte-1p26ouj h1:where(.svelte-1p26ouj){font-size:1.25rem}}