@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-app:#080a0f;--bg-surface:#0f131d;--bg-surface-elevated:#161c2a;--bg-surface-hover:#1f273b;--border-color:#ffffff14;--border-light:#ffffff26;--brand-red:#e11d48;--brand-red-glow:#e11d4873;--brand-red-dark:#9f1239;--live-green:#10b981;--live-green-glow:#10b98166;--warn-amber:#f59e0b;--info-cyan:#0ea5e9;--purple-accent:#8b5cf6;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-panel:0 8px 32px 0 #00000073;--shadow-glow:0 0 20px #e11d4840;--font-bangla:"Noto Serif Bengali", "Noto Serif", serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-bangla);background-color:var(--bg-app);color:var(--text-main);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-panel);background:#0f131dbf}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#161c2a99;transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-light);background:#1f273ba6}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #e11d48b3}50%{opacity:.85;transform:scale(1.15);box-shadow:0 0 0 8px #e11d4800}}.animate-live-pulse{animation:1.8s infinite pulse-dot}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #e11d484d}.btn-primary:hover{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);transform:translateY(-1px);box-shadow:0 6px 20px #e11d4873}.btn-primary:active{transform:translateY(1px)}.btn-live-active{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 15px #10b98159}.btn-live-active:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 20px #10b98180}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-light);color:#fff}.btn-icon{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--bg-surface-hover);border-color:var(--border-light);color:#fff;transform:translateY(-1px)}.btn-icon.active{border-color:var(--brand-red);color:#fb7185;background:#e11d4826}.btn-icon.off{color:#fca5a5;background:#ef444433;border-color:#ef444480}.vu-meter-bar{background:#090c12;border:1px solid #ffffff0d;border-radius:3px;flex-direction:column-reverse;gap:2px;width:10px;height:50px;padding:2px;display:flex}.vu-segment{background:#1e293b;border-radius:1px;width:100%;height:4px;transition:background-color 50ms}.vu-segment.safe.active{background-color:#10b981;box-shadow:0 0 4px #10b981}.vu-segment.mid.active{background-color:#f59e0b;box-shadow:0 0 4px #f59e0b}.vu-segment.peak.active{background-color:#ef4444;box-shadow:0 0 5px #ef4444}.marquee-container{white-space:nowrap;overflow:hidden}.marquee-content{animation:25s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.mirror-mode{transform:scaleY(-1)}