:root{--bg:#eef1f6;--surface:#ffffff;--fg:#121826;--muted:#586379;--line:#d6dce6;--accent:#2a46d6;--accent-soft:#e2e7fb;--glow:#f3a712;--best:#0d7a52;--best-soft:#dbf1e6;--meter:#121a33;--meter-fg:#f4f6fb;--meter-dim:#8b97b8;--meter-grid:#24305a;--pa:#c96a3d;--po:#1b8a7a;--pg:#3a6ff0;--pd:#7a4fd6;--pm:#c2417a;--pq:#8a7612;--handle:#c2410c;--handle-fill:#e8875a;--handle-ring:#ffffff;--handle-grip:rgba(255,255,255,.8);--display:"Bricolage Grotesque","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;--body:"Source Sans 3","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1018;--surface:#151b27;--fg:#e8ecf3;--muted:#98a3b8;--line:#283141;--accent:#8aa2ff;--accent-soft:#1d2746;--glow:#ffc04a;--best:#53d39c;--best-soft:#12301f;--meter:#070b16;--meter-fg:#f4f6fb;--meter-dim:#7c88a8;--meter-grid:#1a2444;--pa:#e58a5c;--po:#3cc0ab;--pg:#6f97ff;--pd:#a585f0;--pm:#f07aa8;--pq:#d8c24e;--handle:#ea580c;--handle-fill:#9a3f17;--handle-ring:#151b27;--handle-grip:rgba(255,255,255,.85);color-scheme:dark}}:root[data-theme=dark]{--bg:#0c1018;--surface:#151b27;--fg:#e8ecf3;--muted:#98a3b8;--line:#283141;--accent:#8aa2ff;--accent-soft:#1d2746;--glow:#ffc04a;--best:#53d39c;--best-soft:#12301f;--meter:#070b16;--meter-fg:#f4f6fb;--meter-dim:#7c88a8;--meter-grid:#1a2444;--pa:#e58a5c;--po:#3cc0ab;--pg:#6f97ff;--pd:#a585f0;--pm:#f07aa8;--pq:#d8c24e;--handle:#ea580c;--handle-fill:#9a3f17;--handle-ring:#151b27;--handle-grip:rgba(255,255,255,.85);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px}.wrap{max-width:960px;margin:0 auto;display:grid;gap:24px}.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.brand{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.brand i{width:12px;height:12px;border-radius:3px;background:var(--glow);box-shadow:0 0 12px var(--glow);display:inline-block}.langs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px}.langs a{font:600 13px var(--body);color:var(--muted);padding:5px 11px;border-radius:999px;text-decoration:none}.langs a[aria-current=page]{background:var(--fg);color:var(--bg)}h1{font-family:var(--display);font-weight:800;font-size:clamp(30px,6vw,54px);line-height:1.02;letter-spacing:-.03em;margin:8px 0 0;text-wrap:balance;max-width:16ch}h2{font-family:var(--display);font-weight:800;font-size:clamp(22px,3.5vw,30px);letter-spacing:-.02em;margin:0;text-wrap:balance}:lang(ar) h1,:lang(ar) h2{letter-spacing:0;line-height:1.3}.lead{color:var(--muted);margin:10px 0 0;max-width:60ch;font-size:17px}.label{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}:lang(ar) .label{letter-spacing:0;font-size:13px}.meter{background:var(--meter);color:var(--meter-fg);border-radius:18px;padding:22px 24px;overflow:hidden;background-image:linear-gradient(var(--meter-grid) 1px,transparent 1px),linear-gradient(90deg,var(--meter-grid) 1px,transparent 1px);background-size:22px 22px;background-position:-1px -1px;display:grid;gap:14px}.meter .label{color:var(--meter-dim)}.readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-family:var(--mono);font-variant-numeric:tabular-nums}.readout .lo{font-weight:800;font-size:clamp(40px,9vw,76px);line-height:1;color:var(--glow);text-shadow:0 0 22px color-mix(in srgb,var(--glow) 45%,transparent)}[dir=rtl] .readout .dash{display:inline-block;transform:scaleX(-1)}.readout .dash{font-size:clamp(22px,4vw,34px);color:var(--meter-dim)}.readout .hi{font-weight:600;font-size:clamp(22px,4vw,34px)}.readout .unit{font-size:15px;color:var(--meter-dim)}.meter p{margin:0;color:var(--meter-dim);max-width:70ch}.meter p b{color:var(--meter-fg);font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}button.chip{font:600 14px var(--body);border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:999px;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}button.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.dot,.pdot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.sl{display:grid;gap:8px;min-width:0}.sl-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.sl-head label{font-weight:600;font-size:15px}.sl-head input{width:9.5em;font:600 16px var(--mono);font-variant-numeric:tabular-nums;text-align:end;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);direction:ltr}.sl small{color:var(--muted);font-size:13px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;margin:0;background:transparent;pointer-events:none;cursor:default;--pct:0%}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--handle-fill) 0 var(--pct),var(--line) var(--pct) 100%)}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--line)}input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:var(--handle-fill)}[dir=rtl] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--handle-fill) 0 var(--pct),var(--line) var(--pct) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:grab;width:30px;height:30px;margin-top:-12px;border-radius:50%;box-sizing:border-box;border:3px solid var(--handle-ring);background:linear-gradient(90deg,transparent 30%,var(--handle-grip) 30% 36%,transparent 36% 47%,var(--handle-grip) 47% 53%,transparent 53% 64%,var(--handle-grip) 64% 70%,transparent 70%) center / 100% 42% no-repeat,var(--handle);box-shadow:0 1px 2px #00000040,0 3px 8px color-mix(in srgb,var(--handle) 35%,transparent);transition:transform .12s ease,box-shadow .12s ease}input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:grab;width:30px;height:30px;border-radius:50%;box-sizing:border-box;border:3px solid var(--handle-ring);background:linear-gradient(90deg,transparent 30%,var(--handle-grip) 30% 36%,transparent 36% 47%,var(--handle-grip) 47% 53%,transparent 53% 64%,var(--handle-grip) 64% 70%,transparent 70%) center / 100% 42% no-repeat,var(--handle);box-shadow:0 1px 2px #00000040,0 3px 8px color-mix(in srgb,var(--handle) 35%,transparent)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12);box-shadow:0 0 0 7px color-mix(in srgb,var(--handle) 22%,transparent)}input[type=range]:active::-moz-range-thumb{cursor:grabbing;box-shadow:0 0 0 7px color-mix(in srgb,var(--handle) 22%,transparent)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}@media(prefers-reduced-motion:reduce){input[type=range]::-webkit-slider-thumb{transition:none}}.toggle{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;cursor:pointer}.toggle input{width:18px;height:18px;accent-color:var(--accent);flex:none}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.group{display:grid;gap:8px}.bar-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px}.seg button{font:600 14px var(--body);border:0;background:transparent;color:var(--muted);padding:7px 14px;border-radius:7px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.ledger{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) 8.5em;gap:16px;align-items:center;padding:13px 18px;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row.dim{opacity:.55}.row.best{background:var(--best-soft)}.name{min-width:0}.name strong{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:16px}.name .pdot{width:10px;height:10px}.name .sub{display:block;font-size:13px;color:var(--muted)}.track{height:14px;background:var(--bg);border-radius:4px;overflow:hidden;min-width:0}.fill{height:100%;border-radius:4px}.cost{text-align:end;font-family:var(--mono);font-variant-numeric:tabular-nums}.cost strong{display:block;font-weight:600;font-size:17px;direction:ltr}.cost span{font-size:12px;color:var(--muted)}.tag{font:600 11px var(--body);letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.tag.cheap{background:var(--best);color:var(--surface)}.tag.warn{background:color-mix(in srgb,var(--glow) 22%,transparent);color:var(--fg)}.empty{padding:28px 18px;color:var(--muted)}.hint{color:var(--muted);font-size:14px}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}th,td{padding:11px 14px;text-align:start;border-top:1px solid var(--line);white-space:nowrap}thead th{border-top:0;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}thead th button{all:unset;cursor:pointer}thead th button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}thead th[aria-sort]{color:var(--accent)}td .pdot{margin-inline-end:8px}td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:end;direction:ltr}th.num{text-align:end}td.mark,th.mark{text-align:center}td.mark{font-family:var(--mono)}.yes{color:var(--best);font-weight:700}.unk{color:var(--muted)}tr.best td{background:var(--best-soft)}.pct-in{display:inline-flex;align-items:center;gap:4px;font:600 16px var(--mono);direction:ltr}.sl-head .pct-in input{width:4.5em}.field-label{font-weight:600;font-size:15px}select{font:600 15px var(--body);padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);width:100%;min-width:0}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.route{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 20px;display:grid;gap:20px;border-top:4px solid var(--glow)}.route-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;align-items:end}.route-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.fig{display:grid;gap:4px;align-content:start;padding:14px 16px;border-radius:10px;background:var(--bg);min-width:0}.fig .big{font:700 clamp(24px,4vw,32px) var(--mono);font-variant-numeric:tabular-nums;direction:ltr;text-align:start}[dir=rtl] .fig .big{text-align:end}.fig .big.muted{color:var(--muted)}.fig.good{background:var(--best-soft)}.fig.good .big{color:var(--best)}.fig.bad{background:color-mix(in srgb,var(--glow) 18%,transparent)}.route-bar{display:flex;height:16px;border-radius:5px;overflow:hidden;background:var(--bg);margin-top:14px}.route-bar div{height:100%;transition:width .3s ease}.route-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px;font-size:14px;color:var(--muted)}.route-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-inline-end:6px;vertical-align:0}.nav-l{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}.sections{display:flex;gap:4px}.sections a{font:600 14px var(--body);color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px}.sections a:hover{color:var(--fg)}.sections a[aria-current]{color:var(--fg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.crumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}.crumbs a{color:var(--accent);text-decoration:none}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.task-card{display:grid;gap:8px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.task-card:hover{border-color:var(--accent);transform:translateY(-2px)}.task-card strong{font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.01em;line-height:1.15}:lang(ar) .task-card strong{letter-spacing:0}.task-card .desc{color:var(--muted);font-size:15px}.task-card .from{font:700 18px var(--mono);color:var(--best);font-variant-numeric:tabular-nums}.task-card .picks{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--muted)}.task-card .pick{display:inline-flex;align-items:center;gap:6px}.task-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.task-cols .panel{gap:14px;align-content:start}.h3{font-family:var(--display);font-weight:700;font-size:18px;margin:0}.checks{margin:0;padding:0;list-style:none;display:grid;gap:10px}.checks li{display:grid;grid-template-columns:14px 1fr;gap:10px}.checks li:before{content:"";width:8px;height:8px;margin-top:8px;border-radius:2px;background:var(--glow)}.wl{font:600 15px var(--mono);margin:0;font-variant-numeric:tabular-nums}.btn{justify-self:start;display:inline-block;font:600 14px var(--body);background:var(--accent);color:var(--surface);text-decoration:none;padding:9px 16px;border-radius:9px}.shortlist{display:grid;gap:12px}.shortlist .hint{margin:0}.tests{border-style:dashed}.tests p{margin:0}.tests a{color:var(--accent)}.pricelist{display:grid;gap:12px}.pricelist .ledger table{min-width:520px}.notes{color:var(--muted);font-size:14px;display:grid;gap:6px}.notes a{color:var(--accent)}@media(max-width:600px){.row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.row .track{grid-column:1 / -1;order:3}.meter{padding:18px}}@media(prefers-reduced-motion:no-preference){.fill{transition:width .3s ease}}