:root{--paper:#edefea;--paper-2:#e3e6de;--paper-3:#d6dad0;--ink:#14231f;--ink-soft:#5a6b64;--pine:#1f4f43;--sage:#3e7a63;--mint:#6ba583;--brass:#c8a24a;--amber:#a8672f;--line:rgba(20,35,31,.14);--line-strong:rgba(20,35,31,.3);--display:"Noto Kufi Arabic",system-ui,sans-serif;--body:"IBM Plex Sans Arabic",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}body{min-height:100vh;background-image:linear-gradient(180deg,var(--paper) 0,var(--paper) 55%,var(--paper-2) 100%)}.shell{max-width:900px;margin:0 auto;padding:40px 20px 80px}.masthead{border-bottom:2px solid var(--ink);padding-bottom:16px;margin-bottom:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.masthead h1{font-family:var(--display);font-weight:700;font-size:clamp(22px,4vw,32px);letter-spacing:-.01em;line-height:1.25}.masthead p{font-size:13px;margin-top:6px;max-width:46ch;line-height:1.6}.factor,.masthead p{color:var(--ink-soft)}.factor{font-family:var(--mono);font-size:12px;text-align:left;white-space:nowrap}.factor b{display:block;font-size:22px;color:var(--pine);font-weight:600;letter-spacing:-.02em}.modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border:1.5px solid var(--ink);margin-bottom:28px}.modes button{font-family:var(--body);font-size:14px;font-weight:600;padding:13px 12px;background:transparent;color:var(--ink);border:0;cursor:pointer;transition:background .16s ease,color .16s ease}.modes button+button{-webkit-border-start:1.5px solid var(--ink);border-inline-start:1.5px solid var(--ink)}.modes button[data-on=true]{background:var(--ink);color:var(--paper)}.modes button:focus-visible{outline:3px solid var(--brass);outline-offset:-3px}.entry{border:1.5px solid var(--line-strong);background:hsla(0,0%,100%,.55);padding:22px 24px;margin-bottom:8px}.entry label{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:10px}.entry input{width:100%;font-family:var(--mono);font-size:clamp(30px,7vw,46px);font-weight:500;letter-spacing:-.02em;color:var(--ink);background:transparent;border:0;border-bottom:2px solid var(--line);padding-bottom:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr;text-align:right}.entry input:focus{outline:none;border-bottom-color:var(--pine)}.entry input::placeholder{color:var(--paper-3)}.bar-wrap{margin:30px 0 10px}.bar-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--ink-soft);margin-bottom:9px}.bar{height:46px;width:100%;border:1.5px solid var(--ink);overflow:hidden;background:var(--paper-3)}.bar,.seg{display:flex}.seg{height:100%;transition:width .42s cubic-bezier(.22,.7,.25,1);position:relative;align-items:center;justify-content:center}.seg+.seg{-webkit-border-start:1px solid hsla(84,14%,93%,.5);border-inline-start:1px solid hsla(84,14%,93%,.5)}.seg span{font-family:var(--mono);font-size:10.5px;font-weight:600;color:hsla(0,0%,100%,.94);opacity:0;transition:opacity .2s ease;pointer-events:none}.seg[data-wide=true] span{opacity:1}.keys{flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:12px;color:var(--ink-soft)}.key,.keys{display:flex}.key{align-items:center;gap:7px}.dot{width:10px;height:10px;flex:none}.ledger{margin-top:34px;border-top:1.5px solid var(--ink)}.row{display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--line)}.row .lbl{font-size:14px;display:flex;align-items:center;gap:9px;min-width:0}.row .lbl em{font-style:normal;font-size:11px;color:var(--ink-soft);background:var(--paper-2);padding:2px 6px;white-space:nowrap}.row .lbl em,.row .val{font-family:var(--mono)}.row .val{font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr}.row[data-kind=rule]{background:rgba(31,79,67,.06);padding-inline:10px;margin-inline:-10px;border-bottom-color:var(--line-strong)}.row[data-kind=rule] .lbl,.row[data-kind=rule] .val{font-weight:700}.row[data-kind=final]{border-bottom:0;border-top:2px solid var(--ink);padding-top:20px;margin-top:4px}.row[data-kind=final] .lbl{font-family:var(--display);font-size:17px;font-weight:700}.row[data-kind=final] .val{font-size:clamp(26px,6vw,34px);font-weight:600;letter-spacing:-.02em;color:var(--pine)}.copy{font-family:var(--body);font-size:11px;font-weight:600;border:1px solid var(--line-strong);background:transparent;color:var(--ink-soft);padding:4px 9px;cursor:pointer;-webkit-margin-start:10px;margin-inline-start:10px}.copy:hover{border-color:var(--ink);color:var(--ink)}.rates{margin-top:46px;border:1.5px solid var(--line-strong);background:hsla(0,0%,100%,.4)}.rates>summary{cursor:pointer;padding:15px 18px;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.rates>summary::-webkit-details-marker{display:none}.rates>summary:after{content:"+";font-family:var(--mono);font-size:18px;color:var(--ink-soft)}.rates[open]>summary:after{content:"−"}.rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1px;gap:1px;background:var(--line);border-top:1px solid var(--line)}.rate{background:var(--paper);padding:15px 18px}.rate label{display:block;font-size:12px;color:var(--ink-soft);margin-bottom:8px;line-height:1.45}.rate .field{display:flex;align-items:center;gap:6px}.rate input{width:100%;font-family:var(--mono);font-size:19px;font-weight:500;background:transparent;border:0;border-bottom:1.5px solid var(--line-strong);padding-bottom:5px;color:var(--ink);direction:ltr;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rate input:focus{outline:none;border-bottom-color:var(--pine)}.rate .pct{font-family:var(--mono);font-size:15px;color:var(--ink-soft)}.rate-note{padding:14px 18px;line-height:1.65;border-top:1px solid var(--line);background:var(--paper)}.rate-note,.reset{font-size:12px;color:var(--ink-soft)}.reset{font-family:var(--body);font-weight:600;background:transparent;border:1px solid var(--line-strong);padding:6px 12px;cursor:pointer;margin-top:10px}.reset:hover{border-color:var(--ink);color:var(--ink)}.foot{margin-top:40px;font-size:12px;color:var(--ink-soft);line-height:1.7;border-top:1px solid var(--line);padding-top:16px}.foot code{font-family:var(--mono);font-size:11.5px;background:var(--paper-2);padding:2px 5px;direction:ltr;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}