.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-form{background:var(--bg-elevated);border:1px solid var(--border);padding:2rem;border-radius:var(--radius);width:100%;max-width:360px;display:flex;flex-direction:column;gap:.75rem}.auth-form h1{font-size:1.25rem;margin:0 0 .5rem;color:var(--text)}.auth-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--text-muted)}.auth-form input{padding:.55rem;font-size:1rem}.auth-form button{padding:.6rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer}.auth-form button:hover{background:var(--accent-hover)}.auth-form button:disabled{opacity:.5;cursor:default}.auth-form p{color:var(--text-muted);margin:0}.auth-link{text-align:center;color:var(--accent);text-decoration:none;font-size:.9rem}.auth-error{color:var(--danger);font-size:.9rem;margin:0}:root{--bg: #0f1115;--bg-elevated: #171a21;--bg-elevated-2: #1f232c;--border: #2a2f3a;--text: #e6e8eb;--text-muted: #9aa1ac;--accent: #5b7cfa;--accent-hover: #7691ff;--danger: #f87171;--danger-bg: #3a1d1d;--success: #4ade80;--success-bg: #163224;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:.95rem;padding:.55rem .75rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px}input[type=range]{padding:0;border:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--border);border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);cursor:pointer}input[type=range]::-moz-range-track{height:4px;background:var(--border);border-radius:999px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}input[type=checkbox]{padding:0;width:auto}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.btn{padding:.55rem 1rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:.95rem;cursor:pointer}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--bg-elevated-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.error-text{color:var(--danger);font-size:.9rem;margin:0}.muted{color:var(--text-muted)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;background:var(--bg-elevated-2);border:1px solid var(--border);color:var(--text-muted)}.badge-online{background:var(--success-bg);color:var(--success);border-color:var(--success)}.player-wrapper:fullscreen{max-height:100vh!important;aspect-ratio:auto!important;width:100vw!important;height:100vh!important;display:flex;align-items:center;justify-content:center;background:#000}.player-wrapper:fullscreen video{max-height:100%!important;width:auto!important}