:root{--bg:#0f1218;--bg-raised:#171c26;--bg-hover:#1e2534;--border:#2a3245;--text:#e8ecf4;--text-dim:#9aa4b8;--accent:#4f8cff;--accent-hover:#6d9fff;--danger:#e5484d;--ok:#46a758;--warn:#f5a623;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:15px;line-height:1.5}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1{margin:0 0 .75rem;font-size:1.5rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg-raised);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1.5rem;padding:.65rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:.02em;font-size:1.05rem;font-weight:700}.brand:hover{color:var(--accent)}.topnav{gap:1rem;display:flex}.topnav a{color:var(--text-dim);border-radius:6px;padding:.25rem .4rem}.topnav a:hover{color:var(--text)}.topnav a.active{color:var(--text);background:var(--bg-hover)}.topbar-right{align-items:center;gap:.75rem;margin-left:auto;display:flex}.user-chip{color:var(--text-dim)}.user-chip em{color:var(--warn);font-size:.85em;font-style:normal}.content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.page-loading{text-align:center;color:var(--text-dim);padding:3rem}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-head h1{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.page-narrow{max-width:560px}.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-hover);color:var(--text);cursor:pointer;padding:.5rem 1rem;font-size:.95rem;transition:background .15s,border-color .15s;display:inline-block}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:#e5484d1f}.btn-ghost{background:0 0}.btn-small{border-radius:6px;padding:.25rem .6rem;font-size:.85rem}form label{color:var(--text-dim);margin-bottom:1rem;font-size:.9rem;display:block}form label small{color:var(--text-dim);opacity:.8}input[type=email],input[type=password],input[type=text],select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);margin-top:.35rem;padding:.55rem .75rem;font-size:.95rem;display:block}input[type=file]{color:var(--text-dim);margin-top:.35rem;display:block}input:focus,select:focus{border-color:var(--accent);outline:none}select{width:auto}.radio-group{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:.75rem 1rem}.radio-group legend{color:var(--text-dim);padding:0 .4rem;font-size:.9rem}.radio{align-items:baseline;gap:.6rem;margin-bottom:.5rem;display:flex}.radio input{flex-shrink:0}.field-error{color:var(--danger);margin-top:.3rem;font-size:.85rem;display:block}.form-error{color:var(--danger);border-radius:var(--radius);background:#e5484d1a;border:1px solid #e5484d66;padding:.6rem .9rem}.auth-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;margin:3rem auto 0;padding:1.75rem}.auth-card .btn{width:100%;margin-top:.25rem}.auth-alt{color:var(--text-dim);text-align:center;margin-top:1.25rem}.tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.25rem;display:flex}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .9rem;font-size:.95rem}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color .15s,transform .15s;display:block;overflow:hidden}.card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#1c2740,#10141c);justify-content:center;align-items:center;display:flex}.card-thumb span{color:var(--accent);opacity:.85;font-size:2.25rem;font-weight:700}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:.7rem .85rem .85rem}.card-title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .4rem;font-size:.98rem;overflow:hidden}.card-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.card-date{color:var(--text-dim);margin-top:.35rem;font-size:.78rem}.badge{border:1px solid var(--border);color:var(--text-dim);text-transform:capitalize;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.badge-public{color:var(--ok);border-color:#46a75899}.badge-private{border-color:#9aa4b880}.badge-status-active{color:var(--ok);border-color:#46a75899}.badge-status-suspended,.badge-status-pending,.badge-status-transcoding{color:var(--warn);border-color:#f5a62399}.badge-status-failed,.badge-status-deleted,.badge-status-removed{color:var(--danger);border-color:#e5484d99}.empty-state{text-align:center;color:var(--text-dim);background:var(--bg-raised);border:1px dashed var(--border);border-radius:var(--radius);padding:3rem 1rem}.empty-state .btn{margin-top:.75rem}.player{border-radius:var(--radius);border:1px solid var(--border);background:#000;width:100%;max-height:70vh}.detail-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:.75rem;margin:.9rem 0;font-size:.9rem;display:flex}.detail-actions{gap:.75rem;margin-top:.5rem;display:flex}.admin-table{border-collapse:collapse;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .8rem;font-size:.9rem}.admin-table th{color:var(--text-dim);background:var(--bg-hover);font-weight:600}.admin-table tr:last-child td{border-bottom:none}.row-muted td{opacity:.6}.actions-cell{flex-wrap:wrap;gap:.4rem;display:flex}.party-layout{grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);align-items:start;gap:1.25rem;display:grid}@media (width<=900px){.party-layout{grid-template-columns:1fr}}.party-head-right{align-items:center;gap:.6rem;display:flex}.party-player-wrap{position:relative}.gesture-overlay{color:#fff;cursor:pointer;background:#080b12b8;border:0;border-radius:10px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:600;display:flex;position:absolute;inset:0}.party-last-action{color:var(--muted,#93a1b8);margin:.5rem 0 0;font-size:.85rem}.party-hint{color:var(--muted,#93a1b8);margin:.35rem 0 0;font-size:.8rem}.party-side{flex-direction:column;gap:1.1rem;display:flex}.party-side h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#93a1b8);margin:0 0 .5rem;font-size:.95rem}.party-participants ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.party-participants li{background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .55rem;display:flex}.party-chat{flex-direction:column;min-height:0;display:flex}.chat-messages{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:.3rem;max-height:280px;padding:.55rem;display:flex;overflow-y:auto}.chat-message{overflow-wrap:anywhere;margin:0;font-size:.88rem}.chat-message strong{color:var(--accent);margin-right:.3rem}.chat-form{gap:.45rem;margin-top:.55rem;display:flex}.chat-form input{flex:1;min-width:0}.invite-list{flex-direction:column;gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.invite-list li{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.invite-list code{background:#ffffff0f;border-radius:6px;padding:.15rem .4rem}.invite-dead{opacity:.5}.invite-uses{color:var(--muted,#93a1b8)}.btn-small{padding:.15rem .5rem;font-size:.78rem}.badge-party-connected{color:#2ecc71;background:#2ecc7129}.badge-party-connecting,.badge-party-reconnecting{color:#f1c40f;background:#f1c40f29}.badge-party-ended,.badge-party-kicked,.badge-party-error{color:#e74c3c;background:#e74c3c29}.join-summary{margin:0 0 1rem}.admin-note{color:var(--ok);margin-top:.25rem;font-size:.82rem}.row-dim{opacity:.5}.progress-track{background:var(--bg-hover);border-radius:999px;height:8px;margin-top:.6rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .6s}.claim-banner{border-radius:var(--radius);background:#4f8cff14;border:1px solid #4f8cff59;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem;display:flex}.claim-form{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.claim-form input{flex:180px;width:auto;margin-top:0}.oauth-buttons{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.oauth-divider{text-align:center;color:var(--text-dim);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.oauth-divider:before,.oauth-divider:after{content:"";border-top:1px solid var(--border);flex:1}.voice-join-row,.voice-controls{flex-wrap:wrap;gap:.45rem;display:flex}.video-strip{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.video-tile{background:var(--bg-hover);border-radius:8px;width:132px;position:relative;overflow:hidden}.video-tile video{aspect-ratio:4/3;object-fit:cover;background:#000;width:100%;display:block}.video-tile.audio-only{width:auto;padding:.3rem .6rem}.video-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;padding:.15rem .4rem;font-size:.75rem;display:block;position:static;overflow:hidden}