.toast-stack{position:fixed;left:0;right:0;bottom:var(--navh, 60px);z-index:1000;max-width:540px;margin:0 auto;display:flex;flex-direction:column-reverse;gap:8px;padding:8px 6px;pointer-events:none}.toast{pointer-events:auto;width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;font-family:var(--font-head);font-size:14px;line-height:1.3;color:#000;background:var(--card);border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);opacity:0;transform:translateY(14px);transition:opacity .2s ease,transform .2s cubic-bezier(.2,.7,.3,1.3)}.toast.in{opacity:1;transform:translateY(0)}.toast-msg{flex:1;min-width:0;text-align:start}.toast-close{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;border:2px solid currentColor;padding:0;cursor:pointer}.toast-close svg{width:16px;height:16px}.toast-success{background:var(--lime)}.toast-warn{background:var(--primary)}.toast-error{background:var(--destructive);color:var(--destructive-foreground, #fff)}.toast-live{background:var(--sky)}@media(prefers-reduced-motion:reduce){.toast{transition:opacity .15s ease;transform:none}}.chat-body{display:flex;flex-direction:column;padding:0;gap:0}#chatScroll{display:flex;flex-direction:column;flex:1;min-height:100px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:2px solid var(--border);box-shadow:var(--shadow-xs);background:var(--background);margin:10px 10px 8px}.chat-body .composer{margin:0 10px 12px}.composer{display:flex;gap:8px}.composer input{flex:1;margin:0}.chat-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding:10px;margin:0}.chat-list li{max-width:84%;align-self:flex-start;display:flex;flex-direction:column;gap:2px;padding:7px 10px;font-size:14px;line-height:1.35;background:var(--card);color:var(--foreground);border:2px solid var(--border);box-shadow:2px 2px 0 var(--border)}.chat-list li .chat-name{font-family:var(--font-head);font-size:11px;letter-spacing:.03em;text-transform:uppercase;margin:0;color:var(--muted-foreground)}.chat-list li .chat-text{display:block;word-break:break-word}.chat-list li.me{align-self:flex-end;background:var(--primary);color:var(--primary-foreground)}.chat-list li.me .chat-name{color:var(--primary-foreground);opacity:.75}.chat-list li.broadcaster{background:var(--sky);color:#000}.chat-list li.broadcaster .chat-name{color:#000}.chat-list li.broadcaster .chat-name:after{content:" · HOST"}.chat-empty{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 18px;text-align:center}.chat-empty-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;background:var(--tile, var(--accent));color:var(--tile-ink, var(--foreground));border:2px solid var(--border);box-shadow:var(--shadow-xs)}.chat-empty-icon svg{width:28px;height:28px}.chat-empty-title{font-family:var(--font-head);font-size:15px;margin:0;color:var(--foreground)}.chat-empty .hint{max-width:28ch;font-size:13px;color:var(--muted-foreground);margin:0}:root{--radius: 0;--navh: 68px;--background: #ffffff;--foreground: #000000;--card: #ffffff;--card-foreground: #000000;--primary: #ffdb33;--primary-hover: #ffcc00;--primary-foreground: #000000;--secondary: #000000;--secondary-foreground: #ffffff;--muted: #cccccc;--muted-foreground: #5a5a5a;--accent: #fae583;--accent-foreground: #000000;--destructive: #e63946;--destructive-foreground: #ffffff;--border: #000000;--coral: #ff6b6b;--orange: #ff8c42;--lime: #aafc3d;--purple: #5f4fe6;--sky: #2ec4f0;--pink: #ff5da2;--navy: #1a1a6e;--teal: #14b8a6;--violet: #9b5de5;--bg-base: #fff8ec;--bg-dot1: rgba(255,107,107,.18);--bg-dot2: rgba(95,79,230,.16);--bg-hatch: rgba(0,0,0,.025);--font-head: "Archivo Black", "Lalezar", ui-sans-serif, system-ui, sans-serif;--font-sans: "Space Grotesk", "Lalezar", ui-sans-serif, system-ui, sans-serif}[dir=rtl]{--font-head: "Lalezar", ui-sans-serif, system-ui, sans-serif;--font-sans: "Lalezar", ui-sans-serif, system-ui, sans-serif}:root{--shadow-xs: 1px 1px 0 0 var(--border);--shadow-sm: 2px 2px 0 0 var(--border);--shadow: 3px 3px 0 0 var(--border);--shadow-md: 4px 4px 0 0 var(--border);--shadow-lg: 6px 6px 0 0 var(--border);--shadow-xl: 10px 10px 0 1px var(--border)}[data-theme=midnight]{--background: #0a0612;--foreground: #e9f7ff;--card: #150a26;--card-foreground: #e9f7ff;--border: #2de2e6;--primary: #ff2a9d;--primary-hover: #ff5cb6;--primary-foreground: #0a0612;--secondary: #00f0ff;--secondary-foreground: #0a0612;--muted: #241640;--muted-foreground: #a99ad1;--accent: #b026ff;--accent-foreground: #ffffff;--destructive: #ff3864;--destructive-foreground: #0a0612;--coral: #ff2a6d;--orange: #ff9e00;--lime: #05ffa1;--purple: #b026ff;--sky: #00f0ff;--pink: #ff00c8;--navy: #2d1b69;--teal: #00ffd5;--violet: #d100ff;--bg-base: #07040f;--bg-dot1: rgba(255,42,157,.2);--bg-dot2: rgba(0,240,255,.18);--bg-hatch: rgba(0,240,255,.06)}[data-theme=bubblegum]{--background: #f1fbfb;--foreground: #0c2a33;--card: #ffffff;--card-foreground: #0c2a33;--border: #0c2a33;--primary: #14b8a6;--primary-hover: #0fa392;--primary-foreground: #03332e;--secondary: #0c2a33;--secondary-foreground: #f1fbfb;--muted: #cfe6e8;--muted-foreground: #4a6e73;--accent: #7fd8d0;--accent-foreground: #0c2a33;--destructive: #ef476f;--destructive-foreground: #ffffff;--coral: #ff8a5b;--orange: #ffb627;--lime: #8fe388;--purple: #6c7bdb;--sky: #4cc9f0;--pink: #f76f8e;--navy: #2a4d69;--teal: #2ec4b6;--violet: #7b6cf0;--bg-base: #e9fafa;--bg-dot1: rgba(46,196,182,.16);--bg-dot2: rgba(76,201,240,.14);--bg-hatch: rgba(12,42,51,.03)}[data-theme=terminal]{--background: #f6f0ff;--foreground: #1e0a3c;--card: #ffffff;--card-foreground: #1e0a3c;--border: #1e0a3c;--primary: #c026d3;--primary-hover: #a81fb8;--primary-foreground: #ffffff;--secondary: #1e0a3c;--secondary-foreground: #f6f0ff;--muted: #e4d6f5;--muted-foreground: #6b4f8f;--accent: #f15bb5;--accent-foreground: #1e0a3c;--destructive: #e5383b;--destructive-foreground: #ffffff;--coral: #ff5d8f;--orange: #ff9770;--lime: #c6ff5d;--purple: #9b5de5;--sky: #5d9bff;--pink: #f15bb5;--navy: #3a0ca3;--teal: #00bbf9;--violet: #c026d3;--bg-base: #f3eafd;--bg-dot1: rgba(193,38,211,.14);--bg-dot2: rgba(91,155,255,.14);--bg-hatch: rgba(30,10,60,.03)}*{box-sizing:border-box}body{margin:0;min-height:100svh;padding-bottom:var(--navh);font-family:var(--font-sans);color:var(--foreground);background-color:var(--bg-base);background-image:radial-gradient(var(--bg-dot1) 2px,transparent 2.4px),radial-gradient(var(--bg-dot2) 2px,transparent 2.4px),repeating-linear-gradient(45deg,var(--bg-hatch) 0 2px,transparent 2px 22px);background-size:26px 26px,26px 26px,auto;background-position:0 0,13px 13px,0 0;background-attachment:fixed}.wrap{width:100%;max-width:720px;margin-inline:auto;padding:20px 16px 48px}@media(min-width:640px){.wrap{padding:32px 20px 64px}}.brand{display:inline-block;font-family:var(--font-head);font-size:18px;color:var(--primary-foreground);background:var(--primary);text-decoration:none;padding:8px 14px;border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}@media(min-width:640px){.brand{font-size:20px}}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}@media(min-width:640px){.topbar{gap:16px;margin-bottom:32px}}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav a{font-family:var(--font-head);font-size:14px;text-decoration:none;color:var(--foreground);background:var(--background);border:2px solid var(--border);border-radius:var(--radius);padding:8px 12px;box-shadow:var(--shadow-xs);min-height:44px;display:inline-flex;align-items:center}.nav a:hover{background:var(--accent)}.lang-toggle{display:inline-flex;gap:4px}.lang-btn{appearance:none;cursor:pointer;font-family:var(--font-head);font-size:14px;min-width:44px;min-height:44px;padding:8px 10px;color:var(--foreground);background:var(--background);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.lang-btn[aria-pressed=true]{background:var(--primary)}.lang-btn:hover{background:var(--accent)}.lang-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lang-btn[data-lang=ar]{font-family:Lalezar,sans-serif}.lang-btn.theme-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--foreground)}.lang-btn.theme-btn svg{width:20px;height:20px;display:block}h1{font-family:var(--font-head);font-size:32px;line-height:1.08;letter-spacing:-.01em;margin:0 0 14px}@media(min-width:640px){h1{font-size:40px;line-height:1.05}}p.lede{font-size:16px;line-height:1.55;margin-top:0;color:var(--foreground)}@media(min-width:640px){p.lede{font-size:17px}}.panel{background:var(--card);color:var(--card-foreground);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:18px}@media(min-width:640px){.panel{padding:24px}}.row{display:flex;gap:12px;flex-wrap:wrap}@media(min-width:640px){.row{gap:16px}}.btn{appearance:none;cursor:pointer;font-family:var(--font-head);font-size:16px;padding:12px 20px;min-height:44px;color:var(--primary-foreground);background:var(--primary);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.btn:hover{background:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(4px)}.btn:active{box-shadow:none;transform:translate(4px,8px)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}.btn.danger{background:var(--destructive);color:var(--destructive-foreground)}.btn.ghost{background:var(--background);color:var(--foreground)}.card-link{flex:1 1 220px;text-decoration:none;color:var(--card-foreground);background:var(--card);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:20px;transition:all .2s}@media(min-width:640px){.card-link{padding:24px}}.card-link:hover{box-shadow:var(--shadow);transform:translateY(4px)}.card-link:active{box-shadow:none;transform:translate(4px,8px)}.card-link h2{font-family:var(--font-head);margin:10px 0 6px;font-size:22px}.card-link span{color:var(--muted-foreground);font-size:15px}.card-kicker{font-family:var(--font-head);font-size:13px;letter-spacing:.06em;color:var(--muted-foreground)}label{display:block;font-family:var(--font-head);font-size:14px;color:var(--foreground);margin:0 0 6px}input[type=text]{width:100%;padding:12px 14px;font-family:var(--font-sans);font-size:16px;min-height:44px;border:2px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);margin-bottom:18px}input[type=text]:focus{outline:2px solid var(--primary);outline-offset:2px}.status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:14px;padding:6px 12px;background:var(--accent);color:var(--accent-foreground);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted-foreground);flex:none}.dot.live{background:var(--destructive);box-shadow:0 0 0 3px #e6394640;animation:pulse 1.4s infinite}.dot.waiting{background:var(--primary)}@keyframes pulse{50%{box-shadow:0 0 0 7px #e6394600}}.meta{color:var(--muted-foreground);margin-top:18px;font-size:15px}.meta code{font-family:ui-monospace,monospace;background:var(--accent);padding:1px 5px;border:2px solid var(--border)}.err{color:var(--destructive);font-weight:700;margin-top:14px;min-height:20px;font-size:14px}.levels{display:flex;gap:4px;align-items:flex-end;height:30px;margin-top:16px;padding:6px;border:2px solid var(--border);background:var(--background);box-shadow:var(--shadow-sm);max-width:100%;overflow-x:auto}.levels i{width:6px;background:var(--primary);border:1px solid var(--border);height:4px;transition:height .08s ease;display:inline-block;flex:none}.bottomnav{position:fixed;inset-inline:0;bottom:0;z-index:40;height:var(--navh);display:grid;grid-template-columns:repeat(5,1fr);background:var(--secondary);border-top:2px solid var(--border)}.navlink{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--secondary-foreground);font-family:var(--font-head);font-size:10px;letter-spacing:.02em;border-inline-start:2px solid rgba(255,255,255,.1);opacity:.72;padding-bottom:14px}.navlink:first-child{border-inline-start:none}.navlink svg{width:22px;height:22px}.navlink.active{background:var(--primary);color:var(--primary-foreground);opacity:1}.navlink:active{opacity:1}.lang-toggle{position:relative}.langsel{display:inline-flex;align-items:center;gap:6px}.langsel svg{width:18px;height:18px}.langsel .lang-caret{width:12px;height:12px;opacity:.7}.langsel-label{font-family:var(--font-head)}.langmenu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:80;list-style:none;margin:0;padding:4px;min-width:160px;background:var(--card);color:var(--card-foreground);border:2px solid var(--border);box-shadow:var(--shadow-md)}.langmenu li{font-family:var(--font-sans);font-size:15px;padding:10px 12px;cursor:pointer}.langmenu li[data-lang=ar]{font-family:Lalezar,sans-serif;font-size:19px}.langmenu li[aria-selected=true]{background:var(--primary);color:var(--primary-foreground)}.langmenu li:hover{background:var(--accent);color:var(--accent-foreground)}input[type=file]{font-size:0;color:transparent;max-width:100%}input[type=file]::file-selector-button,input[type=file]::-webkit-file-upload-button{font-family:var(--font-head);font-size:13px;cursor:pointer;color:var(--primary-foreground);background:var(--primary);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:8px 12px;margin-inline-end:8px}input[type=file]::file-selector-button:hover,input[type=file]::-webkit-file-upload-button:hover{background:var(--primary-hover)}