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