@font-face{font-family:v;src:url(https://cdn.jsdelivr.net/npm/vazirmatn@33.0.3/fonts/webfonts/Vazirmatn-Regular.woff2)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020811;color:#eef8ff;font-family:v,Arial;direction:rtl}body{overflow-x:hidden}button,input,select{font:inherit}.top{min-height:68px;padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #12344a;background:#061421cc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{font:bold clamp(18px,3vw,25px) Arial;color:#10d9ff}.wrap{max-width:1320px;margin:auto;padding:20px}.room-head{display:flex;gap:16px;align-items:center;justify-content:space-between}.room-head h2{margin:8px 0}.btn{border:0;border-radius:13px;padding:12px 18px;color:#fff;background:linear-gradient(135deg,#0785ff,#04bddd);cursor:pointer;font-weight:bold}.btn.alt{background:#172b3c}.btn.green{background:#008b67}.members{display:flex;gap:7px;flex-wrap:wrap}.member{background:#0c2639;border:1px solid #1a4b65;border-radius:20px;padding:6px 11px;font-size:13px}.player-card{background:#000;border:1px solid #15445f;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 35px #00c8ff12}.screen{position:relative;background:radial-gradient(circle,#09283b,#000 68%);aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;direction:ltr}.screen video,.screen #youtube,.screen #youtube iframe{width:100%;height:100%;border:0}.screen.youtube video,.screen:not(.youtube) #youtube{display:none}.audio-art{display:none;flex-direction:column;align-items:center;color:#10d9ff;font-size:64px}.audio-art strong{font:800 clamp(32px,7vw,70px) Arial}.audio-art small{font:14px Arial;letter-spacing:8px}.screen.audio video{height:1px;opacity:0}.screen.audio .audio-art{display:flex}.sync{position:absolute;top:14px;right:14px;background:#061623dd;border:1px solid #1b526c;padding:7px 11px;border-radius:20px;font-size:12px;z-index:6;direction:rtl}.caption{position:absolute;bottom:104px;left:8%;right:8%;width:max-content;max-width:84%;margin:auto;text-align:center;white-space:pre-line;border-radius:8px;padding:2px 9px;z-index:7;text-shadow:0 2px 4px #000;direction:rtl}.big-play{position:absolute;width:72px;height:72px;border-radius:50%;border:1px solid #57e8ff;background:#06b7dfdd;color:#fff;font-size:30px;z-index:5;transition:.2s}.big-play.hidden{opacity:0;pointer-events:none}.spinner{position:absolute;width:48px;height:48px;border:4px solid #ffffff44;border-top-color:#11d7ff;border-radius:50%;animation:spin .8s linear infinite;z-index:7}@keyframes spin{to{transform:rotate(360deg)}}.player-ui{position:absolute;z-index:8;left:0;right:0;bottom:0;padding:42px 18px 14px;background:linear-gradient(transparent,#000e);opacity:0;transition:.2s;direction:rtl}.screen:hover .player-ui,.screen:focus-within .player-ui,.screen:not(.playing) .player-ui{opacity:1}.media-title{font-weight:bold;margin-bottom:8px}.player-ui>input{width:100%;accent-color:#0bd4fa}.control-row{display:flex;align-items:center;gap:7px}.control-row button,.control-row select{min-width:42px;height:40px;border:0;border-radius:10px;background:#ffffff18;color:#fff;padding:0 10px}.control-row select option{background:#071421}.control-row .spacer{flex:1}.control-row #volume{width:90px;accent-color:#0bd4fa}.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.panel{background:#071522;border:1px solid #143c53;border-radius:18px}.tool{padding:16px}.tool h3{margin:0 0 12px}.field{min-width:0;padding:12px;background:#091b2b;border:1px solid #1b4b65;border-radius:12px;color:#fff}.tool>.field{width:100%;margin:5px 0}.tool input[type=file]{max-width:100%;margin:5px}.sub-panel{grid-column:1/-1}.sub-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sub-tools #delay{width:85px}.queue-item{display:flex;align-items:center;gap:7px;padding:9px;border-bottom:1px solid #173146}.queue-item span{flex:1}.chat-fab{position:fixed;left:22px;bottom:22px;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#7a3cff,#04cce8);font-size:25px;box-shadow:0 12px 35px #0009;z-index:30}.chat-fab b{position:absolute;top:-4px;right:-4px;background:#ff365c;border-radius:20px;min-width:23px;padding:2px;color:white;font-size:12px}.drawer-backdrop{position:fixed;inset:0;background:#0008;opacity:0;visibility:hidden;transition:.22s;z-index:39}.drawer-backdrop.open{opacity:1;visibility:visible}.chat-drawer{position:fixed;z-index:40;top:0;right:0;width:min(410px,92vw);height:100dvh;background:#06131f;border-left:1px solid #1a4861;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column;box-shadow:-20px 0 60px #000b}.chat-drawer.open{transform:none}.chat-drawer header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #17394d}.chat-drawer header button{border:0;background:#172d3e;color:#fff;border-radius:10px;width:40px;height:40px}.scroll{flex:1;overflow:auto;padding:12px}.msg{margin:7px 0;padding:9px 11px;background:#0d2638;border-radius:12px;overflow-wrap:anywhere}.msg b{color:#20d8ff}.reactions{display:flex;gap:5px;overflow-x:auto;padding:8px;direction:ltr}.react{flex:0 0 auto;border:0;border-radius:20px;background:#132d40;padding:7px 10px;font-size:20px}.chatbox{display:flex;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));gap:7px;border-top:1px solid #17394d}.chatbox input{flex:1}.toast{position:fixed;left:20px;bottom:95px;background:#07354b;border:1px solid #17d7ff;padding:12px 18px;border-radius:12px;z-index:50}.reaction-pop{position:absolute;font-size:38px;animation:fly 2s forwards;bottom:20%;left:50%;z-index:10}@keyframes fly{to{transform:translateY(-220px) scale(1.8);opacity:0}}dialog{background:#071421;color:white;border:1px solid #25d4ff;border-radius:20px;padding:22px}dialog::backdrop{background:#000b}.player-card:fullscreen{width:100vw;height:100vh;border-radius:0}.player-card:fullscreen .screen{width:100%;height:100%;aspect-ratio:auto}
@media(max-width:700px){.top{padding:10px}.wrap{padding:9px}.room-head{align-items:flex-start;flex-direction:column}.members{margin-bottom:8px}.player-card{border-radius:14px}.screen{aspect-ratio:16/10}.player-ui{opacity:1;padding:30px 8px 7px}.media-title{font-size:12px}.control-row{gap:3px}.control-row button,.control-row select{min-width:38px;height:40px;padding:0 6px;font-size:12px}.control-row #volume,.control-row #back,.control-row #forward{display:none}.caption{bottom:82px}.tools{grid-template-columns:1fr}.sub-panel{grid-column:auto}.chat-fab{left:14px;bottom:14px}.chat-drawer{top:auto;bottom:0;width:100%;height:min(74dvh,650px);border-left:0;border-top:1px solid #1a4861;border-radius:20px 20px 0 0;transform:translateY(105%)}.chatbox input{font-size:16px}.screen:fullscreen{aspect-ratio:auto}.sync{top:7px;right:7px;font-size:10px}}