:root{--bg:#070b16;--panel:rgba(20,26,46,.72);--panel2:#1c2340;--line:#283154;--txt:#eef2fb;--muted:#94a1c4;--accent:#2dd4bf;--accent2:#38bdf8;--red:#f87171;--green:#34d399;--gold:#fbbf24;--amber:#f59e0b}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(900px 500px at 85% -10%,rgba(56,189,248,.18) 0,transparent 60%),radial-gradient(1000px 600px at 10% -5%,rgba(45,212,191,.16) 0,transparent 55%),var(--bg);color:var(--txt);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:1120px;margin:0 auto;padding:26px 18px 70px}header.top{justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.brand,header.top{display:flex;align-items:center}.brand{gap:13px}.logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-size:24px;box-shadow:0 8px 24px rgba(45,212,191,.35)}h1{font-size:21px;margin:0;letter-spacing:-.4px}.sub{color:var(--muted);font-size:13px;margin-top:2px}.langs{display:flex;gap:6px;flex-wrap:wrap}.langs button{background:var(--panel2);color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:10px;cursor:pointer;font-size:13px;transition:.15s}.langs button:hover{color:var(--txt);border-color:var(--accent)}.langs button.on{color:#04121a;background:var(--accent);border-color:var(--accent);font-weight:700}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;border:1px solid}.badge.green{background:rgba(52,211,153,.12);color:var(--green);border-color:rgba(52,211,153,.4)}.badge.teal{background:rgba(45,212,191,.12);color:var(--accent);border-color:rgba(45,212,191,.4)}.badge.amber{background:rgba(245,158,11,.12);color:var(--amber);border-color:rgba(245,158,11,.4)}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:18px}@media (max-width:820px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.card h2{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 12px}.srcTabs{display:flex;gap:8px;margin-bottom:12px}.srcTabs button{flex:1 1;background:var(--panel2);color:var(--muted);border:1px solid var(--line);padding:9px;border-radius:11px;cursor:pointer;font-size:13.5px;font-weight:600;transition:.15s}.srcTabs button.on{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04121a;border-color:transparent}.stage{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:280px;display:grid;place-items:center;background:#0d1326}.stage canvas,.stage img,.stage video{max-width:100%;max-height:440px;display:block}.stage video{width:100%;object-fit:cover}.stage canvas.overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.drop{color:var(--muted);text-align:center;padding:40px 20px;font-size:14px;cursor:pointer;display:grid;grid-gap:6px;gap:6px;justify-items:center}.dropIcon{font-size:40px}.liveTag{position:absolute;top:10px;left:10px;background:hsla(0,91%,71%,.9);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;letter-spacing:.04em;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.btns{display:flex;gap:10px;margin-top:13px;flex-wrap:wrap}button.act{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04121a;border:0;padding:12px 17px;border-radius:12px;font-weight:700;cursor:pointer;font-size:14px;transition:.15s;box-shadow:0 6px 18px rgba(45,212,191,.25)}button.act:hover:not(:disabled){transform:translateY(-1px)}button.act.ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--line);box-shadow:none}button.act.ghost.active{border-color:var(--red);color:var(--red)}button.act:disabled{opacity:.45;cursor:not-allowed}.assessment{white-space:pre-wrap;line-height:1.55;font-size:14.5px;min-height:60px}.mat{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.mat:last-child{border-bottom:0}.mat .em{font-size:26px;line-height:1}.mat .n{font-weight:600}.mat .l{color:var(--muted)}.mat .d,.mat .l{font-size:12.5px}.mat .d{color:var(--accent);font-style:italic;margin-top:1px}.tabs{display:flex;gap:6px;margin-bottom:12px}.tabs button{flex:1 1;background:var(--panel2);color:var(--muted);border:1px solid var(--line);padding:8px;border-radius:10px;cursor:pointer;font-size:12.5px;transition:.15s}.tabs button.on{background:var(--accent);color:#04121a;font-weight:700}ol.steps{margin:0;padding-left:18px;line-height:1.65;font-size:14px}ol.steps li{margin-bottom:4px}.flags{list-style:none;margin:0;padding:0}.flags li{color:var(--red);font-size:13.5px;padding:6px 0 6px 24px;position:relative;line-height:1.4}.flags li:before{content:"⚠";position:absolute;left:0}.phraseGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 24px;gap:4px 24px}@media (max-width:600px){.phraseGrid{grid-template-columns:1fr}}.phrase{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13.5px}.phrase .dj{color:var(--gold);font-weight:600}.phrase .tr{color:var(--muted);text-align:right}.disclaimer{color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.disclaimer,footer.foot{margin-top:22px;font-size:12px;text-align:center}footer.foot{color:#5a6a8e}[dir=rtl] ol.steps{padding-left:0;padding-right:18px}[dir=rtl] .flags li{padding:6px 24px 6px 0}[dir=rtl] .flags li:before{left:auto;right:0}[dir=rtl] .phrase .tr{text-align:left}.loadModal{position:fixed;inset:0;background:rgba(4,8,18,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:50}.loadCard{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px 34px;width:min(420px,90vw);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}.ring{position:relative;width:132px;height:132px;border-radius:50%;margin:0 auto 18px;background:conic-gradient(var(--accent2) var(--p),#1c2340 0);display:grid;place-items:center;transition:background .25s ease}.ring:before{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#0d1326}.ring span{position:relative;font-size:34px;font-weight:800;color:#fff}.ring span small{font-size:16px;color:var(--muted);margin-left:2px}.loadTitle{font-size:14px;color:var(--txt);margin-bottom:12px}.loadBar{height:8px;background:#1c2340;border-radius:6px;overflow:hidden}.loadBar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s ease}.loadMeta{color:var(--muted);font-size:12.5px;margin-top:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.loadHint{color:#5a6a8e;font-size:11.5px;margin-top:8px}