html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: #252525;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #c9a86c;--accent-light: #e5d4b3;--border: #333333;--success: #4ade80}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.logo-icon{font-size:2.5rem}.logo h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:1.1rem}.main{display:flex;flex-direction:column;gap:2rem}.player-section{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid var(--border)}.player-container{width:100%}.video-player{width:100%;max-height:500px;background:#000;display:block}.player-info{padding:1.5rem}.player-info h2{font-size:1.5rem;margin-bottom:.75rem}.player-meta{display:flex;gap:1rem;color:var(--text-secondary);align-items:center}.player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-secondary)}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.gallery-section{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:1px solid var(--border)}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.gallery-header h2{font-size:1.25rem}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.filter-tab{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.filter-tab:hover{border-color:var(--accent);color:var(--text-primary)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.video-card{background:var(--bg-card);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent}.video-card:hover{transform:translateY(-2px);border-color:var(--accent)}.video-card.selected{border-color:var(--accent);box-shadow:0 0 20px #c9a86c33}.video-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:flex;align-items:center;justify-content:center}.play-icon{font-size:2rem;color:var(--accent);opacity:.8;transition:all .2s}.video-card:hover .play-icon{opacity:1;transform:scale(1.1)}.video-info{padding:1rem}.video-info h3{font-size:.95rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;justify-content:space-between;align-items:center}.badge{background:var(--accent);color:var(--bg-primary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge.small{font-size:.7rem;padding:.2rem .5rem}.size{color:var(--text-secondary);font-size:.85rem}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;text-align:center;border:1px solid var(--border)}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.footer{text-align:center;padding:2rem 0;margin-top:2rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.app{padding:1rem}.logo h1{font-size:1.75rem}.gallery-header{flex-direction:column;align-items:flex-start}.video-grid{grid-template-columns:1fr}}