:root{--cream-white:#fdfbf5;--lemon-cream:#fff6d6;--coral-reef:#ffb5a7;--ocean-mist:#b7dcd6;--morning-sky:#d6e4fa;--golden-dune:#f4d9a6;--sunset-clay:#e07a5f;--clay-ink:#9e4a32;--teal-ink:#2e5d55;--gold-ink:#8a6420;--sky-ink:#3a5a8c;--coral-ink:#b04a3a;--bg:var(--cream-white);--surface:#ffffff;--ink:#3d3630;--ink-soft:#6e645b;--ink-faint:#a2988d;--accent:var(--sunset-clay);--accent-ink:var(--clay-ink);--accent-soft:#fbe9e0;--insight-bg:var(--ocean-mist);--insight-ink:var(--teal-ink);--selected-bg:var(--golden-dune);--selected-ink:var(--gold-ink);--safety-bg:var(--coral-reef);--safety-ink:var(--coral-ink);--border:#eadfc9;--radius:14px;--maxw:640px}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}body,html{background:var(--bg);color:var(--ink);font-family:var(--font-plex-arabic),"IBM Plex Sans Arabic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Arabic","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;min-height:100dvh}main{max-width:var(--maxw);margin:0 auto;padding:24px 20px 64px}h1{font-size:1.9rem;line-height:1.25;letter-spacing:-.01em}h1,h2{font-weight:700}h2{font-size:1.35rem;line-height:1.3}p.lead{color:var(--ink-soft);font-size:1.06rem}.btn{display:inline-block;width:100%;padding:15px 24px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1.05rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover{background:var(--accent-ink)}.btn:disabled{opacity:.4;cursor:default}.btn.secondary{background:transparent;color:var(--accent-ink);border:1.5px solid var(--accent)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card,.option{background:var(--surface)}.option{display:block;width:100%;padding:15px 18px;margin-bottom:10px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1.02rem;text-align:start;cursor:pointer;color:var(--ink);transition:border-color .12s ease,background .12s ease}.option:hover{border-color:var(--accent)}.option.selected{border-color:var(--gold-ink);background:var(--selected-bg);color:var(--selected-ink);font-weight:700}.option .hint{display:block;font-size:.88rem;color:var(--ink-soft);font-weight:400}.progressbar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin:18px 0 28px}.progressbar>div{height:100%;background:var(--accent);border-radius:3px;transition:width .25s ease}.insight{background:var(--insight-bg);border:1px solid var(--teal-ink);border-radius:var(--radius);padding:22px;color:var(--insight-ink)}.insight .kicker{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.insight .kicker,.insight h2{color:var(--insight-ink)}.result-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-row .label{color:var(--ink-soft)}.result-row .value{font-weight:600;text-align:end}.safety{background:var(--safety-bg);border:1px solid var(--safety-ink);border-radius:var(--radius);padding:18px;color:var(--safety-ink);font-weight:600}.footer-note{font-size:.85rem;color:var(--ink-faint);margin-top:28px;text-align:center}.lang-switch{font-size:.9rem;color:var(--ink-soft);text-decoration:none;border:1px solid var(--border);border-radius:20px;padding:5px 14px;background:var(--surface)}header.site{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:18px 20px 0}header.site .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:var(--accent-ink);text-decoration:none}header.site .brand-mark{display:block;width:28px;height:28px;flex:none;background-color:var(--accent-ink);-webkit-mask:url(/brand/mark.svg) center/contain no-repeat;mask:url(/brand/mark.svg) center/contain no-repeat}header.site .brand-name{line-height:1}