:root{--color-bg: #0e0e10;--color-surface: #18181b;--color-surface-hover: #1f1f23;--color-primary: #9146ff;--color-primary-hover: #772ce8;--color-text: #efeff1;--color-text-muted: #adadb8;--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.glass-panel{background:#18181b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .2s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.title-gradient{background:linear-gradient(135deg,#fff,#adadb8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.nav-links{display:flex;gap:2rem}@media (max-width: 768px){.navbar{flex-direction:column;padding:1rem!important;height:auto}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}}.nav-link{color:var(--color-text-muted);font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.05em}.dashboard-grid{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}.stream-container{width:100%;height:auto;max-height:70vh;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000}.chat-container{width:100%;height:70vh;max-height:70vh;border-radius:12px;overflow:hidden;background:var(--color-surface)}.hype-section{grid-column:1 / -1;display:flex;justify-content:center;padding:1rem}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.stream-container{max-height:60vh}.chat-container{height:60vh;max-height:60vh}}@media (max-width: 768px){.stream-container{max-height:50vh}.chat-container{height:50vh;max-height:50vh}}