@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/app/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/app/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/app/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/app/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/app/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/app/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2"),url(/app/assets/ibm-plex-sans-arabic-arabic-400-normal-EA1o-u_Q.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/app/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2) format("woff2"),url(/app/assets/ibm-plex-sans-arabic-arabic-700-normal-9rXc6cUL.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--b-bg, #f6f5f1);color:var(--b-ink, #14202b);font:400 var(--s-text, 17px)/var(--s-line, 1.5) var(--f-body, system-ui, sans-serif)}h1,h2,h3{font-family:var(--f-display, inherit);line-height:1.15;margin:0;letter-spacing:-.01em}h1{font-size:clamp(1.45rem,1.1rem + 1.4vw,2rem)}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0}a{color:var(--b-primary)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--b-accent);outline-offset:2px;border-radius:6px}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:16px;top:8px;background:var(--b-surface);padding:8px 12px;z-index:50}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--b-surface);border-bottom:1px solid var(--b-line)}.mark{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:8px;background:var(--b-accent);color:#14202b;font:900 17px/1 var(--f-display, inherit);border:2px solid #14202b;flex:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--b-ink);min-width:0}.brand b{font:800 1rem/1.1 var(--f-display, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:block;color:var(--b-muted);font-size:12px;font-weight:600}.top .grow{flex:1}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--b-soft);color:var(--b-ink);font-weight:800;text-decoration:none;border:1px solid var(--b-line)}.side{display:none}.tabs{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:var(--b-surface);border-top:1px solid var(--b-line);padding:4px 4px max(6px,env(safe-area-inset-bottom))}.tabs a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;min-height:52px;text-decoration:none;color:var(--b-muted);font-size:11.5px;font-weight:700;border-radius:10px}.tabs a[aria-current=page]{color:var(--b-primary);background:var(--b-soft)}.tabs svg{width:22px;height:22px}main{width:100%;max-width:1080px;margin:0 auto;padding:18px 16px 32px;display:grid;gap:16px;align-content:start}main:focus{outline:none}.foot{max-width:1080px;margin:0 auto;padding:12px 16px 20px;color:var(--b-muted);font-size:13px}.foot a{color:var(--b-muted)}@media(min-width:960px){.app{grid-template-columns:248px 1fr;grid-template-rows:auto 1fr auto}.top{grid-column:2;padding:14px 28px}.side{display:flex;flex-direction:column;gap:4px;grid-column:1;grid-row:1 / span 3;position:sticky;top:0;height:100vh;background:var(--b-surface);border-inline-end:1px solid var(--b-line);padding:18px 14px}.side .brand{padding:4px 8px 18px}.side a.nav{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;font-weight:700;color:var(--b-muted);text-decoration:none}.side a.nav:hover{background:var(--b-bg);color:var(--b-ink)}.side a.nav[aria-current=page]{background:var(--b-soft);color:var(--b-ink)}.side a.nav svg{width:20px;height:20px}.side .side-foot{margin-top:auto;font-size:12.5px;color:var(--b-muted);padding:8px}.top .brand,.tabs{display:none}main{grid-column:2;padding:28px 28px 40px;gap:20px}.foot{grid-column:2;padding:12px 28px 24px}.app.bare{grid-template-columns:1fr}.app.bare .top,.app.bare main,.app.bare .foot{grid-column:1}.app.bare .top .brand{display:flex}}.card{background:var(--b-surface);border:1px solid var(--b-line);border-radius:var(--s-radius, 14px);padding:18px;display:grid;gap:12px;align-content:start;min-width:0}.card.tint-good{background:color-mix(in srgb,var(--b-good) 11%,var(--b-surface))}.card.tint-warn{background:color-mix(in srgb,var(--b-accent) 18%,var(--b-surface))}.card.hero{background:var(--b-hero, var(--b-surface))}.lbl{font:700 11.5px/1.2 var(--f-mono, ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--b-muted)}[dir=rtl] .lbl{letter-spacing:0}.muted{color:var(--b-muted)}.small{font-size:14px}.tnum{font-variant-numeric:tabular-nums}.good{color:var(--b-good)}.bad{color:var(--b-bad)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.grow{flex:1;min-width:0}.spread{justify-content:space-between}.page-head{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}.page-head>.stack{flex:1 1 340px;gap:6px}.stack{display:grid;gap:12px}.cols{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}@media(min-width:720px){.cols.c2,.cols.c3,.cols.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.cols.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:5px 11px;border-radius:99px;background:var(--b-soft);color:var(--b-ink);white-space:nowrap;border:0}.chip.on{background:var(--b-primary);color:var(--b-on)}.chip svg{width:15px;height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--s-target, 48px);padding:10px 18px;border-radius:10px;border:2px solid var(--b-primary);background:var(--b-primary);color:var(--b-on);font-weight:800;text-decoration:none;cursor:pointer;text-align:center;max-width:100%}.btn svg{width:20px;height:20px;flex:none}.btn.acc{background:var(--b-accent);border-color:var(--b-accent);color:#14202b}.btn.ghost{background:transparent;color:var(--b-ink);border-color:var(--b-line)}.btn.quiet{background:transparent;border-color:transparent;color:var(--b-primary);padding-inline:10px}.btn.block{width:100%}.btn.sm{min-height:40px;padding:6px 12px;font-size:15px}.btn[disabled]{opacity:.5;cursor:not-allowed}.iconbtn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid var(--b-line);background:var(--b-surface);color:var(--b-ink);cursor:pointer}.iconbtn[aria-pressed=true]{background:var(--b-soft);color:var(--b-primary);border-color:var(--b-primary)}.iconbtn svg{width:22px;height:22px}.field{display:grid;gap:6px}.field>span{font-weight:700}.field>span svg{width:16px;height:16px;vertical-align:-2px;margin-inline-end:6px}.field input,.field select{width:100%;min-height:var(--s-target, 48px);padding:10px 12px;border:2px solid var(--b-line);border-radius:10px;background:var(--b-surface);color:var(--b-ink)}.field input:focus,.field select:focus{border-color:var(--b-primary);outline:none}.notice{padding:12px 14px;border-radius:10px;background:var(--b-soft)}.notice.bad{border-inline-start:4px solid var(--b-bad)}.notice.good{border-inline-start:4px solid var(--b-good)}.bar{height:10px;border-radius:99px;background:var(--b-line);overflow:visible;position:relative}.bar>i{display:block;height:100%;border-radius:99px;background:var(--b-primary);max-width:100%}.bar.good>i{background:var(--b-good)}.bar.bad>i{background:var(--b-bad)}.bar.warn>i{background:var(--b-accent)}.bar>u{position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:var(--b-ink)}.bar.thick{height:14px}.ring{position:relative;width:112px;height:112px;flex:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring b{position:absolute;inset:0;display:grid;place-items:center;font:900 1.5rem/1 var(--f-display, inherit)}.signals{display:grid;grid-template-columns:12px 1fr auto;gap:8px 10px;align-items:center;font-size:15px}.signals i{width:10px;height:10px;border-radius:3px;display:block}.stat{display:grid;gap:2px}.stat b{font:900 1.7rem/1.05 var(--f-display, inherit)}.task{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--b-line);text-decoration:none;color:var(--b-ink)}.task:first-of-type{border-top:0}.box{width:22px;height:22px;border-radius:6px;border:2px solid var(--b-line);flex:none;display:grid;place-items:center}.box.done{background:var(--b-good);border-color:var(--b-good);color:#fff}.box svg{width:16px;height:16px}.tag{font-size:13px;font-weight:700;color:var(--b-muted);white-space:nowrap}.tile{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;background:var(--b-surface);border:1px solid var(--b-line);text-decoration:none;color:var(--b-ink);font-weight:800;min-height:64px}.tile:hover{border-color:var(--b-primary)}.tile .sw{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none}.tile .sw svg{width:20px;height:20px}.tile small{display:block;font-weight:600;color:var(--b-muted);font-size:13px}.tile>svg,.choice>svg,.btn.quiet>svg{width:20px;height:20px;flex:none;color:var(--b-muted)}.list{list-style:none;margin:0;padding:0}.list>li+li{border-top:1px solid var(--b-line)}.choice{width:100%;text-align:start;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:56px;padding:12px 4px;background:none;border:0;color:var(--b-ink);cursor:pointer;text-decoration:none}.choice:hover{background:var(--b-bg)}.pick{text-align:start;display:grid;gap:4px;padding:14px 16px;border-radius:14px;border:2px solid var(--b-line);background:var(--b-surface);color:var(--b-ink);cursor:pointer}.pick:hover{border-color:var(--b-primary)}.pick[aria-pressed=true]{border-color:var(--b-primary);box-shadow:0 0 0 2px var(--b-primary) inset}.pick b{font-size:1.05rem}.picks{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.q-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.q-head .bar{flex:1;min-width:120px}.q-grid{display:grid;gap:18px}@media(min-width:960px){.q-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px}}.q-stem{font:800 clamp(1.15rem,1rem + .6vw,1.5rem)/1.3 var(--f-display, inherit)}.q-img{display:block;max-width:100%;max-height:300px;margin:4px auto 0;border-radius:10px;background:#fff}.options{list-style:none;margin:0;padding:0;display:grid;gap:10px}.opt{width:100%;text-align:start;min-height:58px;padding:12px 14px;border:2px solid var(--b-line);border-radius:12px;background:var(--b-surface);color:var(--b-ink);cursor:pointer;display:flex;gap:12px;align-items:flex-start;font-size:1.02rem}.opt:hover:not([disabled]){border-color:var(--b-primary)}.opt .key{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:900;background:var(--b-bg);border:1px solid var(--b-line);font-size:15px}.opt[aria-pressed=true]{border-color:var(--b-primary);background:var(--b-soft)}.opt.right{border-color:var(--b-good);background:color-mix(in srgb,var(--b-good) 9%,var(--b-surface))}.opt.right .key{background:var(--b-good);border-color:var(--b-good);color:#fff}.opt.wrong{border-color:var(--b-bad);background:color-mix(in srgb,var(--b-bad) 8%,var(--b-surface))}.opt.wrong .key{background:var(--b-bad);border-color:var(--b-bad);color:#fff}.opt[disabled]{cursor:default}.feedback{border-inline-start:5px solid var(--b-line)}.feedback.right{border-inline-start-color:var(--b-good)}.feedback.wrong{border-inline-start-color:var(--b-bad)}.kbd{display:inline-block;min-width:22px;padding:1px 6px;border-radius:5px;border:1px solid var(--b-line);background:var(--b-bg);font:700 12px/1.6 var(--f-mono, monospace);text-align:center}.hint{font-size:13px;color:var(--b-muted)}@media(max-width:959px){.hint{display:none}}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sticky-actions{position:sticky;bottom:74px;z-index:5;background:linear-gradient(transparent,var(--b-bg) 30%);padding-top:14px}@media(min-width:960px){.sticky-actions{position:static;background:none;padding:0}}.clock{display:inline-flex;align-items:center;gap:6px;font:800 15px/1 var(--f-mono, monospace);padding:8px 12px;border-radius:99px;background:var(--b-soft);font-variant-numeric:tabular-nums}.clock.low{background:color-mix(in srgb,var(--b-bad) 16%,var(--b-surface));color:var(--b-bad)}.clock svg{width:16px;height:16px}.dots{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.dot{min-height:42px;border-radius:8px;border:2px solid var(--b-line);background:var(--b-surface);color:var(--b-ink);cursor:pointer;font-weight:800}.dot.done{background:var(--b-soft);border-color:var(--b-primary)}.dot.here{outline:3px solid var(--b-accent)}.dot.flag{border-style:dashed;border-color:var(--b-accent)}.dialog{position:fixed;inset:0;z-index:60;background:#0a101673;display:grid;place-items:center;padding:16px}.dialog .card{max-width:440px;width:100%;box-shadow:0 20px 50px #00000040}.chart{width:100%;height:auto;display:block}.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:320px}.heat i{aspect-ratio:1;border-radius:4px;background:var(--b-line);display:block}.heat i.l1{background:color-mix(in srgb,var(--b-primary) 30%,var(--b-surface))}.heat i.l2{background:color-mix(in srgb,var(--b-primary) 60%,var(--b-surface))}.heat i.l3{background:var(--b-primary)}.legend{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--b-muted)}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block;background:var(--b-line)}.legend i.l1{background:color-mix(in srgb,var(--b-primary) 30%,var(--b-surface))}.legend i.l2{background:color-mix(in srgb,var(--b-primary) 60%,var(--b-surface))}.legend i.l3{background:var(--b-primary)}.welcome{display:grid;gap:20px}@media(max-width:959px){.welcome .signin{order:-1}}@media(min-width:960px){.welcome{grid-template-columns:1.1fr .9fr;align-items:start;gap:32px}}.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px;align-items:flex-start}.ticks svg{width:22px;height:22px;color:var(--b-good);flex:none;margin-top:1px}.divider{display:flex;align-items:center;gap:10px;color:var(--b-muted);font-size:14px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--b-line)}@media(prefers-reduced-motion:no-preference){.btn,.opt,.pick,.tile,.choice,.dot{transition:background-color .12s,border-color .12s,box-shadow .12s}.ring circle.v{transition:stroke-dashoffset .6s ease}.bar>i{transition:width .5s ease}}.lang{display:inline-flex;align-items:center;gap:6px}.btn.lang{min-height:40px;padding-inline:10px;font-weight:700;flex:none}@media(max-width:959px){.app:has(.top .lang),.app:has(.top .plan-chip){grid-template-columns:minmax(0,1fr)}}.top:has(.lang) .brand>span:not(.mark),.top:has(.plan-chip) .brand>span:not(.mark){min-width:0}.top:has(.lang) .brand b,.top:has(.lang) .brand small,.top:has(.plan-chip) .brand b,.top:has(.plan-chip) .brand small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:400px){.btn.lang{padding-inline:4px;gap:4px}.top:has(.lang){gap:8px}}.lang svg{width:18px;height:18px;flex:none}.lang select{min-height:40px;border:1px solid var(--b-line);border-radius:10px;background:var(--b-surface);color:var(--b-ink);padding:4px 8px}[dir=rtl] svg.flip{transform:scaleX(-1)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}.chart{direction:ltr}.chart text{unicode-bidi:plaintext}html[lang=ar]{--f-body: "Atkinson Hyperlegible Next","Atkinson Hyperlegible","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;--f-display: "Overpass","IBM Plex Sans Arabic","Arial Narrow",system-ui,sans-serif;--f-mono: "Overpass Mono","IBM Plex Sans Arabic",ui-monospace,"SFMono-Regular",Consolas,monospace}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .q-stem{line-height:1.45}.card.locked{border-style:dashed}.card.locked .lbl svg{width:14px;height:14px;vertical-align:-2px}.pick .chip{white-space:normal;max-width:100%;justify-self:start}.getit{gap:10px}.getit .btn{white-space:normal;text-align:center}.plan-chip{flex:none;text-decoration:none;background:color-mix(in srgb,var(--b-accent) 22%,var(--b-surface))}.plan .plans{display:grid;gap:16px}@media(min-width:1100px){.plan .plans.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.product{border:1px solid var(--b-line);border-radius:14px;overflow:hidden;display:grid;align-content:start;min-width:0}.product-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 16px;background:var(--b-bg);border-bottom:1px solid var(--b-line)}.product-top b{font:800 1.1rem/1.2 var(--f-display, inherit)}.product-top .chip{margin-inline-start:auto}.chip.good{background:color-mix(in srgb,var(--b-good) 16%,var(--b-surface));color:var(--b-good)}.compare{width:100%;border-collapse:collapse;font-size:14.5px}.compare th,.compare td{padding:9px 16px;border-bottom:1px solid var(--b-line);text-align:start;vertical-align:top}.compare thead th{font:700 11px/1.2 var(--f-mono, ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--b-muted)}[dir=rtl] .compare thead th{letter-spacing:0}.compare tbody th{font-weight:400}.compare td{width:1%;white-space:nowrap}.compare td.n{color:var(--b-muted)}.compare td.y{color:var(--b-good);font-weight:800}@media(max-width:480px){.compare th,.compare td{padding:8px 10px;font-size:13.5px}}.product .buy{padding:14px 16px;gap:10px}.price b{font:850 1.4rem/1 var(--f-display, inherit)}.notice.row>.grow{flex-basis:220px}@media(max-width:420px){.top:has(.lang) .plan-chip{display:none}}.plan .plans:not(.two) .product{max-width:680px}