: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: #14151c;--foreground: #f4f5fb;--card: #1d1f2b;--card-foreground: #f4f5fb;--border: #f4f5fb;--primary: #ffdb33;--primary-hover: #ffe66b;--primary-foreground: #14151c;--secondary: #f4f5fb;--secondary-foreground: #14151c;--muted: #2a2d3c;--muted-foreground: #b9bdd0;--accent: #5f4fe6;--accent-foreground: #ffffff;--destructive: #ff5d6c;--destructive-foreground: #14151c;--bg-base: #0e0f15;--bg-dot1: rgba(95,79,230,.3);--bg-dot2: rgba(46,196,240,.22);--bg-hatch: rgba(255,255,255,.04)}[data-theme=bubblegum]{--background: #fff0f7;--foreground: #3a1230;--card: #ffe3f1;--card-foreground: #3a1230;--border: #c33d8c;--primary: #ff8fc8;--primary-hover: #ff6fb6;--primary-foreground: #3a1230;--secondary: #8a4fd6;--secondary-foreground: #ffffff;--muted: #f3cfe6;--muted-foreground: #8a4f7a;--accent: #d6b3ff;--accent-foreground: #3a1230;--destructive: #e63973;--destructive-foreground: #ffffff;--bg-base: #fff5fb;--bg-dot1: rgba(255,93,162,.22);--bg-dot2: rgba(155,93,229,.18);--bg-hatch: rgba(195,61,140,.05)}[data-theme=terminal]{--background: #05140a;--foreground: #4dff88;--card: #08240f;--card-foreground: #4dff88;--border: #4dff88;--primary: #ffb000;--primary-hover: #ffc740;--primary-foreground: #05140a;--secondary: #4dff88;--secondary-foreground: #05140a;--muted: #0e3318;--muted-foreground: #8fffb6;--accent: #ffb000;--accent-foreground: #05140a;--destructive: #ff5555;--destructive-foreground: #05140a;--bg-base: #03100a;--bg-dot1: rgba(77,255,136,.18);--bg-dot2: rgba(255,176,0,.14);--bg-hatch: rgba(77,255,136,.06)}*{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)}