:root{color-scheme:dark;--bg:#100f12;--surface:#19171c;--surface2:#242129;--surface3:#2d2833;--line:#3c3542;--text:#f7f2ed;--muted:#b3a8b8;--gold:#e9c69a;--gold2:#d4a56c;--danger:#ef9191;--green:#a6e3b3;--radius:16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#281e2b 0%,#100f12 53%);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--gold);text-decoration:none}a:hover{color:#ffddb1}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.topbar{border-bottom:1px solid rgba(233,198,154,.14);background:rgba(17,15,19,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.topbar-inner{max-width:1200px;margin:auto;min-height:78px;padding:12px 26px;display:flex;align-items:center;gap:36px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);letter-spacing:2px;min-width:200px}.brand:hover{color:var(--text)}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ac855f;background:#292127;color:var(--gold);border-radius:11px;font-size:30px}.brand strong{display:block;font-size:15px;letter-spacing:3px}.brand small{font-size:10px;letter-spacing:5px;color:var(--gold)}.nav{display:flex;align-items:center;gap:25px;flex:1}.nav a{color:var(--muted);font-size:14px}.nav a:hover,.nav a.active{color:var(--gold)}.account{display:flex;align-items:center;gap:12px}.user-label{display:flex;align-items:center;gap:8px;font-size:13px}.pill{background:#292430;color:#d6c5d6;border:1px solid #52485b;font-size:11px;border-radius:99px;padding:5px 9px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pill.premium{color:#ffe2ad;background:#40301f;border-color:#8d7146}.pill.connected,.pill.live{background:#173329;color:#b9efd4;border-color:#386e50}main{max-width:1200px;padding:0 26px;margin:0 auto;min-height:calc(100vh - 150px)}.footer{text-align:center;color:#716674;border-top:1px solid #27222b;font-size:12px;letter-spacing:.2px;padding:24px}.footer span{padding:0 7px}.btn{border:1px solid transparent;background:var(--surface2);color:var(--text);font-weight:650;font-size:14px;padding:13px 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s,border-color .15s;min-height:44px}.btn:hover{background:#3b3340;color:var(--text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-small{padding:7px 12px;min-height:32px;font-size:12px}.btn-primary{background:linear-gradient(130deg,#edd0a8,#c99d69);color:#251a10;border-color:#ebc699}.btn-primary:hover{background:#f5dcbb;color:#241b13}.btn-outline{border-color:#504654;background:transparent}.btn-quiet{border-color:transparent;background:transparent;color:var(--gold)}.btn.danger{border-color:#9d4949;background:#4e2327}.danger-text{color:var(--danger)}.wide{width:100%}.hero{text-align:center;position:relative;padding:88px 10px 58px;overflow:hidden}.hero-glow{position:absolute;z-index:-1;left:34%;top:10%;width:300px;height:190px;filter:blur(90px);background:rgba(144,81,104,.13)}.eyebrow{color:var(--gold2);font-weight:720;font-size:11px;letter-spacing:3px;margin-bottom:15px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.15;letter-spacing:-2px;margin:0;font-weight:720}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:16px;max-width:630px;line-height:1.85;margin:21px auto 0;color:var(--muted)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#211d23 0%,#17151a 100%);border-radius:var(--radius);padding:27px;box-shadow:0 10px 28px rgba(0,0,0,.08)}.panel-symbol{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;border:1px solid #76583f;background:#3a2b25;color:var(--gold);font-size:25px;margin-bottom:20px}.panel h2{font-size:21px;margin:0 0 9px}.panel p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 21px}.inline-form{display:flex;gap:9px}.inline-form input{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:13px}.stack label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);font-weight:650}input,select{width:100%;color:var(--text);background:#131116;border:1px solid #514655;border-radius:9px;padding:12px 13px;outline:none;min-height:46px}input::placeholder{color:#827685}select{cursor:pointer}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d3ad7c22}.hint{border-radius:10px;background:#2b2630;border:1px solid #48404b;color:#c7b8c7;font-size:13px;padding:13px;line-height:1.6;margin-bottom:15px}.section{margin-top:42px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 16px}.section-head h2{font-size:20px;margin:0}.room-list{display:flex;flex-direction:column;gap:10px}.room-tile{padding:13px 16px;border:1px solid #403740;background:#1b181d;border-radius:11px;display:flex;gap:13px;align-items:center;min-width:0}.room-icon{background:#3e3036;color:var(--gold);padding:13px;border-radius:9px}.room-meta{flex:1;min-width:0}.room-meta strong{font-size:14px;display:block;overflow-wrap:anywhere}.room-meta small{font-size:12px;color:var(--muted);display:block;margin-top:5px;overflow-wrap:anywhere}.room-meta small span{padding:0 4px}.empty{border:1px dashed #574853;border-radius:12px;color:var(--muted);padding:30px;text-align:center}.empty.big{max-width:560px;margin:100px auto}.info-row{margin:50px 0 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.info-row strong{color:var(--gold);font-size:14px}.info-row p{color:var(--muted);font-size:13px;line-height:1.7}.auth-wrap{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 180px)}.auth-panel{width:100%;max-width:460px}.auth-panel h1{margin:0 0 14px;font-size:27px}.auth-panel .hint{margin-top:21px;margin-bottom:0}.back{color:var(--muted);font-size:12px;display:block;margin-bottom:22px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0}.room-heading h1{font-size:31px;margin:0 0 11px}.code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.code{border:1px solid #615044;border-radius:7px;padding:8px 12px;background:#302623;color:var(--gold);font-size:13px;letter-spacing:1.2px;font-weight:700}.join-panel{max-width:540px;margin:20px auto 70px}.live-room{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin:15px 0 50px;align-items:start}.broadcast-main{min-width:0}.stage{aspect-ratio:16/9;min-height:270px;background:#070708;border:1px solid #493c48;border-radius:14px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-placeholder{display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--muted);text-align:center;padding:20px}.stage-placeholder strong{color:#d2cbd0}.stage-placeholder small{font-size:12px}.stage-symbol{color:#8d768b;font-size:63px}.media-track{height:100%;width:100%;object-fit:contain;position:absolute;inset:0;background:#060607}.media-track.local-preview{z-index:2}.controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}.controls select{width:auto;min-width:160px;flex:1}.controls .btn{flex:1}.participants-panel{border:1px solid var(--line);background:#1b181f;border-radius:14px;padding:18px}.participants-panel .section-head{margin:0 0 14px}.participants-panel h3{margin:0;font-size:15px}.participants{display:flex;flex-direction:column;gap:10px;min-height:60px}.participant{display:flex;align-items:center;gap:10px;border-bottom:1px solid #312b35;padding:8px 0}.avatar{width:34px;height:34px;flex-shrink:0;border-radius:99px;background:#443145;border:1px solid #684b63;display:grid;place-items:center;color:#eed0dd;font-size:13px}.participant-data{flex:1;min-width:0}.participant-data strong{font-size:13px;display:block;overflow-wrap:anywhere}.participant-data small{font-size:11px;color:var(--muted)}.room-tip{margin-top:21px;background:#29232d;padding:16px;border-radius:10px}.room-tip strong{color:var(--gold);font-size:13px}.room-tip p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0}.admin-head{padding:43px 0 18px}.admin-head h1{font-size:32px;margin:0}.admin-head p{color:var(--muted)}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 23px;border-bottom:1px solid #413745;padding-bottom:13px}.admin-tabs a{color:var(--muted);padding:11px 14px;font-size:13px;border-radius:9px}.admin-tabs a.selected,.admin-tabs a:hover{background:#342832;color:var(--gold)}#admin-body{padding-bottom:60px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat{padding:18px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:33px;padding-top:8px}.columns{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(380px,1.2fr);gap:18px}.columns .panel{min-width:0;align-self:start}.table-wrap{overflow-x:auto;padding:10px 15px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:600px}th,td{padding:15px 10px;border-bottom:1px solid #37303b}th{color:var(--gold);font-size:12px;font-weight:640}td{color:#e2dbe2}td.actions{display:flex;gap:7px}code{font-size:12px;color:var(--gold)}.user-list{display:flex;flex-direction:column;gap:13px}.user-card{border:1px solid #403740;border-radius:12px;padding:13px}.user-top{display:flex;align-items:center;gap:10px}.user-top>div{flex:1;min-width:0}.user-top strong{display:block;font-size:13px}.user-top small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.user-controls{display:grid;grid-template-columns:1fr 100px auto auto;align-items:end;gap:7px;margin:13px 0 4px}.user-controls label{color:var(--muted);font-size:11px}.user-controls input,.user-controls select{margin-top:6px}.user-controls .btn{min-width:0}.loading{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--muted);min-height:90vh}.loading.inline{min-height:160px}.spinner{width:25px;height:25px;border:2px solid #64505f;border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:24px;right:24px;max-width:min(440px,calc(100vw - 40px));padding:15px 20px;border-radius:12px;background:#24352c;color:#c8f7dc;box-shadow:0 8px 35px #0008;border:1px solid #426b4e;opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s;z-index:100;font-size:14px}#toast.visible{opacity:1;transform:translateY(0)}#toast.error{background:#492729;color:#ffe0df;border-color:#954949}@media(max-width:850px){.home-grid,.live-room,.columns{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.user-label{display:none}.nav{gap:10px}.topbar-inner{gap:13px}.brand{min-width:0}.info-row{grid-template-columns:1fr;gap:7px}.live-room{gap:15px}.stage{min-height:230px}.controls .btn{flex:unset}.user-controls{grid-template-columns:1fr 1fr}}@media(max-width:520px){main{padding:0 14px}.topbar-inner{padding:12px 14px}.topbar-inner .brand strong{font-size:12px}.brand small{letter-spacing:2px}.brand-icon{width:35px;height:35px}.nav a{font-size:12px}.nav{gap:7px}.panel{padding:20px}.hero{padding:58px 8px 35px}.hero h1{letter-spacing:-1px}.hero p{font-size:14px}.inline-form{flex-direction:column}.room-heading{align-items:start;flex-direction:column}.room-heading h1{font-size:25px}.admin-tabs{gap:2px}.admin-tabs a{padding:9px 10px}.controls .btn,.controls select{width:100%}.room-tile{flex-wrap:wrap}.room-tile .room-meta{min-width:140px}.user-controls{grid-template-columns:1fr 1fr}.user-controls .btn{width:100%}}

.auth-panel a:not(.btn){color:var(--gold);text-decoration:underline}.auth-panel a:not(.btn):hover{color:#f4dcba}


/* Etherius Screen 1.3: player com volume, modo teatro e tela cheia */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.viewer-shell{min-width:0;overflow:hidden;border:1px solid #493c48;border-radius:14px;background:#09090c;box-shadow:0 15px 50px rgba(0,0,0,.22)}
.viewer-shell .stage{border:0;border-radius:0;min-height:270px}
.viewer-shell .media-track{z-index:1}
.viewer-shell .media-track.local-preview{z-index:2}
.player-toolbar{min-height:60px;display:flex;align-items:center;gap:12px;background:#17141b;border-top:1px solid #332d36;padding:8px 11px;color:#e8e0e5;user-select:none}
.player-audio-controls{display:flex;align-items:center;gap:9px;min-width:180px;flex:0 1 245px}
.player-icon-button,.player-view-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;background:transparent;border:1px solid transparent;color:#e7dce6;cursor:pointer;border-radius:9px;transition:background .14s,color .14s,border-color .14s}
.player-icon-button:hover,.player-view-button:hover{background:#37313c;border-color:#554756;color:var(--gold)}
.player-icon-button:focus-visible,.player-view-button:focus-visible,#audio-volume:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.player-icon-button{width:42px;height:42px}
.player-icon-button svg,.player-view-button svg{width:21px;height:21px;flex-shrink:0}
.player-audio-controls input[type=range]{appearance:none;-webkit-appearance:none;width:100%;min-width:55px;max-width:145px;height:5px;min-height:5px;border:0;padding:0;border-radius:99px;cursor:pointer;background:linear-gradient(to right,var(--gold) var(--volume-percent,85%),#544a56 var(--volume-percent,85%));box-shadow:none}
.player-audio-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#fff2de;border:2px solid #d3a973;border-radius:50%}
.player-audio-controls input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff2de;border:2px solid #d3a973;border-radius:50%}
.player-audio-controls output{font-variant-numeric:tabular-nums;color:#c7bbc9;font-size:12px;min-width:34px;text-align:right}
.player-status{display:inline-flex;align-items:center;gap:6px;color:#a8a0ad;font-size:11px;white-space:nowrap;flex:1;justify-content:center}
.player-status.is-live{color:#b9efd4}
.player-status.is-live::before{content:"";width:6px;height:6px;background:#76cfa4;border-radius:50%;box-shadow:0 0 10px #76cfa4}
.player-view-controls{display:flex;align-items:center;gap:6px}
.player-view-button{min-height:42px;padding:7px 10px;font-size:12px;font-weight:650;white-space:nowrap}
.player-view-button.is-active{color:var(--gold);background:#493629;border-color:#816546}
.remote-audio-host{display:none}
/* Modo teatro: o video cresce para a largura da janela; os participantes vao para baixo. */
body.etherius-theater main{max-width:none;width:100%;padding:0 clamp(10px,2vw,36px)}
body.etherius-theater .room-heading{padding:13px 0 8px;gap:10px}
body.etherius-theater .room-heading .back{margin-bottom:7px}
body.etherius-theater .room-heading .eyebrow{margin-bottom:4px}
body.etherius-theater .room-heading h1{font-size:clamp(19px,2vw,26px)}
body.etherius-theater .live-room{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:8px}
body.etherius-theater .viewer-shell .stage{aspect-ratio:auto;height:min(74vh,1000px);min-height:320px}
body.etherius-theater .participants-panel{max-width:none}
body.etherius-theater .participants{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;min-height:0}
body.etherius-theater .participant{min-width:170px;padding:5px 8px;border:1px solid #3c3440;border-radius:9px}
/* Tela cheia nativa: player inteiro, com barra de volume e controles. */
.viewer-shell:fullscreen{height:100dvh;width:100vw;border:none;border-radius:0;display:flex;flex-direction:column;background:#000}
.viewer-shell:fullscreen .stage{min-height:0;height:auto;aspect-ratio:auto;flex:1}
.viewer-shell:fullscreen .player-toolbar{width:100%;min-height:62px;flex-shrink:0;background:#111015}
.viewer-shell:fullscreen .media-track{object-fit:contain}
@media(max-width:850px){.player-toolbar{gap:8px}.player-audio-controls{min-width:140px;flex:1}.player-status{display:none}body.etherius-theater .viewer-shell .stage{height:min(70vh,800px);min-height:220px}}
@media(max-width:520px){.player-toolbar{padding:7px 6px;gap:5px;min-height:54px}.player-audio-controls{gap:3px;min-width:100px}.player-icon-button{width:36px;height:38px}.player-audio-controls input[type=range]{max-width:85px;min-width:32px}.player-audio-controls output{font-size:10px;min-width:29px}.player-view-controls{gap:0}.player-view-button{min-height:36px;padding:6px}.player-view-button svg{width:19px;height:19px}.player-view-button span{display:none}.viewer-shell .stage{min-height:205px}body.etherius-theater main{padding:0 8px}body.etherius-theater .viewer-shell .stage{height:65vh;min-height:220px}.viewer-shell:fullscreen .stage{min-height:0}}