:root{--bg:#f5f7fb;--card:#fff;--ink:#12192b;--mute:#5a6479;--line:#dde3ee;--ac:#3454d1;--acink:#fff;--soft:#e8edfb;--ok:#0f7b4f;--bad:#b3261e;--okbg:#e4f5ec;--amber:#a15c00}:root[data-theme=dark]{--bg:#0e1320;--card:#161d2e;--ink:#e9eefb;--mute:#9aa6bf;--line:#26304a;--ac:#7c93ff;--acink:#0b1020;--soft:#1d2744;--ok:#4fd1a0;--bad:#ff8a80;--okbg:#143026;--amber:#f0b45a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 1.05rem/1.8 IBM Plex Sans Arabic,Tahoma,Arial,sans-serif}a{color:inherit}.wrap{max-width:960px;margin:0 auto;padding:0 16px}header.top{border-bottom:1px solid var(--line);background:var(--card)}header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-weight:700;font-size:1.2rem;text-decoration:none}button,.btn{font:inherit;font-weight:600;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;background:var(--ac);color:var(--acink);display:inline-block;text-decoration:none}button.sec{background:var(--soft);color:var(--ink)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible,.drop:focus-visible{outline:3px solid var(--ac);outline-offset:2px}h1{font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.3;margin:32px 0 8px}h2{font-size:1.3rem;margin:36px 0 8px}.lead{color:var(--mute);max-width:60ch;margin:0 0 20px}input[type=search],input[type=number]{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:20px 0 40px}.tool{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;text-decoration:none}a.tool:hover{border-color:var(--ac)}.tool b{display:block;font-size:1.1rem}.tool small{color:var(--mute);line-height:1.5;display:block}.tool.soon{opacity:.55}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}.drop{border:2px dashed var(--line);border-radius:12px;padding:36px 16px;text-align:center;cursor:pointer;color:var(--mute)}.drop.on,.drop:hover{border-color:var(--ac);background:var(--soft)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.chip{padding:8px 14px;border-radius:999px}.chip[aria-pressed=true]{background:var(--ac);color:var(--acink)}.row input[type=number]{width:110px}.pbar{height:14px;border-radius:99px;background:var(--soft);overflow:hidden;margin-top:14px}.pbar i{display:block;height:100%;width:0;background:var(--ac);transition:width .2s}.prow{display:flex;justify-content:space-between;gap:12px;margin:6px 0;color:var(--mute);font-size:.95rem}.prow b{color:var(--ink)}.msg{margin:12px 0;font-weight:600}.msg.ok{color:var(--ok)}.msg.bad{color:var(--bad)}.note{background:var(--soft);border-radius:10px;padding:10px 14px;font-size:.93rem;color:var(--mute)}ol,ul{padding-inline-start:22px}details{border-bottom:1px solid var(--line);padding:10px 0}summary{cursor:pointer;font-weight:600}footer{border-top:1px solid var(--line);margin-top:48px;padding:20px 0;color:var(--mute);font-size:.93rem}[hidden]{display:none!important}.chip{position:relative}.chip:disabled{opacity:.35}.sizes{margin-top:22px}.chip.is-rec:before{content:"موصى به";position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--okbg);color:var(--ok);font-size:.7rem;line-height:1.6;padding:0 8px;border-radius:99px;white-space:nowrap}.rec-note{display:block;width:100%;text-align:start;background:var(--okbg);color:var(--ok);font-size:.95rem;padding:8px 14px;border-radius:10px;margin-top:6px}.qbox{margin:12px 0;padding:10px 14px;border-radius:10px;background:var(--soft);border-inline-start:4px solid var(--mute);font-size:.95rem;color:var(--mute)}.qbox b{color:var(--ink)}.qbox[data-l=great],.qbox[data-l=good]{border-color:var(--ok)}.qbox[data-l=mid]{border-color:var(--amber)}.qbox[data-l=weak]{border-color:var(--bad)}.top .wrap{display:flex;justify-content:space-between;align-items:center}.site-logo{height:48px;width:auto;display:block}