:root{--bg-color: #f8fafc;--text-color: #111;--card-bg: #fff;--border-color: #e5e7eb;--sidebar-bg: #fff;--hover-bg: #f1f5f9}body.dark-mode{--bg-color: #0f1115;--text-color: #f1f5f9;--card-bg: #1e293b;--border-color: #334155;--sidebar-bg: #0f1115;--hover-bg: #1e293b}body{background:var(--bg-color);color:var(--text-color);margin:0;font-family:system-ui,-apple-system,sans-serif;transition:background .3s,color .3s;display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-navbar[data-astro-cid-j7pv25f6]{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);z-index:30}.nav-left[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:15px;width:220px}.mobile-menu-btn[data-astro-cid-j7pv25f6]{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:0}.logo[data-astro-cid-j7pv25f6]{font-size:1.2rem;font-weight:700;text-decoration:none;color:inherit;display:flex;align-items:center;gap:8px}.logo-icon[data-astro-cid-j7pv25f6]{color:#ef4444;font-size:1.5rem}.search-container[data-astro-cid-j7pv25f6]{flex:1;display:flex;justify-content:center;padding:0 20px}.search-input[data-astro-cid-j7pv25f6]{width:100%;max-width:600px;padding:10px 20px;border-radius:40px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:1rem;outline:none;transition:border-color .2s}.search-input[data-astro-cid-j7pv25f6]:focus{border-color:#3b82f6}.theme-toggle-btn[data-astro-cid-j7pv25f6]{background:var(--hover-bg);color:var(--text-color);border:1px solid var(--border-color);padding:8px 15px;border-radius:20px;cursor:pointer;font-weight:500;font-size:.9rem;position:relative;z-index:100;white-space:nowrap}.main-layout[data-astro-cid-j7pv25f6]{display:flex;flex:1;overflow:hidden;position:relative}.sidebar[data-astro-cid-j7pv25f6]{width:220px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border-color);padding:15px 10px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;z-index:20;transition:left .3s ease}.nav-item[data-astro-cid-j7pv25f6]{padding:10px 15px;text-decoration:none;color:var(--text-color);border-radius:8px;font-weight:500;display:flex;align-items:center;gap:12px}.nav-item[data-astro-cid-j7pv25f6]:hover,.nav-item[data-astro-cid-j7pv25f6].active{background:var(--hover-bg)}.content-area[data-astro-cid-j7pv25f6]{flex:1;overflow-y:auto;background:var(--bg-color);position:relative;display:flex;flex-direction:column}.tag-bar-container[data-astro-cid-j7pv25f6]{position:sticky;top:0;background:var(--bg-color);z-index:25;padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-height:65px;box-sizing:border-box;margin-bottom:20px}.tag-bar-container[data-astro-cid-j7pv25f6]::-webkit-scrollbar{display:none}.filter-tag[data-astro-cid-j7pv25f6]{background:var(--hover-bg);color:var(--text-color);border:1px solid transparent;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s;line-height:1.5;display:inline-block}.filter-tag[data-astro-cid-j7pv25f6]:hover{background:#e5e7eb}.filter-tag[data-astro-cid-j7pv25f6].active{background:#111;color:#fff}body.dark-mode .filter-tag[data-astro-cid-j7pv25f6]:hover{background:#334155}body.dark-mode .filter-tag[data-astro-cid-j7pv25f6].active{background:#f1f5f9;color:#111}.content-wrapper[data-astro-cid-j7pv25f6]{padding:20px;max-width:1600px;margin:0 auto;flex:1;width:100%;box-sizing:border-box}.video-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.watch-card[data-astro-cid-j7pv25f6]{text-decoration:none;color:inherit;display:block;transition:transform .2s}.watch-card[data-astro-cid-j7pv25f6]:hover{transform:translateY(-3px)}.watch-card-thumb[data-astro-cid-j7pv25f6]{aspect-ratio:16/9;background-color:#000;background-size:cover;background-position:center;border-radius:12px;position:relative;margin-bottom:10px;overflow:hidden}.duration-badge[data-astro-cid-j7pv25f6]{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.5px}.tma-grid-title[data-astro-cid-j7pv25f6]{margin:0 0 5px;font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-card[data-astro-cid-j7pv25f6]:hover .tma-grid-title[data-astro-cid-j7pv25f6]{color:#3b82f6}.tma-grid-meta[data-astro-cid-j7pv25f6]{font-size:13px;color:#6b7280;margin:0}body.dark-mode .tma-grid-meta[data-astro-cid-j7pv25f6]{color:#9ca3af}.shorts-shelf[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-bottom:40px}.short-card-thumb[data-astro-cid-j7pv25f6]{aspect-ratio:9/16;background-size:cover;background-position:center;border-radius:12px;position:relative;overflow:hidden}.site-footer[data-astro-cid-j7pv25f6]{padding:20px;text-align:center;border-top:1px solid var(--border-color);font-size:14px;color:#6b7280;margin-top:auto}body.dark-mode .site-footer[data-astro-cid-j7pv25f6]{color:#9ca3af}@media(max-width:768px){.mobile-menu-btn[data-astro-cid-j7pv25f6]{display:block}.sidebar[data-astro-cid-j7pv25f6]{position:fixed;top:60px;left:0;height:calc(100vh - 60px);transform:translate(-100%);box-shadow:2px 0 15px #0003;z-index:100}.sidebar[data-astro-cid-j7pv25f6].open{transform:translate(0)}.nav-left[data-astro-cid-j7pv25f6]{width:auto}.search-container[data-astro-cid-j7pv25f6]{padding:0 10px}.content-wrapper[data-astro-cid-j7pv25f6]{padding:15px}.video-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:20px}.shorts-shelf[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr);gap:10px}.watch-card-thumb[data-astro-cid-j7pv25f6]{border-radius:8px}}