:root{--paper:#efede6;--paper-2:#e7e4da;--card:#faf8f3;--card-2:#f2efe7;--ink:#16211f;--ink-2:#4a5754;--muted:#8a928c;--rule:#cfc9ba;--hair:#e0dbcd;--ok:#14544a;--ok-bg:#dde9e3;--ok-line:#9fbfb4;--warn:#8a5410;--warn-bg:#f0e4ce;--warn-line:#c9a870;--bad:#94301f;--bad-bg:#f0ded8;--bad-line:#c89484;--accent:#14544a;--sh-sm:0 1px 0 #16211f0d;--sh:0 1px 2px #16211f12, 0 6px 18px -12px #16211f40;--r:3px;--pad:18px;--display:"Amiri", Georgia, serif;--ui:"IBM Plex Sans Arabic", "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#10160f;--paper-2:#151c15;--card:#1a211a;--card-2:#151c15;--ink:#e8e7dc;--ink-2:#a9b0a6;--muted:#7c857c;--rule:#2f3a30;--hair:#232c24;--ok:#7fc3af;--ok-bg:#16302a;--ok-line:#35564c;--warn:#d9a867;--warn-bg:#33270f;--warn-line:#5b4726;--bad:#d89179;--bad-bg:#331913;--bad-line:#5b3126;--accent:#7fc3af;--sh-sm:0 1px 0 #0000004d;--sh:0 1px 2px #0006, 0 6px 18px -12px #000000b3}}:root[data-theme=dark]{--paper:#10160f;--paper-2:#151c15;--card:#1a211a;--card-2:#151c15;--ink:#e8e7dc;--ink-2:#a9b0a6;--muted:#7c857c;--rule:#2f3a30;--hair:#232c24;--ok:#7fc3af;--ok-bg:#16302a;--ok-line:#35564c;--warn:#d9a867;--warn-bg:#33270f;--warn-line:#5b4726;--bad:#d89179;--bad-bg:#331913;--bad-line:#5b3126;--accent:#7fc3af;--sh-sm:0 1px 0 #0000004d;--sh:0 1px 2px #0006, 0 6px 18px -12px #000000b3}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--ui);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.65}body:before{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;line-height:1.35}h1{letter-spacing:-.01em;font-size:clamp(26px,4vw,34px)}h2{font-size:clamp(19px,2.4vw,22px)}h3{font-size:16px;font-family:var(--ui);font-weight:600}a{color:var(--accent);text-underline-offset:3px}.rubric{font-family:var(--ui);letter-spacing:.16em;color:var(--muted);align-items:center;gap:12px;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.rubric:after{content:"";background:var(--rule);opacity:.7;flex:1;height:1px}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.small{font-size:13px}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sheet{background:var(--card);border:1px solid var(--hair);border-inline-start:2px solid var(--rule);border-radius:var(--r);padding:var(--pad);box-shadow:var(--sh-sm)}.sheet-lead{border-inline-start-color:var(--accent);box-shadow:var(--sh)}.figure{align-items:baseline;gap:10px;margin:2px 0 0;display:flex}.figure-n{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(44px,9vw,62px);font-weight:700;line-height:1}.figure-of{font-family:var(--ui);color:var(--muted);font-size:15px}.bar{background:var(--paper-2);border-radius:999px;height:7px;display:flex;overflow:hidden}.bar>span{height:100%;transition:width .5s cubic-bezier(.2,.7,.3,1);display:block}.bar-ok{background:var(--ok)}.bar-warn{background:var(--warn-line)}.bar-bad{background:var(--bad-line)}.tag{font-family:var(--ui);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.tag-ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-line)}.tag-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}.tag-bad{color:var(--bad);background:var(--bad-bg);border-color:var(--bad-line)}.tag-flat{color:var(--ink-2);background:var(--card-2);border-color:var(--hair)}.tag-flat:before{display:none}.ledger{border-collapse:collapse;width:100%;font-size:14px}.ledger th{text-align:start;font-family:var(--ui);letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--rule);padding:0 10px 8px;font-size:11px;font-weight:600}.ledger td{border-bottom:1px solid var(--hair);vertical-align:middle;padding:11px 10px}.ledger tbody tr:last-child td{border-bottom:0}.ledger tbody tr{transition:background .15s}.ledger tbody tr:hover{background:var(--card-2)}.ledger .num{font-variant-numeric:tabular-nums;color:var(--ink-2)}.btn{font-family:var(--ui);color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:var(--r);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform 60ms;display:inline-flex}.btn:hover{background:var(--card-2);border-color:var(--ink-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:var(--paper);background:var(--ok);border-color:var(--ok)}.btn-primary:hover{background:var(--ink);border-color:var(--ink)}.btn-block{width:100%}label{font-family:var(--ui);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,select,textarea{width:100%;font-family:var(--ui);color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:11px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 18%, transparent);outline:none}.field+.field{margin-top:15px}.hint{color:var(--muted);margin:5px 0 0;font-size:12.5px}.notice{font-family:var(--ui);border-radius:var(--r);border-inline-start:3px solid;padding:11px 13px;font-size:13.5px}.notice-bad{color:var(--bad);background:var(--bad-bg);border-color:var(--bad-line)}.notice-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}.shell{z-index:1;min-height:100vh;position:relative}.wrap{max-width:760px;padding:22px var(--pad) 96px;margin:0 auto}.wide{max-width:1080px}.stack>*+*{margin-top:12px}.grid-2{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}.topbar{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);border-bottom:1px solid var(--hair);position:sticky;top:0}.topbar-in{max-width:1080px;padding:11px var(--pad);align-items:center;gap:12px;margin:0 auto;display:flex}.brand{font-family:var(--display);letter-spacing:-.01em;font-size:19px;font-weight:700}.brand span{color:var(--muted);font-family:var(--ui);font-size:12px;font-weight:500}.tabbar{inset-inline:0;z-index:30;background:color-mix(in srgb, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hair);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0}.tabbar a{color:var(--muted);border-top:2px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;font-size:10.5px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.tabbar a[data-on="1"]{color:var(--ok);border-top-color:var(--ok)}.tabbar svg{width:21px;height:21px}@media (min-width:900px){.tabbar{display:none}.wrap{padding-bottom:40px}}.navlinks{gap:4px;margin-inline-start:auto;display:none}@media (min-width:900px){.navlinks{display:flex}}.navlinks a{color:var(--ink-2);border-radius:var(--r);padding:7px 13px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.navlinks a:hover{background:var(--card-2);color:var(--ink)}.navlinks a[data-on="1"]{color:var(--ok);background:var(--ok-bg)}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.rise{animation:.5s cubic-bezier(.2,.7,.3,1) both rise}.rise:nth-child(2){animation-delay:50ms}.rise:nth-child(3){animation-delay:.1s}.rise:nth-child(4){animation-delay:.15s}.rise:nth-child(5){animation-delay:.2s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:420px){:root{--pad:14px}}
