:root{--bg-primary: #f5f3ef;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #f0ede7;--text-primary: #1a1814;--text-secondary: #6b6560;--text-muted: #99938c;--accent: #c8960c;--accent-hover: #b0850a;--accent-soft: rgba(200, 150, 12, .1);--border: #e5e0d8;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--radius: 8px;--radius-lg: 12px;--sidebar-width: 240px;--topbar-height: 56px}html[data-theme=dark]{--bg-primary: #0f0d0b;--bg-secondary: #1a1714;--bg-card: #1e1b18;--bg-hover: #282420;--text-primary: #e8e4dd;--text-secondary: #a0988c;--text-muted: #6b6560;--accent: #d4a820;--accent-hover: #e6ba30;--accent-soft: rgba(212, 168, 32, .12);--border: #2a2620;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding:16px 0}@media (max-width: 600px){.video-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.page-container{padding:24px;max-width:1440px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.page-header p{color:var(--text-secondary);margin-top:4px}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.library-scroll,.video-scroll{scrollbar-color:var(--text-muted) transparent}.library-scroll::-webkit-scrollbar,.video-scroll::-webkit-scrollbar{height:6px}.library-scroll::-webkit-scrollbar-track,.video-scroll::-webkit-scrollbar-track{background:transparent}.library-scroll::-webkit-scrollbar-thumb,.video-scroll::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.library-scroll::-webkit-scrollbar-thumb:hover,.video-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--bg-hover) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}