:root{--fundo: #0f0f0f;--cartao: #1c1c1c;--cartao-foco: #2a2a2a;--texto: #ffffff;--texto-sub: #c8c8c8;--destaque: #ffd23f;--perigo: #ff7a7a;--zap: #25d366}*{box-sizing:border-box}html,body{margin:0;background:var(--fundo);color:var(--texto);font:20px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}body{min-height:100vh}button,input,a.botao{font:inherit;color:inherit}:focus{outline:4px solid var(--destaque);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:4px solid var(--destaque);outline-offset:2px}.pagina{max-width:720px;margin:0 auto;padding:24px 16px 48px}.centro{min-height:100vh;display:flex;flex-direction:column;justify-content:center}h1{font-size:30px;line-height:1.2;margin:0 0 16px}p{margin:0 0 20px}.sub{color:var(--texto-sub)}.erro{color:var(--perigo);font-weight:600}.botao{display:block;width:100%;min-height:60px;padding:14px 20px;margin:0 0 14px;border:0;border-radius:12px;background:var(--destaque);color:#111;font-weight:700;font-size:22px;text-align:center;text-decoration:none;cursor:pointer}.botao.secundario{background:var(--cartao);color:var(--texto);border:2px solid #444}.botao.zap{background:var(--zap);color:#062b14}.botao[disabled]{opacity:.6}label{display:block;font-weight:600;margin:0 0 6px}.campo{display:block;width:100%;min-height:60px;padding:12px 16px;margin:0 0 18px;border:2px solid #555;border-radius:12px;background:#fff;color:#111;font-size:22px}.topo{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.topo h1{margin:0}.categoria{font-size:22px;color:var(--destaque);margin:28px 0 10px;padding:0 4px}.canal{display:flex;align-items:center;width:100%;min-height:72px;padding:10px 14px;margin:0 0 10px;border:0;border-radius:12px;background:var(--cartao);text-align:left;font-size:22px;font-weight:600;cursor:pointer}.canal:focus,.canal:hover{background:var(--cartao-foco)}.icone{flex:0 0 auto;width:56px;height:56px;margin-right:16px;border-radius:8px;background:#000;object-fit:contain;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--texto-sub);overflow:hidden}.nome{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.player{position:fixed;inset:0;background:#000;z-index:10;overflow:hidden;touch-action:none}.player:focus{outline:none}.player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.faixa{position:absolute;left:0;right:0;top:0;padding:16px 16px 40px;background:linear-gradient(#000000d9,#0000);transition:opacity .3s}.faixa.oculta{opacity:0;pointer-events:none}.faixa .linha{display:flex;align-items:center}.faixa .titulo{flex:1 1 auto;font-size:26px;font-weight:700;margin-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faixa .status{margin:8px 0 0;font-size:22px;color:var(--destaque)}.btn-player{min-width:56px;min-height:56px;padding:8px 16px;border:2px solid rgba(255,255,255,.5);border-radius:12px;background:#0009;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.lateral{position:absolute;right:16px;top:50%;margin-top:-68px;display:flex;flex-direction:column;transition:opacity .3s}.lateral .btn-player{margin:4px 0;font-size:26px}.lateral.oculta{opacity:0;pointer-events:none}.som{position:absolute;left:16px;bottom:24px}.aviso-player{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#000000d9;text-align:center}.aviso-player p{font-size:24px;max-width:520px}.aviso-player .botao{max-width:420px}