:root{--fg: #1b1b1f;--muted: #6b6f76;--line: #e3e5e8;--bg: #f6f7f9;--card: #ffffff;--accent: #111214;--accent-fg: #ffffff;--good: #1f7a4d;--good-bg: #e9f6ee;--warn: #9a5b00;--warn-bg: #fff4e0;--bad: #b3261e;--bad-bg: #fdecea;--radius: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fg: #ececef;--muted: #a3a7ae;--line: #2c2f35;--bg: #0f1012;--card: #17181b;--accent: #ececef;--accent-fg: #111214;--good: #7fd6a4;--good-bg: #12301f;--warn: #f0c36b;--warn-bg: #332a12;--bad: #ff8a80;--bad-bg: #3a1b18}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Noto Sans Arabic,Noto Naskh Arabic,system-ui,sans-serif;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{line-height:1.35;margin:0 0 8px}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:.85rem}.bidi{unicode-bidi:isolate;direction:ltr;display:inline-block}.page{max-width:760px;margin:0 auto;padding:16px 16px 96px}.page--wide{max-width:1180px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.stack{display:grid;gap:10px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;min-height:46px;text-decoration:none;font-weight:600}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn--ghost{background:transparent}.btn--danger{color:var(--bad);border-color:var(--bad)}.btn--block{width:100%}.btn--sm{padding:6px 12px;min-height:34px;font-weight:500}label.field{display:grid;gap:6px;font-size:.95rem}.input,textarea.input,select.input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--fg);min-height:46px}textarea.input{min-height:120px;resize:vertical}.alert{padding:12px 14px;border-radius:12px;margin-bottom:12px}.alert--bad{background:var(--bad-bg);color:var(--bad)}.alert--warn{background:var(--warn-bg);color:var(--warn)}.alert--good{background:var(--good-bg);color:var(--good)}.tag{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}.tag--good{background:var(--good-bg);color:var(--good);border-color:transparent}.tag--warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}.tag--bad{background:var(--bad-bg);color:var(--bad);border-color:transparent}.topbar{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 0;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.timer{font-variant-numeric:tabular-nums;font-weight:700;direction:ltr}.timer--low{color:var(--bad)}.progress{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin:6px 0 12px}.progress>div{height:100%;background:var(--accent)}.prompt{font-size:1.15rem;font-weight:600;margin:8px 0 12px}.media{margin:0 0 12px}.media img{width:100%;border-radius:12px;background:#000}.media__credit{font-size:.72rem;color:var(--muted);margin-top:4px}.media--missing{border:1px dashed var(--line);border-radius:12px;padding:24px 14px;text-align:center;color:var(--muted)}.options{display:grid;gap:10px}.option{text-align:start;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;display:flex;gap:10px;align-items:flex-start;width:100%}.option--on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option__mark{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:inline-grid;place-items:center;font-size:.8rem;margin-top:3px}.option--on .option__mark{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.dontknow{margin-top:12px}.dontknow .btn{border-style:dashed}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card);padding:0;cursor:pointer;text-align:center}.tile--on{border-color:var(--accent)}.tile img{aspect-ratio:4/3;object-fit:cover;width:100%}.tile__label{padding:8px;font-weight:600}.hotspot{position:relative;touch-action:manipulation}.hotspot img{width:100%;border-radius:12px;display:block}.hotspot__pin{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid #fff;background:#b3261ed9;box-shadow:0 0 0 2px #0006;pointer-events:none}.hotspot__target{position:absolute;border:2px dashed var(--good);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.seq{list-style:none;margin:0;padding:0;display:grid;gap:8px}.seq li{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.seq__n{width:26px;height:26px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:.85rem;flex:none}.seq__label{flex:1}.seq__btns{display:flex;gap:4px}.seq__btns .btn{padding:4px 10px;min-height:32px}.recorder{display:grid;gap:10px}.recorder__time{font-size:2rem;font-weight:700;direction:ltr;text-align:center;font-variant-numeric:tabular-nums}.rating{display:grid;gap:10px}.rating__row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.rating__scale{display:flex;gap:6px}.rating__scale button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card)}.rating__scale button.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.footer-nav{position:fixed;bottom:0;inset-inline:0;background:var(--card);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;justify-content:space-between}.footer-nav .btn{flex:1}.lightbox{position:fixed;inset:0;background:#000000eb;z-index:50;display:grid;grid-template-rows:1fr auto}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;margin:auto}.lightbox__bar{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#000}.lightbox__bar .btn{flex:1}.map{display:grid;gap:8px}.map__row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.map__row--done{opacity:.6}table.tbl{width:100%;border-collapse:collapse;font-size:.92rem}.tbl th,.tbl td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{color:var(--muted);font-weight:600;white-space:nowrap}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover{background:var(--bg)}.kpi{background:var(--bg);border-radius:12px;padding:10px 14px}.kpi__label{color:var(--muted);font-size:.82rem}.kpi__value{font-size:1.35rem;font-weight:700}.item-review{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.item-review--wrong{border-color:var(--bad)}.item-review--right{border-color:var(--good)}.item-review__head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.item-review__id{font-family:ui-monospace,monospace;font-weight:700}.opt-list{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px}.opt-list li{padding:6px 10px;border-radius:8px;background:var(--bg);display:flex;gap:8px;align-items:center}.opt-list li.key{outline:2px solid var(--good)}.opt-list li.picked.wrong{outline:2px solid var(--bad)}.opt-list img{width:56px;height:42px;object-fit:cover;border-radius:6px}.rubric{margin:6px 0;padding-inline-start:20px}.score-input{width:4em;text-align:center;padding:6px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--fg)}.radar{width:100%;max-width:420px;margin:0 auto;display:block}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;display:inline-block}@media(min-width:900px){.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start}}