.directo{width:100%;margin:0 auto}.main:has(.directo){padding:26px 25px 0;max-width:none}.live-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.live-main{min-width:0}.live-player{position:relative;aspect-ratio:16/9;background:#111014;overflow:hidden;border-radius:12px}.live-player video{display:block;width:100%;height:100%;object-fit:contain;background:#08070a}.live-offline{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 25% 0%,#65505d 0%,#342d3b 48%,#211e28 100%);text-align:center;padding:20px}.live-offline img{margin-bottom:18px;object-fit:contain}.live-offline h1{font-size:clamp(22px,3vw,42px);letter-spacing:-1.5px;margin:0 0 14px}.live-offline h1 span{color:#e87148}.live-offline p{color:#c4b8cc;font-size:12px}.live-sound{position:absolute;left:16px;top:16px;z-index:2;box-shadow:0 4px 24px #0008}.live-toolbar{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:11px;color:#c4b8cc;flex-wrap:wrap}.live-status{padding:5px 8px;border-radius:5px;background:#ffffff10;font-size:9px;font-weight:800;letter-spacing:.6px}.live-status.is-live{background:#e04d42;color:#fff}.live-view-options{margin-left:auto;display:flex;gap:12px}.live-view-options .text-button{font-size:10px}.live-description{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid #ffffff12}.live-description>img{object-fit:contain;flex-shrink:0}.live-description h1{font-size:21px;letter-spacing:-.5px;margin:0 0 8px;overflow-wrap:anywhere}.live-description p{font-size:12px;color:#eee;margin:0}.live-language{color:#afa3ba;margin-left:12px}.live-chat{background:#2e2835;border:1px solid #ffffff10;border-radius:12px;display:flex;flex-direction:column;position:relative;min-width:0;height:clamp(450px,69vh,750px);overflow:hidden}.live-chat-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 16px;border-bottom:1px solid #ffffff12;gap:8px}.live-chat-heading h2{font-size:13px;margin:0}.live-chat-heading>span{font-size:10px;color:#e8a688}.live-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px;min-height:0;scrollbar-width:thin;scrollbar-color:#66596f transparent}.live-chat-empty{font-size:12px;text-align:center;color:#aa9db4;margin-top:28px}.live-message{font-size:13px;line-height:1.65;overflow-wrap:anywhere;margin:0 0 10px}.live-message strong{margin-right:7px;font-weight:750;color:#d3b0ed}.live-message strong.chat-admin{color:#f7a77e}.live-message .chat-mod{display:flex;gap:10px;opacity:.55;font-size:9px}.chat-mod button{background:none;border:0;color:inherit;padding:0;cursor:pointer}.live-message:hover .chat-mod{opacity:1}.live-compose{padding:12px;border-top:1px solid #ffffff12}.live-compose textarea{width:100%;resize:none;background:#231f29;color:#fff;border:1px solid #ffffff25;border-radius:8px;padding:12px;font:inherit;font-size:12px;box-sizing:border-box}.live-compose textarea:focus{outline:2px solid #e87148;outline-offset:1px}.live-compose-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.live-compose-actions small{font-size:10px;color:#f2aa8b;flex:1}.live-compose-actions .text-button{font-size:11px}.live-compose .button{font-size:11px}.live-new{position:absolute;bottom:130px;align-self:center;background:#e87148;color:#211b25;border:0;border-radius:20px;padding:9px 14px;font:inherit;font-size:11px;cursor:pointer}.live-workspace:fullscreen{background:#151219;padding:12px;height:100vh;grid-template-columns:minmax(0,1fr) 300px;align-items:center;box-sizing:border-box}.live-workspace:fullscreen .live-chat{height:calc(100vh - 24px)}.live-workspace:fullscreen .live-description{display:none}.live-workspace:fullscreen .live-player{max-height:calc(100vh - 85px);aspect-ratio:16/9}.stream-cinema .topbar,.stream-cinema .sidebar,.stream-cinema .footer{display:none}.stream-cinema .main:has(.directo){margin:0;padding:12px}.stream-cinema .layout{display:block}.stream-cinema .live-chat{height:calc(100dvh - 24px)}.stream-admin{max-width:1080px;margin:auto}.stream-admin>h1{font-size:36px;letter-spacing:-1px}.stream-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stream-settings{padding:24px;border:1px solid #ffffff15;border-radius:12px;background:#302a37}.stream-settings h2{font-size:18px;margin:0 0 22px}.stream-settings label{display:block;font-size:12px;margin:15px 0;color:#d4c9dc}.stream-settings input:not([type=checkbox]),.stream-settings select{display:block;box-sizing:border-box;width:100%;margin-top:10px;background:#231f29;color:#fff;border:1px solid #ffffff25;border-radius:7px;padding:12px;font:inherit}.stream-settings input[type=range]{padding:0;accent-color:#e87148}.stream-settings .stream-check{display:flex;gap:10px;align-items:center}.stream-settings .button{font-size:12px;margin:6px 6px 6px 0}.stream-hint{font-size:12px;line-height:1.8;color:#b9acc3}.stream-settings [role=status]{font-size:12px;color:#f3b394}#tts-reader{max-width:620px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1600px){.live-workspace{grid-template-columns:minmax(0,1fr) 350px}.live-chat{height:clamp(560px,74vh,900px)}}
@media(max-width:1100px){.live-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.main:has(.directo){padding:20px 14px 0}.live-view-options{gap:9px}.live-chat{height:65vh}.live-description h1{font-size:18px}}
@media(max-width:760px){.main:has(.directo){padding:12px 10px 0}.live-workspace{grid-template-columns:1fr}.live-player{border-radius:8px}.live-toolbar{font-size:10px;gap:7px}.live-view-options{gap:12px}.live-view-options .text-button{font-size:9px}.live-description{padding:14px 2px}.live-description h1{font-size:18px}.live-chat{height:56dvh;min-height:330px}.live-offline img{width:48px;height:48px}.live-offline h1{font-size:25px;letter-spacing:-1px}.stream-admin-grid{grid-template-columns:1fr}.stream-settings{padding:20px}.live-workspace:fullscreen{grid-template-columns:1fr;overflow:auto}.live-workspace:fullscreen .live-chat{height:45vh}}
@media(max-width:980px) and (orientation:landscape){.live-workspace{grid-template-columns:minmax(0,1fr) 240px}.live-chat{height:calc(100dvh - 100px);min-height:240px}.live-description{display:none}.live-view-options{gap:7px}.live-view-options .text-button{font-size:9px}.live-workspace:fullscreen{grid-template-columns:minmax(0,1fr) 240px}.live-workspace:fullscreen .live-chat{height:calc(100dvh - 24px)}.stream-cinema .live-chat{height:calc(100dvh - 24px)}.live-chat-heading{padding:12px}.live-messages{padding:10px}.live-compose{padding:8px}.live-compose textarea{padding:8px}.live-message{font-size:12px}}