*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0c10;--bg2: #111318;--bg3: #181a20;--border: rgba(255,255,255,.07);--text: #e8eaf0;--muted: #7a7e8a;--accent: #4ade80;--live: #ef4444;--warn: #fbbf24;--card-radius: 10px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Barlow,sans-serif;font-size:15px;min-height:100vh}nav{position:sticky;top:0;z-index:100;background:#0b0c10f2;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);height:52px;display:flex;align-items:center;padding:0 24px;gap:20px}.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo img{height:36px;width:auto;filter:invert(1);object-fit:contain}.search{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:0 14px;height:34px;min-width:200px}.search input{background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:13px;width:100%}.search input::placeholder{color:var(--muted)}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500;padding:6px 10px;border-radius:6px;transition:color .15s,background .15s;white-space:nowrap}.nav-links a:hover{color:var(--text);background:var(--bg3)}.nav-links a.active{color:var(--text);background:var(--bg3);font-weight:600}.nav-links a.vip{color:#fbbf24}.nav-right{margin-left:auto;display:flex;gap:8px;align-items:center}.btn-nav{padding:6px 14px;border-radius:7px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn-login{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-register{background:var(--accent);color:#0b0c10}.btn-ghost{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-green{background:var(--accent);color:#0b0c10}.btn-blue{background:#3b82f6;color:#fff}.btn-red{background:#ef4444;color:#fff}.btn-nav:hover{opacity:.85}#toast{position:fixed;bottom:24px;right:24px;z-index:400;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 18px;font-size:13px;font-weight:500;transform:translateY(80px);opacity:0;transition:all .3s ease}#toast.show{transform:translateY(0);opacity:1}#toast.success{border-color:#4ade8066;color:var(--accent)}#toast.error{border-color:#ef444466;color:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 14px}body.stream-page nav{position:relative;top:auto;flex-shrink:0}.lang-selector{position:relative;flex-shrink:0}.lang-trigger{display:flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 12px;color:var(--text);font-family:Barlow,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.lang-trigger:hover{background:#ffffff1a;border-color:#fff3}.lang-chevron{font-size:8px;color:var(--muted);transition:transform .2s;margin-left:2px}.lang-selector.open .lang-chevron{transform:rotate(180deg)}.lang-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#0b0c10fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;min-width:120px;z-index:500;box-shadow:0 12px 32px #0009}.lang-selector.open .lang-dropdown{display:block}.lang-option{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--muted);transition:background .15s,color .15s;border:none;background:none;width:100%;font-family:Barlow,sans-serif;text-align:left}.lang-option+.lang-option{border-top:1px solid rgba(255,255,255,.06)}.lang-option:hover{background:#ffffff0f;color:var(--text)}.lang-option.active{color:var(--accent)}.lang-option-code{font-size:11px;font-weight:800;letter-spacing:1px;min-width:22px}@media (max-width: 768px){.nav-links{display:none}nav{gap:8px;padding:0 12px;height:56px}.btn-login,.btn-register{display:none}}