@font-face{font-family: Montserrat;font-weight: 500;font-display: swap;src: url(/assets/fonts/montserrat-medium.e0638c0328.woff2) format('woff2')}@font-face{font-family: Montserrat;font-weight: 600;font-display: swap;src: url(/assets/fonts/montserrat-semibold.e6b115927c.woff2) format('woff2')}@font-face{font-family: Montserrat;font-weight: 700;font-display: swap;src: url(/assets/fonts/montserrat-bold.0ea4e6a070.woff2) format('woff2')}@font-face{font-family: Montserrat;font-weight: 800;font-display: swap;src: url(/assets/fonts/montserrat-extrabold.ac0484c1a7.woff2) format('woff2')}@font-face{font-family: 'Open Sans';font-weight: 400;font-display: swap;src: url(/assets/fonts/opensans-regular.09fb9c9fc8.woff2) format('woff2')}@font-face{font-family: 'Open Sans';font-weight: 600;font-display: swap;src: url(/assets/fonts/opensans-semibold.25cc799adb.woff2) format('woff2')}@font-face{font-family: 'Open Sans';font-weight: 700;font-display: swap;src: url(/assets/fonts/opensans-bold.7dbf95b1bc.woff2) format('woff2')}@font-face{font-family: Tajawal;font-weight: 400;font-display: swap;src: url(/assets/fonts/tajawal-regular.49634a6611.woff2) format('woff2')}@font-face{font-family: Tajawal;font-weight: 500;font-display: swap;src: url(/assets/fonts/tajawal-medium.a232f7a97e.woff2) format('woff2')}@font-face{font-family: Tajawal;font-weight: 700;font-display: swap;src: url(/assets/fonts/tajawal-bold.6bd44c0f4b.woff2) format('woff2')}@font-face{font-family: Tajawal;font-weight: 800;font-display: swap;src: url(/assets/fonts/tajawal-extrabold.8fd71266cb.woff2) format('woff2')}@font-face{font-family: mdi;font-display: block;src: url(/assets/fonts/icons.538485974a.woff2) format('woff2')}:root{--page: #f7f7f7;--card: #fff;--raised: #f3eee7;--line: #ececec;--text: #000;--muted: #6c7278;--faint: #b0b0b0;--primary: #ed6514;--home: #ffefe5;--wash: #fdeee4;--ring: #ffc796;--t-peach: #fde8dc;--t-amber: #fdf1dc;--t-lav: #ece8fb;--t-blue: #e3f0fd;--t-green: #e3f1e8;--i-amber: #e09508;--i-lav: #7a60d8;--i-blue: #2f80ed;--i-green: #2e8b57;--r: 28px;color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){--page: #0f0f10;--card: #1a1a1b;--raised: #252527;--line: #333335;--text: #f4f4f5;--muted: #9b9b9e;--faint: #55555a;--primary: #ff7a2f;--home: #2f231c;--wash: rgba(255,122,47,.16);--ring: #6b3a1c;--t-peach: rgba(255,122,47,.16);--t-amber: rgba(224,149,8,.18);--t-lav: rgba(122,96,216,.22);--t-blue: rgba(47,128,237,.2);--t-green: rgba(46,139,87,.22);--i-amber: #f0b43c;--i-lav: #a894f0;--i-blue: #6aa8f5;--i-green: #5cc28a;color-scheme: dark}}:root[data-theme='dark']{--page: #0f0f10;--card: #1a1a1b;--raised: #252527;--line: #333335;--text: #f4f4f5;--muted: #9b9b9e;--faint: #55555a;--primary: #ff7a2f;--home: #2f231c;--wash: rgba(255,122,47,.16);--ring: #6b3a1c;--t-peach: rgba(255,122,47,.16);--t-amber: rgba(224,149,8,.18);--t-lav: rgba(122,96,216,.22);--t-blue: rgba(47,128,237,.2);--t-green: rgba(46,139,87,.22);--i-amber: #f0b43c;--i-lav: #a894f0;--i-blue: #6aa8f5;--i-green: #5cc28a;color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--page);color: var(--text);font: 16px/1.55 'Open Sans',sans-serif;-webkit-font-smoothing: antialiased}[dir='rtl'] body{font-family: Tajawal,'Open Sans',sans-serif}h1,h2,h3,.t{font-family: Montserrat,Tajawal,sans-serif;font-weight: 700;margin: 0}[dir='rtl'] h1,[dir='rtl'] h2,[dir='rtl'] h3,[dir='rtl'] .t{font-family: Tajawal,sans-serif}p{margin: 0}a{color: inherit;text-decoration: none}img{display: block;max-width: 100%}:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px}.mi{font-family: mdi;font-style: normal;font-weight: normal;line-height: 1;display: inline-block;speak: never;-webkit-font-smoothing: antialiased}[dir='rtl'] .flip{transform: scaleX(-1)}.wrap{max-width: 1120px;margin: 0 auto;padding: 0 20px}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip:focus{position: fixed;top: 8px;inset-inline-start: 8px;width: auto;height: auto;clip: auto;background: var(--card);padding: 8px 14px;border-radius: 12px;z-index: 99}[data-l='ar']{display: none !important}[lang='ar'] [data-l='en']{display: none !important}[lang='ar'] [data-l='ar']{display: revert !important}[lang='ar'] span[data-l='ar']{display: inline !important}.bar{position: sticky;top: 0;z-index: 20;background: var(--page);border-bottom: 1px solid var(--line)}.bar .wrap{display: flex;align-items: center;gap: 12px;height: 64px}.brand{display: flex;align-items: center;gap: 8px;font: 700 20px Montserrat,Tajawal,sans-serif}.brand img{width: auto;height: 28px}.links{display: flex;gap: 4px;margin-inline-start: auto}.links a{font: 600 15px Montserrat,Tajawal,sans-serif;color: var(--muted);padding: 8px 12px;border-radius: 999px}.links a:hover{color: var(--text)}.links a[aria-current='page']{color: var(--primary);background: var(--wash)}.round{width: 40px;height: 40px;border-radius: 50%;border: none;background: var(--card);color: var(--text);display: inline-grid;place-items: center;cursor: pointer;font-size: 20px;flex-shrink: 0}.lang{border: none;background: var(--card);color: var(--text);height: 40px;border-radius: 999px;padding: 0 14px;font: 700 14px Tajawal,Montserrat,sans-serif;cursor: pointer}.menu{display: none}@media (max-width: 820px){.links{display: none;position: absolute;top: 64px;inset-inline: 0;flex-direction: column;background: var(--page);padding: 8px 16px 16px;border-bottom: 1px solid var(--line);margin: 0}.bar.open .links{display: flex}.links a{padding: 14px 12px;font-size: 16px}.menu{display: inline-grid}.end{margin-inline-start: auto}}.end{display: flex;gap: 8px;align-items: center}.brand{flex-shrink: 0}@media (max-width: 440px){.bar .wrap{gap: 8px}.brand{font-size: 18px;gap: 6px}.brand img{height: 24px}.end{gap: 6px}.end .round{width: 36px;height: 36px;font-size: 18px}.end .lang{height: 36px;padding: 0 11px;font-size: 13px}.end .join-btn{min-height: 36px;padding: 0 13px;font-size: 13px}}.card{background: var(--card);border-radius: var(--r);padding: 24px}.label{font: 700 13px Montserrat,Tajawal,sans-serif;letter-spacing: .12em;text-transform: uppercase}[dir='rtl'] .label{letter-spacing: 0}.muted{color: var(--muted)}.small{font-size: 14px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 52px;padding: 0 28px;border-radius: 999px;border: 1.5px solid var(--primary);background: var(--primary);color: #fff;font: 700 17px Montserrat,Tajawal,sans-serif;cursor: pointer}.btn.line{background: transparent;color: var(--primary)}.btn.white{background: #fff;border-color: #fff;color: #ed6514}.btn .mi{font-size: 20px}.hero-card{background: var(--primary);color: #fff;border-radius: var(--r);padding: clamp(24px,3.2vw,36px)}.hero-card .label{color: rgba(255,255,255,.85)}.hero-card h2,.hero-card .big{color: #fff}.hero-card p{color: rgba(255,255,255,.92)}.tiles{display: grid;grid-template-columns: repeat(auto-fit,minmax(0,1fr));gap: 12px;margin-top: 20px}.tiles > div{background: rgba(255,255,255,.16);border-radius: 18px;padding: 14px 16px;min-width: 0}.tiles b{display: block;font: 700 22px Montserrat,sans-serif}.tiles span{font-size: 14px;color: rgba(255,255,255,.92)}.sq{width: 52px;height: 52px;border-radius: 16px;display: grid;place-items: center;font-size: 26px;flex-shrink: 0;background: var(--t-peach);color: var(--primary)}.sq.amber{background: var(--t-amber);color: var(--i-amber)}.sq.lav{background: var(--t-lav);color: var(--i-lav)}.sq.blue{background: var(--t-blue);color: var(--i-blue)}.sq.green{background: var(--t-green);color: var(--i-green)}.rows{background: var(--card);border-radius: var(--r);padding: 8px 24px}.row{display: flex;align-items: center;gap: 18px;padding: 16px 0}.row + .row{margin-top: 2px}.row h3{font-size: 18px}.row p{color: var(--muted);font-size: 15px;margin-top: 2px}.row .go{margin-inline-start: auto;color: var(--muted);font-size: 24px}.head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 6px 16px;margin-bottom: 16px}.head h2{font-size: clamp(22px,2.6vw,28px)}.see{color: var(--primary);font: 600 16px Montserrat,Tajawal,sans-serif}.pill{display: inline-flex;align-items: center;gap: 6px;background: var(--wash);color: var(--primary);border-radius: 999px;padding: 8px 16px;font: 600 15px Montserrat,Tajawal,sans-serif}.tile-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));gap: 14px}.tile{background: var(--card);border-radius: var(--r);padding: 20px;display: flex;flex-direction: column;gap: 14px}.tile h3{font-size: 19px}.tile p{color: var(--muted);font-size: 15px;margin-top: -8px}.seg{display: inline-flex;flex-wrap: wrap;gap: 6px}.seg button{border: none;background: transparent;color: var(--muted);border-radius: 999px;padding: 10px 18px;font: 600 15px Montserrat,Tajawal,sans-serif;cursor: pointer}.seg button[aria-selected='true'],.seg button[aria-pressed='true']{background: var(--wash);color: var(--primary)}section{padding: clamp(44px,6vw,80px) 0 0}.stack{display: grid;gap: 14px}.h1{font-size: clamp(36px,5.6vw,60px);line-height: 1.1;font-weight: 700}[dir='rtl'] .h1{line-height: 1.3}.lead{font-size: clamp(17px,1.7vw,19px);color: var(--muted);max-width: 54ch}.intro{background: var(--home);padding: clamp(36px,6vw,72px) 0;border-radius: 0 0 40px 40px}.intro .wrap{display: grid;grid-template-columns: 1fr auto;gap: clamp(28px,5vw,64px);align-items: center}.intro .cta{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 28px}@media (max-width: 860px){.intro .wrap{grid-template-columns: 1fr}}.facts{display: flex;flex-wrap: wrap;gap: 8px 22px;margin-top: 26px;color: var(--muted);font-size: 15px}.facts li{display: inline-flex;align-items: center;gap: 6px}.facts .mi{color: var(--primary);font-size: 18px}.calc{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);gap: 14px;align-items: start;margin-top: 18px}@media (max-width: 860px){.calc{grid-template-columns: minmax(0,1fr)}}.calc-tabs{overflow-x: auto;flex-wrap: nowrap;max-width: 100%;scrollbar-width: none}.calc-tabs::-webkit-scrollbar{display: none}.calc-tabs button{flex-shrink: 0}#calc .seg button{line-height: 19px}[dir='rtl'] #calc .seg button{line-height: 22px}.field{padding: 16px 0}.field + .field{border-top: 1px solid var(--line)}.field .top{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 12px;color: var(--muted);font-size: 15px}.field .num{display: inline-flex;flex-shrink: 0;align-items: baseline;gap: 6px;padding: 5px 10px;border-radius: 12px;background: var(--raised)}.field .num:focus-within{box-shadow: 0 0 0 2px var(--primary)}.field .num input{width: 58px;padding: 0;border: 0;outline: none;background: none;color: var(--text);font: 700 20px Montserrat,sans-serif;text-align: center}.field .num small{font-size: 13px;font-weight: 500;color: var(--text);opacity: .72}.result{scroll-margin-top: 96px}input[type=range]{-webkit-appearance: none;appearance: none;width: 100%;height: 8px;border-radius: 9px;background: var(--raised);outline: none;margin: 0;direction: ltr}input[type=range]::-webkit-slider-thumb{-webkit-appearance: none;width: 24px;height: 24px;border-radius: 50%;background: var(--primary);border: 4px solid var(--card);box-shadow: 0 1px 4px rgba(0,0,0,.25);cursor: pointer}input[type=range]::-moz-range-thumb{width: 18px;height: 18px;border-radius: 50%;background: var(--primary);border: 4px solid var(--card);cursor: pointer}select{width: 100%;height: 50px;border-radius: 16px;border: none;background: var(--page);color: var(--text);padding: 0 14px;font: 600 15px 'Open Sans',Tajawal,sans-serif}.more{width: 100%;display: flex;align-items: center;justify-content: space-between;border: none;background: none;cursor: pointer;padding: 16px 0 0;margin-top: 6px;border-top: 1px solid var(--line);color: var(--text);font: 700 16px Montserrat,Tajawal,sans-serif}.more span:last-child{color: var(--primary);font-size: 14px}.big{font: 700 clamp(56px,7vw,76px)/1 Montserrat,sans-serif;margin-top: 8px}.big small{font-size: 22px;font-weight: 600;opacity: .9;margin-inline-start: 6px}@media (max-width: 374px){.big{font-size: 15vw}}.meter{position: relative;height: 8px;border-radius: 9px;background: rgba(255,255,255,.25);margin: 22px 0 6px;direction: ltr}.meter i{position: absolute;top: 50%;width: 20px;height: 20px;border-radius: 50%;background: #fff;transform: translate(-50%,-50%);transition: left .35s ease}.meter-ticks{display: flex;justify-content: space-between;font-size: 12px;color: rgba(255,255,255,.85);direction: ltr}.list > div{display: flex;align-items: center;gap: 12px;padding: 14px 0}.list > div + div{border-top: 1px solid var(--line)}.list .dot{width: 12px;height: 12px;border-radius: 50%;flex-shrink: 0}.list .grow{flex: 1}.list b{font: 700 17px Montserrat,sans-serif}.list .bar{flex: 1;height: 8px;border-radius: 9px;background: var(--raised);overflow: hidden}.list .bar i{display: block;height: 100%;border-radius: 9px;background: var(--faint)}.list .bar i.me{background: var(--primary)}.cups{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 4px;color: var(--i-blue);font-size: 26px}.page-top{background: var(--home);padding: clamp(34px,5vw,60px) 0 clamp(30px,4vw,48px);border-radius: 0 0 40px 40px}.page-top .h1{font-size: clamp(32px,4.6vw,48px);margin-top: 8px;white-space: pre-line}.page-top .lead{margin-top: 12px}.back{display: inline-flex;align-items: center;gap: 4px;color: var(--muted);font: 600 15px Montserrat,Tajawal,sans-serif}.prose{max-width: 760px}.prose .card + .card,.prose .summary + .card{margin-top: 14px}.prose h2{font-size: 20px;margin-bottom: 8px}.prose p,.prose li{color: var(--muted)}.prose p + p{margin-top: 10px}.prose ul,.prose ol{padding-inline-start: 22px;margin: 8px 0 0}.prose li{margin: 6px 0}.prose a{color: var(--primary);font-weight: 600}.prose table{width: 100%;border-collapse: collapse;font-size: 14px;margin-top: 10px}.prose th,.prose td{text-align: start;padding: 10px 8px;border-bottom: 1px solid var(--line);vertical-align: top}.prose th{font: 600 13px Montserrat,Tajawal,sans-serif;color: var(--text)}.table-scroll{overflow-x: auto}.summary{background: var(--primary);color: #fff;border-radius: var(--r);padding: 20px 24px;font-weight: 600}.qa .row{cursor: pointer}details.row{display: block}details.row summary{list-style: none;display: flex;align-items: center;gap: 12px;cursor: pointer;font: 700 17px Montserrat,Tajawal,sans-serif}details.row summary::-webkit-details-marker{display: none}details.row summary .mi{margin-inline-start: auto;color: var(--muted);font-size: 24px;transition: transform .2s}details[open].row summary .mi{transform: rotate(90deg)}[dir='rtl'] details[open].row summary .mi{transform: rotate(-90deg)}details.row p{color: var(--muted);margin-top: 10px}.post-img{aspect-ratio: 16/10;border-radius: 20px;background: var(--home) center/cover no-repeat}.article{max-width: 700px}.article .post-img{aspect-ratio: 16/8;margin-bottom: 26px}.article h2{font-size: 22px;margin: 28px 0 8px}.article p{color: var(--muted);font-size: 17px;line-height: 1.75}.article p + p{margin-top: 14px}.article blockquote{margin: 24px 0;background: var(--primary);color: #fff;border-radius: 22px;padding: 20px 24px;font: 700 19px/1.5 Montserrat,Tajawal,sans-serif}.form label{display: block;font: 600 15px Montserrat,Tajawal,sans-serif;margin: 16px 0 8px}.form label:first-of-type{margin-top: 0}.form input,.form textarea,.form select{width: 100%;border: none;background: var(--page);color: var(--text);border-radius: 16px;padding: 14px 16px;font: 16px 'Open Sans',Tajawal,sans-serif}.form textarea{min-height: 150px;resize: vertical}.form .err{color: #d80027;font-size: 14px;margin-top: 6px;min-height: 1em}.form .btn{width: 100%;margin-top: 18px}.form .btn:disabled{opacity: .7;cursor: progress}.form .field-help{margin-top: 6px}.form label .muted{font-weight: 400}.hp{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.form-done{display: grid;justify-items: center;text-align: center;gap: 12px;padding: 28px 8px}.form-done:focus{outline: none}footer{margin-top: clamp(56px,7vw,96px);background: var(--card);padding: 36px 0 28px}footer .cols{display: flex;flex-wrap: wrap;gap: 28px 56px}footer .cols > div:first-child{flex: 1 1 260px}footer h4{font: 700 13px Montserrat,Tajawal,sans-serif;letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin: 0 0 10px}[dir='rtl'] footer h4{letter-spacing: 0}footer .col a{display: block;padding: 5px 0;font-size: 15px}footer .col a:hover{color: var(--primary)}footer .base{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px;margin-top: 28px;padding-top: 18px;border-top: 1px solid var(--line);color: var(--muted);font-size: 14px}:root{--ease: cubic-bezier(.2,.7,.2,1)}.btn,.round,.lang,.seg button,.row,.tile{transition: transform .18s var(--ease),background-color .2s,color .2s,box-shadow .2s}.btn:active,.round:active,.lang:active,.seg button:active{transform: scale(.96)}a.row:hover .go{transform: translateX(3px)}[dir='rtl'] a.row:hover .go{transform: scaleX(-1) translateX(3px)}.row .go{transition: transform .2s var(--ease)}a.tile:hover{transform: translateY(-3px)}.btn:hover{filter: brightness(1.06)}.bar{transition: box-shadow .25s}.bar.scrolled{box-shadow: 0 6px 20px -14px rgba(0,0,0,.35)}details.row summary .mi{transition: transform .25s var(--ease)}@media (prefers-reduced-motion: no-preference){.js .rise{opacity: 0;transform: translateY(22px)}.js .rise.in{opacity: 1;transform: none;transition: opacity .8s var(--ease),transform .8s var(--ease);transition-delay: var(--d,0ms)}.js .device.rise{transform: translateY(40px) scale(.97)}.js .device.rise.in{transform: none;transition-duration: 1.1s}.result.swap > *{animation: up .45s var(--ease) both}.result.swap > * + *{animation-delay: .08s}.meter i{transition: left .45s var(--ease)}.story,.story *{transition: background-color .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}.story.bump{animation: bump .5s var(--ease)}}@keyframes paneIn{from{opacity: 0;transform: translateX(28px)}}@keyframes paneInRtl{from{opacity: 0;transform: translateX(-28px)}}@keyframes draw{from{stroke-dashoffset: 345.6}}@keyframes grow{from{width: 0}}@keyframes up{from{opacity: 0;transform: translateY(14px)}}@keyframes pop{from{opacity: 0;transform: scale(.4)}}@keyframes bump{40%{transform: scale(.97) rotate(-1deg)}}.story-wrap{display: grid;grid-template-columns: 1fr auto;gap: clamp(28px,5vw,72px);align-items: center}@media (max-width: 860px){.story-wrap{grid-template-columns: 1fr}}.story{width: 300px;max-width: 100%;aspect-ratio: 9 / 16;margin: 0 auto;border-radius: 28px;padding: 26px 24px;display: flex;flex-direction: column;background: #ed6514;color: #fff;box-shadow: 0 30px 60px -30px rgba(237,101,20,.7)}.story[data-theme='light']{background: #fff;color: #191a1d;box-shadow: 0 30px 60px -30px rgba(0,0,0,.35)}.story[data-theme='dark']{background: #111;color: #fff;box-shadow: 0 30px 60px -30px rgba(0,0,0,.8)}.story .top{display: flex;justify-content: space-between;align-items: baseline}.story .word{font: 800 24px Montserrat,Tajawal,sans-serif;letter-spacing: -.02em}.story[data-theme='light'] .word,.story[data-theme='dark'] .word{color: #ed6514}.story .date{font-size: 12px;opacity: .8}.story .lbl{font: 700 11px Montserrat,Tajawal,sans-serif;letter-spacing: .14em;opacity: .85;margin-top: 34px}[dir='rtl'] .story .lbl{letter-spacing: 0}.story .num{font: 800 120px/1 Montserrat,sans-serif;margin-top: 8px}.story .unit{font: 700 24px Montserrat,Tajawal,sans-serif}.story .days{display: flex;justify-content: space-between;margin-top: 26px;text-align: center;font-size: 10px}.story .days i{display: block;width: 22px;height: 22px;border-radius: 50%;margin: 5px auto 0;background: rgba(255,255,255,.28)}.story .days i.y{background: #fff}.story[data-theme='light'] .days i{background: #eee}.story[data-theme='light'] .days i.y{background: #ed6514}.story[data-theme='dark'] .days i{background: #2a2a2a}.story[data-theme='dark'] .days i.y{background: #ed6514}.story .foot{margin-top: auto;display: flex;align-items: center;justify-content: space-between;font: 700 14px Montserrat,Tajawal,sans-serif}.story .flame{width: 40px;height: 40px;border-radius: 12px;background: #fff;color: #ed6514;display: grid;place-items: center;font-size: 22px}.story[data-theme='light'] .flame,.story[data-theme='dark'] .flame{background: #ed6514;color: #fff}.swatch{width: 14px;height: 14px;border-radius: 50%;display: inline-block;border: 1.5px solid var(--line)}[data-theme-toggle] .sun{display: none}:root[data-theme='dark'] [data-theme-toggle] .sun{display: inline-block}:root[data-theme='dark'] [data-theme-toggle] .moon{display: none}@media (prefers-color-scheme: dark){:root:not([data-theme='light']) [data-theme-toggle] .sun{display: inline-block}:root:not([data-theme='light']) [data-theme-toggle] .moon{display: none}}.story[data-theme='light'] .flame img,.story[data-theme='dark'] .flame img{filter: brightness(0) invert(1)}.hero-card .sub{font-size: 18px;margin-top: 6px}.gap-top{margin-top: 14px}.gap-sm{margin-top: 10px}.stack-bar{display: flex;height: 10px;border-radius: 9px;overflow: hidden;gap: 3px;margin-bottom: 8px}.stack-bar i{display: block;height: 100%}.c-green{background: #00c853}.c-blue{background: #2f80ed}.c-amber{background: #e09508}.c-primary{background: var(--primary)}.c-faint{background: var(--faint)}.w-reps{width: 78px;flex-shrink: 0}.w-kg{width: 74px;text-align: end;flex-shrink: 0}.lead-gap{margin-top: 14px}.h2-lg{font-size: clamp(26px,3.4vw,38px)}.mission{max-width: 26ch}.narrow{max-width: 58ch}.gap-lg{margin-top: 36px}.gap-cta{margin-top: 22px}section.tight{padding-top: 24px}.group-h{margin: 0 0 10px 4px}.groups{grid-template-columns: repeat(auto-fit,minmax(min(100%,330px),1fr))}.posts{grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr))}.two-col{grid-template-columns: repeat(auto-fit,minmax(min(100%,330px),1fr));align-items: start}.story-wrap.card{padding: clamp(24px,4vw,48px)}.story-seg{margin-top: 22px}.sw-orange{background: #ed6514}.sw-light{background: #fff}.sw-dark{background: #111}.tile .cat{color: var(--primary);font-size: 12px}.tile-h{font-size: 19px}.byline{margin-top: 12px}.form-h{font-size: 22px;margin-bottom: 6px}.form-note{margin-bottom: 18px}footer .foot-h{font: 700 13px Montserrat,Tajawal,sans-serif;letter-spacing: .12em;text-transform: uppercase;color: var(--muted);margin: 0 0 10px}[dir='rtl'] footer .foot-h{letter-spacing: 0}.facts{list-style: none;padding: 0;margin: 26px 0 0}.page-404{min-height: 55vh}.page-404 .cta{display: flex;gap: 12px;margin-top: 24px;flex-wrap: wrap}.lang{display: inline-flex;align-items: center;justify-content: center}img.post-img{width: 100%;height: auto;aspect-ratio: 16/10;object-fit: cover}.article img.post-img{aspect-ratio: 16/8;margin-bottom: 26px}.tint-orange{background: linear-gradient(150deg,#ff7a00,#ed6514)}.tint-ink{background: #191a1d}.tint-peach{background: var(--home)}details.row summary h3{font-size: 17px;margin: 0}.calc-tabs a{flex-shrink: 0;color: var(--muted);border-radius: 999px;padding: 10px 18px;font: 600 15px Montserrat,Tajawal,sans-serif}.calc-tabs a[aria-current='page']{background: var(--wash);color: var(--primary)}.calc-tabs a:hover{color: var(--text)}.story .flame img{display: block}@media (prefers-reduced-motion: no-preference){.list .bar i,.stack-bar i{transition: width .45s var(--ease)}}.prose a.row{color: inherit;font-weight: inherit}.post-img[class*='cover-']{display: grid;place-items: center}.post-img[class*='cover-'] .mi{font-size: clamp(56px,8vw,88px)}.logo-mark{display: block;width: auto;height: 28px}.post-img[class*='cover-'] .logo-mark{height: clamp(64px,9vw,104px)}.cover-orange{background: linear-gradient(150deg,#ff7a00,#ed6514);color: #fff}.cover-ink{background: #191a1d;color: #ff7a2f}.cover-peach{background: var(--home);color: var(--primary)}.cover-blue{background: var(--t-blue);color: var(--i-blue)}.cover-green{background: var(--t-green);color: var(--i-green)}.cover-lavender{background: var(--t-lav);color: var(--i-lav)}.tour{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: clamp(24px,4vw,56px);align-items: start;background: var(--card);border-radius: var(--r);padding: clamp(18px,3vw,36px)}.tour-text{display: grid;gap: 18px;min-width: 0}.tour-tabs{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;background: var(--page);border-radius: 999px;padding: 4px;max-width: 100%}.tour-tabs::-webkit-scrollbar{display: none}.tour-tabs button{display: inline-flex;align-items: center;gap: 7px;white-space: nowrap;padding: 9px 14px}.tour-tabs .mi{font-size: 18px}.tour-tabs button[aria-selected='true']{background: var(--primary);color: #fff}.tour-panel h3{font-size: clamp(22px,2.4vw,30px);margin: 0 0 6px}.tour-panel .lead{font-size: 16px}.try{display: grid;gap: 8px;margin-top: 16px}.try button{display: flex;align-items: center;gap: 14px;width: 100%;text-align: start;border: 1.5px solid var(--line);background: var(--page);color: var(--text);border-radius: 18px;padding: 10px 14px;cursor: pointer;transition: border-color .2s,background-color .2s,transform .18s var(--ease)}.try button:hover{border-color: var(--primary)}.try button[aria-pressed='true']{border-color: var(--primary);background: var(--wash)}.try .sq{width: 40px;height: 40px;font-size: 21px;border-radius: 12px}.try b{display: block;font: 700 15px Montserrat,Tajawal,sans-serif}.try b + span{display: block;color: var(--muted);font-size: 13.5px;line-height: 1.45;margin-top: 2px}.try button:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px}.result{position: relative;border-radius: 22px;padding: 16px 18px 16px 22px;background: var(--page);border: 1.5px dashed var(--line)}[dir='rtl'] .result{padding: 16px 22px 16px 18px}.result::before{content: '';position: absolute;inset-block: 16px;inset-inline-start: 10px;width: 4px;border-radius: 4px;background: var(--primary)}.result .label{display: block;font: 700 11px Montserrat,Tajawal,sans-serif;letter-spacing: .1em;text-transform: uppercase;color: var(--primary)}[dir='rtl'] .result .label{letter-spacing: 0}.result b{display: block;font: 700 17px/1.35 Montserrat,Tajawal,sans-serif;margin-top: 6px;text-wrap: pretty}.result p{color: var(--muted);font-size: 14px;line-height: 1.5;margin-top: 4px;text-wrap: pretty}.result p:empty{display: none}@media (prefers-reduced-motion: no-preference){.result.swap b,.result.swap p{animation: up .4s var(--ease) both}.result.swap p{animation-delay: 60ms}}.device.tour-phone{width: 300px;position: sticky;top: 84px}@media (max-width: 900px){.tour{grid-template-columns: minmax(0,1fr);gap: 16px}.tour-text{display: contents}.tour-tabs{order: 1}.tour-panel{order: 2}.device.tour-phone{order: 3;width: 290px;position: static}.result{order: 4}.try{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 12px}.try button{width: auto;padding: 6px 12px 6px 6px;gap: 8px;border-radius: 999px}[dir='rtl'] .try button{padding: 6px 6px 6px 12px}.try .sq{width: 30px;height: 30px;font-size: 17px;border-radius: 50%}.try b{font-size: 14px}.try b + span{display: none}}@media (max-width: 480px){.tour-tabs{width: 100%;justify-content: space-between}.tour-tabs button{padding: 9px 10px;font-size: 14px}.tour-tabs .mi{display: none}}.all-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 6px 20px;margin: clamp(36px,5vw,56px) 0 16px}.all-h{font-size: clamp(20px,2.2vw,24px);margin: 0}:root{--mm-skin: #e6e8ec;--mm-base: #d3d6dc;--mm-w1: #ffd9c2;--mm-w2: #ffba91;--mm-w3: #ff9960;--mm-w4: #ff7a2f;--mm-r0: #2e8b57;--mm-r1: #e09508;--mm-r2: #e5533c}@media (prefers-color-scheme: dark){:root:not([data-theme='light']){--mm-skin: #2a2c31;--mm-base: #3a3d45;--mm-w1: rgba(255,122,47,.32);--mm-w2: rgba(255,122,47,.55);--mm-w3: rgba(255,122,47,.78);--mm-w4: #ff7a2f;--mm-r0: #5cc28a;--mm-r1: #f0b43c;--mm-r2: #ff6b5b}}:root[data-theme='dark']{--mm-skin: #2a2c31;--mm-base: #3a3d45;--mm-w1: rgba(255,122,47,.32);--mm-w2: rgba(255,122,47,.55);--mm-w3: rgba(255,122,47,.78);--mm-w4: #ff7a2f;--mm-r0: #5cc28a;--mm-r1: #f0b43c;--mm-r2: #ff6b5b}.mm-figs{display: flex;flex-wrap: wrap;justify-content: center;gap: 4px clamp(10px,3vw,28px)}.mm-figs figure{margin: 0;text-align: center}.mm-figs figcaption{color: var(--muted);font: 600 13px Montserrat,Tajawal,sans-serif;margin-top: 6px}.mm-note{flex-basis: 100%;text-align: center;color: var(--faint);font-size: 12.5px;margin: 6px 0 0}.mm-fig{display: block;height: clamp(280px,40vw,430px);width: auto}.mm-fig .sk{fill: var(--mm-skin)}.mm-fig path[data-w]{cursor: pointer;outline: none;transition: fill .3s ease;stroke: transparent;stroke-width: 8}.mm-fig path[data-w]:hover,.mm-fig path[data-w]:focus-visible,.mm-fig path.on{stroke: var(--text)}.mm-wrap[data-mode='work'] .mm-fig .w0{fill: var(--mm-base)}.mm-wrap[data-mode='work'] .mm-fig .w1{fill: var(--mm-w1)}.mm-wrap[data-mode='work'] .mm-fig .w2{fill: var(--mm-w2)}.mm-wrap[data-mode='work'] .mm-fig .w3{fill: var(--mm-w3)}.mm-wrap[data-mode='work'] .mm-fig .w4{fill: var(--mm-w4)}.mm-wrap[data-mode='ready'] .mm-fig .r0{fill: var(--mm-r0)}.mm-wrap[data-mode='ready'] .mm-fig .r1{fill: var(--mm-r1)}.mm-wrap[data-mode='ready'] .mm-fig .r2{fill: var(--mm-r2)}.mm-legend{display: flex;margin-top: 18px;color: var(--muted);font-size: 14px}.mm-legend > span{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 8px 10px}.mm-legend i{display: inline-block;width: 22px;height: 12px;border-radius: 6px}.mm-legend .lg-ready i{width: 12px;margin-inline-end: 6px}.mm-legend .w1{background: var(--mm-w1)}.mm-legend .w2{background: var(--mm-w2)}.mm-legend .w3{background: var(--mm-w3)}.mm-legend .w4{background: var(--mm-w4)}.mm-legend .r0{background: var(--mm-r0)}.mm-legend .r1{background: var(--mm-r1)}.mm-legend .r2{background: var(--mm-r2)}.mm-wrap[data-mode='work'] .lg-ready,.mm-wrap[data-mode='ready'] .lg-work{display: none}.mm-pick{min-height: 1.6em;margin: 14px 0 0;font: 600 16px Montserrat,Tajawal,sans-serif}.social{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 14px}.social a{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border-radius: 999px;background: var(--card);color: var(--text);text-decoration: none;font: 600 14px Montserrat,Tajawal,sans-serif}.social a:hover{color: var(--primary)}.social svg{flex: none}.mz{display: block;width: 100%;height: auto;overflow: visible}.mz-eo{animation: mz-eo 4s infinite}.mz-es{opacity: 0;animation: mz-es 4s infinite}@keyframes mz-eo{0%,95%,100%{opacity: 1}95.5%,99%{opacity: 0}}@keyframes mz-es{0%,95%,100%{opacity: 0}95.5%,99%{opacity: 1}}.fl-parade > :nth-child(2n) :is(.mz-eo,.mz-es),.fl-live > :nth-child(2) :is(.mz-eo,.mz-es){animation-delay: -1.3s}.fl-parade > :nth-child(3n) :is(.mz-eo,.mz-es),.fl-live > :nth-child(3) :is(.mz-eo,.mz-es){animation-delay: -2.7s}.fl-parade > :nth-child(4n+1) :is(.mz-eo,.mz-es){animation-delay: -0.6s}.fl-hero-fl :is(.mz-eo,.mz-es){animation-delay: -0.8s}.fl-meet-fig :is(.mz-eo,.mz-es){animation-delay: -2.2s}.fl-av :is(.mz-eo,.mz-es){animation-delay: -3.4s}:root[data-theme='dark'] .mz-limb{fill: #d9d6d2}:root[data-theme='dark'] .mz-limbs{stroke: #d9d6d2}@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .mz-limb{fill: #d9d6d2}:root:not([data-theme='light']) .mz-limbs{stroke: #d9d6d2}}.mzm.mz-on .mz-b{fill: var(--b)}.mzm.mz-on .mz-l{fill: var(--l)}.mzm.mz-on .mz-k{fill: var(--k)}.mzm.mz-on .mz-ks{stroke: var(--k)}.mzm.mz-on .mz-p{fill: var(--p)}.fl-hero{position: relative;justify-self: center;min-width: 0;max-width: 100%}.fl-hero-fl{position: absolute;z-index: 2;width: 150px;top: calc(666px - 150px * 1.31);inset-inline-start: -162px;pointer-events: none}@media (max-width: 860px){.fl-hero{margin-top: 96px}.fl-hero-fl{width: 96px;top: calc(4px - 96px * 1.31);inset-inline-start: auto;inset-inline-end: 22px}}.s-av.fl-av{position: relative;background: none;border: 0}.fl-av .mz{position: absolute;width: 61px;left: 50%;bottom: -1px;transform: translateX(-50%)}.fl-meet{display: grid;grid-template-columns: auto 1fr;gap: clamp(20px,4vw,56px);align-items: center;padding: clamp(24px,4vw,48px)}.fl-meet-fig{width: clamp(190px,24vw,270px)}.fl-chips{list-style: none;padding: 0;margin: 24px 0 0;display: flex;flex-wrap: wrap;gap: 8px}.fl-chips li{display: contents}.fl-chips button{display: inline-flex;align-items: center;gap: 6px;background: var(--raised);color: var(--text);border: 0;border-radius: 999px;padding: 4px;padding-inline-end: 14px;font: 600 14px Montserrat,Tajawal,sans-serif;cursor: pointer;transition: background .15s,color .15s}.fl-chips button:hover{background: var(--wash)}.fl-chips button[aria-pressed='true']{background: var(--primary);color: #fff}.fl-lvname{margin: 8px 0 0;text-align: center;font: 700 16px Montserrat,Tajawal,sans-serif;color: var(--primary)}.fl-chips .mz{width: 26px}@media (max-width: 700px){.fl-meet{grid-template-columns: 1fr}.fl-meet-fig{justify-self: center;width: 200px}}.fl-parade{display: grid;grid-template-columns: repeat(8,1fr);gap: clamp(6px,1.6vw,18px);align-items: end;margin-top: 24px}.fl-shuffle{margin-top: 20px}.fl-make{grid-column: 1 / -1;border-top: 1px solid var(--line);padding-top: clamp(20px,3vw,32px)}.fl-make h3{font-size: clamp(20px,2.4vw,26px);margin: 0 0 6px}@media (max-width: 640px){.fl-parade{grid-template-columns: repeat(4,1fr)}}.fl-live{display: flex;flex-wrap: wrap;gap: 16px;margin-top: 26px}.fl-w{--s: 1.2;position: relative;overflow: hidden;flex-shrink: 0;border-radius: calc(24px * var(--s));width: calc(170px * var(--s));height: calc(184px * var(--s));font-family: Montserrat,Tajawal,sans-serif;line-height: 1.2}.fl-w-streak,.fl-w-today{background: linear-gradient(166deg,var(--d0),var(--d1));color: #1a0f08}.fl-w-today{width: calc(352px * var(--s))}.fl-sun{position: absolute;top: calc(6px * var(--s));inset-inline-end: calc(10px * var(--s));width: calc(48px * var(--s));height: calc(48px * var(--s));border-radius: 50%;background: rgba(255,210,122,.18)}.fl-sun::after{content: '';position: absolute;inset: calc(9px * var(--s));border-radius: 50%;background: rgba(255,210,122,.85)}.fl-wt{position: absolute;top: calc(12px * var(--s));inset-inline-start: calc(14px * var(--s));display: flex;flex-direction: column;z-index: 2}.fl-n{font-size: calc(40px * var(--s));line-height: 1;font-weight: 800}.fl-m{font: 500 calc(12.5px * var(--s)) 'Open Sans',Tajawal,sans-serif;color: var(--mu)}.fl-a{font-size: calc(12px * var(--s));color: var(--ac)}.fl-peek{position: absolute;width: calc(170px * var(--s) / 1.1714);bottom: calc(-30px * var(--s));inset-inline-end: calc(-26px * var(--s))}.fl-peek.fl-start{inset-inline-end: auto;inset-inline-start: calc(-18px * var(--s));width: calc(186px * var(--s) / 1.1714);bottom: calc(-26px * var(--s))}.fl-peek .mz{position: relative}.fl-w-water{background: linear-gradient(166deg,#3d93f2,#1a5fc0);color: #fff}.fl-w-water .fl-n{font-size: calc(30px * var(--s))}.fl-w-water .fl-m{color: rgba(255,255,255,.78)}.fl-onblue .fl-w-water .fl-peek::before{content: '';position: absolute;inset: 15% 0 -10%;background: radial-gradient(closest-side,rgba(255,255,255,.5),rgba(255,255,255,0))}.fl-plus{position: absolute;z-index: 2;bottom: calc(12px * var(--s));inset-inline-start: calc(12px * var(--s));width: calc(38px * var(--s));height: calc(38px * var(--s));border-radius: 50%;background: rgba(255,255,255,.25);color: #fff;font: 400 calc(26px * var(--s)) / calc(38px * var(--s)) 'Open Sans',sans-serif;text-align: center;font-style: normal}.fl-bubs{position: absolute;inset: 0;z-index: 1;pointer-events: none}.fl-bub{position: absolute;top: 100%;border-radius: 50%;background: rgba(255,255,255,.19);box-shadow: inset 0 0 0 1.3px rgba(255,255,255,.6);animation: fl-bub 12s linear infinite}.fl-bub.f{animation-duration: 6s}@keyframes fl-bub{from{transform: translateY(0);opacity: 1}70%{opacity: 1}to{transform: translateY(calc(-184px * var(--s) - 20px));opacity: 0}}.fl-bars{position: absolute;inset-inline-start: calc(150px * var(--s));inset-inline-end: calc(16px * var(--s));top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: calc(10px * var(--s))}.fl-bars > div > div{display: flex;justify-content: space-between;gap: 6px;font-size: calc(12.5px * var(--s))}.fl-bars span{color: var(--mu);font: 500 calc(12px * var(--s)) 'Open Sans',Tajawal,sans-serif}.fl-bars i{display: block;height: calc(7px * var(--s));border-radius: 9px;background: var(--tr);margin-top: calc(5px * var(--s));overflow: hidden}.fl-bars u{display: block;height: 100%;border-radius: 9px}@media (max-width: 700px){.fl-live{gap: 10px}.fl-w{--s: .8}}.fl-lbl{font: 700 14px Montserrat,Tajawal,sans-serif;margin: 24px 0 10px}.fl-sw{display: flex;flex-wrap: wrap;gap: 10px}.fl-sw button{width: 34px;height: 34px;border-radius: 50%;border: 0;padding: 0;cursor: pointer;box-shadow: inset 0 0 0 1px rgba(0,0,0,.12)}.fl-sw button[aria-pressed='true']{box-shadow: 0 0 0 2px var(--card),0 0 0 4px var(--text)}.fl-more{margin-top: 28px}.fl-more > summary{list-style: none;cursor: pointer}.fl-more > summary::-webkit-details-marker{display: none}.fl-gal{display: flex;flex-wrap: wrap;gap: 22px 18px;margin-top: 22px;align-items: flex-start}.fl-gal figure{margin: 0;display: flex;flex-direction: column;gap: 8px;width: 136px}.fl-gal .fl-g42,.fl-gal .fl-g41{width: 282px}.fl-gal img{border-radius: 18px;height: auto;max-width: 100%}.fl-gal figcaption{font-size: 13px;line-height: 1.35}.fl-gal figcaption b{display: block;font: 700 14px Montserrat,Tajawal,sans-serif;margin-bottom: 2px}.fl-gal figcaption span{color: var(--muted)}.fl-note{color: var(--muted);font-size: 13px;margin-top: 18px}@media (max-width: 640px){.fl-gal{gap: 18px 12px}.fl-gal figure{width: calc(50% - 6px)}.fl-gal .fl-g42,.fl-gal .fl-g41{width: 100%}}@media (prefers-reduced-motion: reduce){.mz-eo,.mz-es,.fl-bub{animation: none}}body:has(main > :is(.intro,.page-top):first-child) .bar:not(.scrolled){background: var(--home);border-bottom-color: transparent}.join-btn{min-height: 40px;padding: 0 18px;font-size: 14px}.join-btn .short{display: none}.join-btn[aria-current='page']{display: none}@media (max-width: 1000px){.join-btn .long{display: none}.join-btn .short{display: inline}}@media (max-width: 340px){.join-btn{display: none}}.parts{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,190px),1fr));gap: 12px}.part-card{position: relative;background: var(--card);border-radius: var(--r);padding: 20px;display: grid;gap: 6px;align-content: start}.part-card .sq{margin-bottom: 6px}.part-card b{font: 700 18px Montserrat,Tajawal,sans-serif}.part-card > span:not(.sq){color: var(--muted);font-size: 15px}.part-card .go{position: absolute;top: 22px;inset-inline-end: 18px;color: var(--muted);font-size: 22px}a.part-card{transition: transform .18s var(--ease)}a.part-card:hover{transform: translateY(-3px)}.chips-row{display: flex;flex-wrap: wrap;gap: 8px}.chips-row .pill{background: var(--card);color: var(--text)}.chips-row .pill .mi{color: var(--primary);font-size: 18px}.chips-row .pill:hover{color: var(--primary)}.pill .logo-mark{height: 18px}.tools-band{display: grid;gap: 18px;padding: clamp(22px,3.4vw,36px)}.tools-band .chips-row .pill{background: var(--page)}.topics .pill .muted{font-weight: 400}.feat-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,250px),1fr));gap: 14px}.fcard{background: var(--card);border-radius: var(--r);padding: 20px;display: grid;gap: 8px;align-content: start}.fcard .sq{width: 44px;height: 44px;font-size: 22px;border-radius: 14px}.fcard h3{font-size: 17px}.fcard p{color: var(--muted);font-size: 15px}.gap-top{margin-top: 18px}.see .mi{font-size: 18px;vertical-align: -3px}.calc-in{margin: 30px 0;background: var(--home);border-radius: var(--r);padding: clamp(18px,3vw,26px)}.calc-in .label{color: var(--primary)}.article .calc-in h2{margin: 4px 0 0}.calc-in .calc{grid-template-columns: minmax(0,1fr)}.calc-in .calc-tabs{display: none}.calc-in .see{display: inline-flex;align-items: center;gap: 4px;margin-top: 12px}.article .calc-in p{font-size: 14px;line-height: 1.55}@media (max-width: 560px){.parts{gap: 8px}.part-card{grid-template-columns: auto 1fr;column-gap: 14px;row-gap: 2px;padding: 14px 44px 14px 16px;align-items: center}[dir='rtl'] .part-card{padding: 14px 16px 14px 44px}.part-card .sq{grid-row: span 2;margin: 0;width: 46px;height: 46px;font-size: 22px;border-radius: 14px}.part-card .go{top: calc(50% - 11px)}}.article p.opening{color: var(--text);font-size: 19px;line-height: 1.65;margin-bottom: 26px}.article table{width: 100%;border-collapse: collapse;margin: 18px 0;font-size: 15px;background: var(--card);border-radius: 16px;overflow: hidden}.article th,.article td{text-align: start;padding: 10px 14px;border-bottom: 1px solid var(--line)}.article th{font: 700 14px Montserrat,Tajawal,sans-serif;background: var(--raised)}.article td{color: var(--muted);font-variant-numeric: tabular-nums}@media (max-width: 360px){.card.inputs,.calc .result{padding-inline: 14px}.rows{padding-inline: 14px;overflow-wrap: anywhere}.story{width: 100%}.fl-w{--s: .66}.calc-in{padding: 12px}.calc-in .card.inputs,.calc-in .calc .result{padding-inline: 12px}.calc .tiles{grid-template-columns: minmax(0,1fr)}}@media (max-width: 420px){.calc-in .tiles{grid-template-columns: minmax(0,1fr)}}.ax-top{background: var(--home);padding: clamp(28px,4vw,48px) 0 clamp(26px,3vw,40px);border-radius: 0 0 36px 36px}.ax-hello{display: flex;align-items: center;gap: 14px}.ax-av{width: 64px;flex-shrink: 0}.ax-kick{margin: 0;font: 700 14px Montserrat,Tajawal,sans-serif;color: var(--primary)}.ax-top .h1{font-size: clamp(30px,4.4vw,46px);margin: 2px 0 0}.ax-top .lead{margin-top: 12px}.ax-tiles{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 12px}@media (max-width: 900px){.ax-tiles{grid-template-columns: repeat(2,minmax(0,1fr))}.ax-tiles > :last-child{grid-column: 1 / -1}}.ax-tile{display: flex;flex-direction: column;gap: 4px;background: var(--card);border-radius: 22px;padding: 16px;color: var(--text);text-decoration: none;transition: transform .18s}.ax-tile:hover{transform: translateY(-2px)}.ax-tile .sq{width: 40px;height: 40px;border-radius: 13px;font-size: 21px;margin-bottom: 6px}.ax-tile b{font: 700 15px Montserrat,Tajawal,sans-serif}.ax-tile > span:last-child{font-size: 13px;color: var(--muted)}.ax-group{margin-top: 22px}.ax-gh{display: flex;align-items: baseline;gap: 10px;margin: 0 4px 10px}.ax-gh h3{margin: 0;font: 700 19px Montserrat,Tajawal,sans-serif}.ax-gh > span{color: var(--muted);font-size: 13px}.ax-gh .see{margin-inline-start: auto}.ax-card{background: var(--card);border-radius: 22px;padding: 4px 16px;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 28px}@media (max-width: 760px){.ax-card{grid-template-columns: 1fr}}.ax-row{display: flex;align-items: center;gap: 12px;padding: 12px 0;border-bottom: 1px solid var(--line)}.ax-ic.sq{width: 38px;height: 38px;border-radius: 50%;font-size: 19px}.ax-tx{min-width: 0}.ax-tx b{display: block;font: 700 14px Montserrat,Tajawal,sans-serif}.ax-tx span{display: block;font-size: 12.5px;color: var(--muted);margin-top: 2px}.js .page-top .rise,.js .ax-top .rise{opacity: 1;transform: none;animation: riseUp .8s var(--ease) both;animation-delay: var(--d,0ms)}@keyframes riseUp{from{transform: translateY(16px)}to{transform: none}}@media (prefers-reduced-motion: reduce){.js .page-top .rise,.js .ax-top .rise{animation: none}}.device{width: 320px;max-width: 100%;margin: 0 auto}.frame{border-radius: 44px;padding: 10px;background: #111;box-shadow: 0 0 0 1px rgba(255,255,255,.06)}.scr{--s-page: #f7f7f7;--s-card: #fff;--s-raised: #f3eee7;--s-line: #f1f1f1;--s-text: #000;--s-muted: #6c7278;--s-primary: #ed6514;--s-peach: #ffefe5;--s-wash: #fdeee4;--s-ring: #ffc796;--s-track: #efefef;--s-dot: #d0d0d0;--s-t-peach: #fde8dc;--s-t-amber: #fdf1dc;--s-t-lav: #ece8fb;--s-t-blue: #e3f0fd;--s-t-green: #e3f1e8;--s-i-orange: #ed6514;--s-i-amber: #e09508;--s-i-lav: #7a60d8;--s-i-blue: #2f80ed;--s-i-green: #2e8b57;--s-ok: #2e9e5b;--s-shadow: 0 8px 16px -10px rgba(0,0,0,.2);position: relative;height: 640px;border-radius: 35px;overflow: hidden;background: var(--s-page);color: var(--s-text);font-family: 'Open Sans',Tajawal,sans-serif}:root[data-theme='dark'] .scr{--s-page: #0f0f10;--s-card: #1a1a1b;--s-raised: #252527;--s-line: #333335;--s-text: #f4f4f5;--s-muted: #9b9b9e;--s-primary: #ff7a2f;--s-peach: #2f231c;--s-wash: rgba(255,122,47,.16);--s-ring: rgba(255,122,47,.28);--s-track: #333335;--s-dot: #3a3a3d;--s-t-peach: rgba(255,122,47,.16);--s-t-amber: rgba(224,149,8,.18);--s-t-lav: rgba(122,96,216,.24);--s-t-blue: rgba(47,128,237,.22);--s-t-green: rgba(46,139,87,.24);--s-i-orange: #ff7a2f;--s-i-amber: #f0b43c;--s-i-lav: #a894f0;--s-i-blue: #6aa8f5;--s-i-green: #5cc28a;--s-shadow: none}@media (prefers-color-scheme: dark){:root:not([data-theme='light']) .scr{--s-page: #0f0f10;--s-card: #1a1a1b;--s-raised: #252527;--s-line: #333335;--s-text: #f4f4f5;--s-muted: #9b9b9e;--s-primary: #ff7a2f;--s-peach: #2f231c;--s-wash: rgba(255,122,47,.16);--s-ring: rgba(255,122,47,.28);--s-track: #333335;--s-dot: #3a3a3d;--s-t-peach: rgba(255,122,47,.16);--s-t-amber: rgba(224,149,8,.18);--s-t-lav: rgba(122,96,216,.24);--s-t-blue: rgba(47,128,237,.22);--s-t-green: rgba(46,139,87,.24);--s-i-orange: #ff7a2f;--s-i-amber: #f0b43c;--s-i-lav: #a894f0;--s-i-blue: #6aa8f5;--s-i-green: #5cc28a;--s-shadow: none}}.scr,.scr .pane,.scr .s-card,.scr .s-peach,.scr .s-macros,.scr .s-tabbar,.scr .s-btn,.scr .s-search,.scr .s-tiles > button,.scr .s-post,.scr .s-intake,.scr .s-actions button,.scr .s-week,.scr .s-goal,.scr .s-ex,.scr .s-grid > div{transition: background-color .4s ease,color .4s ease}[dir='rtl'] .scr,[dir='rtl'] .scr b,[dir='rtl'] .scr .f{font-family: Tajawal,sans-serif;letter-spacing: 0}.scr .f{font-family: Montserrat,Tajawal,sans-serif}.scr button{font: inherit;color: inherit;background: none;border: 0;padding: 0;margin: 0;text-align: inherit;cursor: pointer;-webkit-tap-highlight-color: transparent}.scr button:focus-visible{outline: 2px solid var(--s-primary);outline-offset: 2px;border-radius: 12px}.scr .pane{position: absolute;inset: 0 0 76px;overflow: hidden auto;overscroll-behavior: contain;scrollbar-width: none;display: none;background: var(--s-page)}.scr .pane::-webkit-scrollbar{display: none}.scr .pane.full{bottom: 0}.scr .pane:not(.full){padding-bottom: 72px}.scr .pane.on{display: block}.device .seg{justify-content: center;width: 100%;margin-top: 14px;flex-wrap: nowrap;gap: 2px}.device .seg button{padding: 8px 10px;font-size: 13px;white-space: nowrap}@media (max-width: 360px){.device .seg{gap: 0}.device .seg button{padding: 7px 6px;font-size: 11.5px}}.device .hint{text-align: center;color: var(--muted);font-size: 13px;margin: 6px 0 0}.ti-peach{background: var(--s-t-peach);color: var(--s-i-orange)}.ti-amber{background: var(--s-t-amber);color: var(--s-i-amber)}.ti-lav{background: var(--s-t-lav);color: var(--s-i-lav)}.ti-blue{background: var(--s-t-blue);color: var(--s-i-blue)}.ti-green{background: var(--s-t-green);color: var(--s-i-green)}.s-top{display: flex;align-items: center;gap: 10px;padding: 26px 16px 0}.s-av{width: 38px;height: 38px;border-radius: 50%;background: #2e9e5b;border: 2px solid var(--s-primary);color: #fff;display: grid;place-items: center;font: 700 16px Montserrat,Tajawal,sans-serif;flex-shrink: 0}.s-hi{font-size: 12px}.s-name{font-weight: 700;font-size: 16px}.s-btn{width: 38px;height: 38px;border-radius: 50%;background: var(--s-card);display: grid;place-items: center;font-size: 19px;margin-inline-start: auto;flex-shrink: 0}.s-btn + .s-btn{margin-inline-start: 6px}.s-title{display: flex;align-items: center;gap: 12px;padding: 22px 16px 0;font-weight: 700;font-size: 21px}.scr .s-title .x{width: 34px;height: 34px;border-radius: 50%;background: var(--s-card);display: grid;place-items: center;font-size: 18px;flex-shrink: 0}.s-title small{margin-inline-start: auto;font-weight: 400;font-size: 11px;color: var(--s-muted)}.s-sub{padding: 2px 16px 0;font-size: 11.5px;color: var(--s-muted)}.s-peach{background: var(--s-peach);border-radius: 0 0 30px 30px;padding-bottom: 56px}.s-ring{display: flex;align-items: center;justify-content: space-between;padding: 16px 20px 0}.s-ring .n{width: 62px;text-align: center;font: 700 22px Montserrat,sans-serif}.s-ring .n small,.s-ring .ring small{display: block;font-weight: 400;font-size: 10px;color: var(--s-muted);letter-spacing: .04em;margin-top: 2px}.s-ring .ring{position: relative;width: 132px;height: 132px}.s-ring svg{transform: rotate(-90deg)}.s-ring .track{stroke: var(--s-ring)}.s-ring .arc{stroke: var(--s-primary);transition: stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1)}.s-ring .ring div{position: absolute;inset: 0;display: grid;place-content: center;text-align: center;font: 700 25px Montserrat,sans-serif}.scr .s-stats{display: block;margin: 10px auto 0;color: var(--s-primary);font-weight: 600;font-size: 11px;letter-spacing: .06em}.s-macros{position: relative;margin: -40px 16px 0;background: var(--s-card);border-radius: 20px;padding: 12px 10px;display: flex;box-shadow: var(--s-shadow)}.s-macros > div{flex: 1;text-align: center;font-size: 12px;font-weight: 500}.s-bar{display: block;height: 5px;margin: 7px 12px;border-radius: 9px;background: var(--s-track);overflow: hidden}.s-bar b{display: block;height: 100%;border-radius: 9px;transition: width .6s cubic-bezier(.2,.7,.2,1)}.s-macros span{font-size: 11px}.c-carb{background: #2f80ed}.c-prot{background: #00c853}.c-fat{background: #e09508}.c-kcal{background: var(--s-primary)}.s-date{text-align: center;font-weight: 600;font-size: 13px;color: var(--s-muted);margin: 14px 0 6px}.s-date .mi{color: var(--s-primary)}.s-h{font-weight: 700;font-size: 17px;margin: 10px 16px}.s-card{background: var(--s-card);border-radius: 22px;margin: 0 16px;padding: 4px 14px}.s-card.gap{margin-top: 12px}.scr .s-row{display: flex;align-items: center;gap: 12px;padding: 11px 0;width: 100%}.s-row + .s-row{border-top: 1px solid var(--s-line)}.s-row .ic{width: 38px;height: 38px;border-radius: 50%;display: grid;place-items: center;font-size: 18px;flex-shrink: 0}.s-row .ic.sq{border-radius: 12px}.s-row b{display: block;font-size: 13px}.s-row .tx{min-width: 0}.s-row .tx > span{display: block;font-size: 11px;color: var(--s-muted)}.scr .s-row .add{margin-inline-start: auto;width: 28px;height: 28px;border-radius: 50%;background: var(--s-wash);color: var(--s-primary);display: grid;place-items: center;font-size: 16px;flex-shrink: 0}.s-row .chev{margin-inline-start: auto;color: var(--s-muted);font-size: 18px}.s-row .kc{margin-inline-start: auto;font: 700 13px Montserrat,sans-serif}.scr .s-fab{position: absolute;inset-inline-end: 16px;bottom: 90px;width: 54px;height: 54px;border-radius: 50%;background: var(--s-primary);color: #fff;display: grid;place-items: center;font-size: 30px;z-index: 3;box-shadow: 0 10px 18px -8px rgba(237,101,20,.7)}.scr .s-fab[hidden]{display: none}.s-tabbar{position: absolute;inset: auto 0 0;height: 76px;background: var(--s-card);border-radius: 22px 22px 0 0;display: flex;justify-content: space-around;align-items: center;box-shadow: 0 -4px 14px rgba(0,0,0,.04);z-index: 2}.s-tabbar[hidden]{display: none}.scr .s-tabbar button{display: grid;justify-items: center;gap: 2px;font-size: 10.5px;font-weight: 600;color: var(--s-muted);padding: 6px 4px}.s-tabbar .mi{font-size: 24px}.scr .s-tabbar [aria-current='page']{color: var(--s-primary)}.s-search{margin: 16px 16px 0;background: var(--s-card);border-radius: 22px;height: 46px;display: flex;align-items: center;gap: 10px;padding: 0 16px;color: var(--s-muted);font-size: 13px}.s-search .mi{color: var(--s-text);font-size: 20px}.s-search .tune{margin-inline-start: auto;color: var(--s-primary)}.s-hero{margin: 14px 16px 0;background: var(--s-primary);color: #fff;border-radius: 24px;padding: 18px}.s-hero .l{font-weight: 700;font-size: 10px;letter-spacing: .12em;opacity: .9}[dir='rtl'] .s-hero .l{letter-spacing: 0}.s-hero .h{font-weight: 700;font-size: 22px;line-height: 1.15;margin: 6px 0}.s-hero .h.big{font-size: 26px}.s-hero .p{font-size: 11.5px;opacity: .95}.scr .s-hero .b{width: 100%;background: #fff;color: #ed6514;border-radius: 999px;height: 40px;display: flex;align-items: center;justify-content: center;gap: 6px;font-weight: 700;font-size: 14px;margin-top: 12px}.s-tl{display: flex;gap: 8px;margin-top: 12px}.s-tl > div{flex: 1;background: rgba(255,255,255,.16);border-radius: 14px;padding: 9px 10px}.s-tl b{display: block;font: 700 16px Montserrat,sans-serif}.s-tl span{font-size: 10.5px}.s-tiles{display: flex;gap: 8px;margin: 10px 16px 0}.scr .s-tiles > button{flex: 1;background: var(--s-card);border-radius: 20px;padding: 12px}.s-tiles .q{width: 30px;height: 30px;border-radius: 10px;display: grid;place-items: center;font-size: 17px;margin-bottom: 8px}.s-tiles b{display: block;font-size: 13px}.s-tiles .sub{display: block;font-size: 11px;color: var(--s-muted)}.s-ex{margin: 12px 16px 0;background: var(--s-card);border-radius: 22px;padding: 14px;display: flex;gap: 12px;align-items: center}.s-ex .ic{width: 46px;height: 46px;border-radius: 14px;display: grid;place-items: center;font-size: 24px;flex-shrink: 0}.s-ex b{display: block;font-size: 15px}.s-ex .sub{display: block;font-size: 11px;color: var(--s-muted)}.s-clock{margin-inline-start: auto;font: 700 13px Montserrat,sans-serif;color: var(--s-primary)}.scr .s-set{display: flex;align-items: center;gap: 12px;width: 100%;padding: 10px 0}.s-set + .s-set{border-top: 1px solid var(--s-line)}.s-set .k{width: 26px;height: 26px;border-radius: 8px;background: var(--s-raised);display: grid;place-items: center;font: 700 12px Montserrat,sans-serif;flex-shrink: 0;transition: background-color .25s,color .25s}.s-set .w{font: 700 13px Montserrat,sans-serif}.s-set .r{font-size: 11px;color: var(--s-muted)}.s-set .tick{margin-inline-start: auto;width: 30px;height: 30px;border-radius: 50%;border: 2px solid var(--s-dot);display: grid;place-items: center;color: transparent;font-size: 17px;transition: background-color .25s,border-color .25s,color .25s}.s-set.done .tick{background: var(--s-ok);border-color: var(--s-ok);color: #fff}.s-set.done .k{background: var(--s-primary);color: #fff}.s-rest{margin: 12px 16px 0;background: var(--s-primary);color: #fff;border-radius: 18px;padding: 12px 16px;display: flex;align-items: center;gap: 10px;font-weight: 700;font-size: 13px}.s-rest[hidden]{display: none}.s-rest .t{margin-inline-start: auto;font: 700 20px Montserrat,sans-serif}.s-intake{margin: 12px 16px 0;background: var(--s-card);border-radius: 22px;padding: 14px}.s-intake .top{display: flex;justify-content: space-between;align-items: baseline;font-weight: 700;font-size: 13px}.s-intake .top b{font: 700 18px Montserrat,sans-serif}.s-intake .top small{font-size: 11px;color: var(--s-muted);font-weight: 400}.s-intake > .s-bar{margin: 10px 0;height: 8px}.s-intake .mac{display: flex;gap: 10px;font-size: 10.5px;color: var(--s-muted)}.s-intake .mac > span{flex: 1}.s-intake .mac .s-bar{margin: 4px 0 0;height: 5px}.s-actions{display: flex;gap: 8px;margin: 10px 16px 0}.s-actions .act{flex: 1;background: var(--s-card);border-radius: 18px;padding: 12px;display: flex;align-items: center;gap: 8px;font-weight: 700;font-size: 12px}.s-actions .mi{width: 30px;height: 30px;border-radius: 10px;display: grid;place-items: center;font-size: 17px;flex-shrink: 0}.s-chips{display: flex;gap: 6px;padding: 12px 16px 0}.s-chips span{border-radius: 999px;padding: 6px 12px;font-size: 11px;font-weight: 600;color: var(--s-muted);background: var(--s-card)}.s-chips span.on{background: var(--s-wash);color: var(--s-primary)}.s-post{margin: 10px 16px 0;background: var(--s-card);border-radius: 22px;padding: 14px}.s-post .who{display: flex;align-items: center;gap: 10px}.s-post .av{width: 34px;height: 34px;border-radius: 50%;display: grid;place-items: center;color: #fff;font-weight: 700;font-size: 14px;flex-shrink: 0}.s-post .av.a1{background: #2f80ed}.s-post .av.a2{background: #7a60d8}.s-post .who b{display: block;font-size: 13px}.s-post .who .when{display: block;font-size: 10.5px;color: var(--s-muted)}.s-post .kind{margin-inline-start: auto;font-size: 10px;font-weight: 700;color: var(--s-primary);background: var(--s-wash);border-radius: 999px;padding: 4px 9px}.s-post .what{font-weight: 700;font-size: 15px;margin: 10px 0 8px}.s-post .ps{display: flex;gap: 8px}.s-post .ps > div{flex: 1;background: var(--s-page);border-radius: 12px;padding: 8px;text-align: center}.s-post .ps b{display: block;font: 700 13px Montserrat,sans-serif}.s-post .ps span{font-size: 9.5px;color: var(--s-muted)}.scr .s-cheer{display: inline-flex;align-items: center;gap: 6px;margin-top: 10px;border-radius: 999px;padding: 6px 12px;background: var(--s-page);font-size: 12px;font-weight: 700;color: var(--s-muted)}.scr .s-cheer.on{background: var(--s-wash);color: var(--s-primary)}.s-cheer .mi{font-size: 16px}.s-week,.s-goal{background: var(--s-card);border-radius: 20px;margin: 10px 16px 0;padding: 14px}.s-week .top,.s-goal .top{display: flex;justify-content: space-between;font-weight: 700;font-size: 14px}.s-week .top span{font-weight: 400;font-size: 11px;color: var(--s-muted)}.s-dots{display: flex;justify-content: space-between;margin-top: 10px;font-size: 10px;color: var(--s-muted);text-align: center}.s-dots i{display: block;width: 17px;height: 17px;border-radius: 50%;background: var(--s-dot);margin: 4px auto 0}.s-dots i.y{background: var(--s-primary)}.s-goal .top span{color: var(--s-primary);font-weight: 600;font-size: 11px}.s-goal .s-bar{margin: 10px 0 6px;height: 8px;background: var(--s-raised)}.s-goal .s-bar b{background: var(--s-primary)}.s-goal p{font-size: 11px;color: var(--s-muted)}.s-btns{position: absolute;inset: auto 16px 16px;display: flex;gap: 8px}.scr .s-btns button{flex: 1;height: 42px;border-radius: 999px;border: 1.5px solid var(--s-primary);display: grid;place-items: center;font-weight: 700;font-size: 12.5px;color: var(--s-primary);text-align: center}.scr .s-btns button.fill{background: var(--s-primary);color: #fff}.s-done{text-align: center;padding: 34px 20px 0}.s-done .ttl{margin: 14px 0 4px;font-weight: 700;font-size: 21px}.s-done p{font-size: 12px;color: var(--s-muted)}.s-done .rec{display: inline-flex;align-items: center;gap: 6px;margin-top: 12px;background: var(--s-t-amber);color: var(--s-i-amber);border-radius: 999px;padding: 6px 12px;font-weight: 700;font-size: 12px}.s-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 16px 16px 0}.s-grid > div{background: var(--s-card);border-radius: 16px;padding: 12px}.s-grid b{display: block;font: 700 17px Montserrat,sans-serif}.s-grid span{font-size: 11px;color: var(--s-muted)}@media (prefers-reduced-motion: no-preference){.scr button:active{transform: scale(.97)}.scr .pane.on{animation: paneIn .45s var(--ease) both}[dir='rtl'] .scr .pane.on{animation-name: paneInRtl}.scr .pane.on.back{animation-name: paneBack}[dir='rtl'] .scr .pane.on.back{animation-name: paneBackRtl}.pane.play .arc{animation: draw 1.4s var(--ease) .15s both}.pane.play .s-bar b{animation: grow 1s var(--ease) .45s both}.pane.play .s-row,.pane.play .s-tiles > button,.pane.play .s-week,.pane.play .s-goal,.pane.play .s-btns,.pane.play .s-hero,.pane.play .s-post,.pane.play .s-intake,.pane.play .s-actions,.pane.play .s-ex,.pane.play .s-set,.pane.play .s-grid > div{animation: up .5s var(--ease) both;animation-delay: calc(var(--i,0) * 60ms + 100ms)}.pane.play .s-dots i{animation: pop .45s cubic-bezier(.3,1.6,.5,1) both;animation-delay: calc(var(--i,0) * 80ms + 350ms)}.pane.play .s-done .done-fl{animation: pop .6s cubic-bezier(.3,1.6,.5,1) .1s both}.s-set.done .tick,.s-cheer.on .mi{animation: pop .35s cubic-bezier(.3,1.6,.5,1)}.scr .s-fab{animation: pop .5s cubic-bezier(.3,1.6,.5,1) .9s both}}@keyframes paneBack{from{opacity: 0;transform: translateX(-28px)}}@keyframes paneBackRtl{from{opacity: 0;transform: translateX(28px)}}.device .seg button{position: relative;overflow: hidden}.device.auto .seg button[aria-selected='true']::after{content: '';position: absolute;inset-inline-start: 14px;bottom: 5px;height: 2px;width: calc(100% - 28px);background: currentColor;opacity: .35;transform-origin: left;animation: timer var(--dwell,5s) linear both;border-radius: 2px}[dir='rtl'] .device.auto .seg button[aria-selected='true']::after{transform-origin: right}@keyframes timer{from{transform: scaleX(0)}}@media (prefers-reduced-motion: reduce){.device.auto .seg button::after{display: none}}.s-av{background: var(--s-wash);border: 0}.s-av img{display: block;width: 15px;height: auto}.s-av.sm{width: 30px;height: 30px}.s-av.sm img{width: 12px}.scr .s-btn{position: relative;color: var(--s-text);background: var(--s-card)}.s-btn .dot{position: absolute;top: 8px;inset-inline-end: 9px;width: 7px;height: 7px;border-radius: 50%;background: var(--s-primary)}.s-macros.band{background: var(--s-primary);color: #fff}.s-macros.band .s-bar{background: rgba(255,255,255,.3)}.c-band{background: #fff}.scr .s-search{width: calc(100% - 32px);margin: 16px 16px 0;padding: 0 16px;text-align: start;background: var(--s-card)}.s-search.in input{flex: 1;min-width: 0;border: 0;outline: 0;background: none;color: var(--s-text);font: inherit;font-size: 13px}.s-search.in input::placeholder{color: var(--s-muted)}.s-search.in:focus-within{box-shadow: 0 0 0 2px var(--s-primary)}.s-h.sm{font-size: 13px;margin: 14px 16px 8px;color: var(--s-muted)}.s-none,.s-note{padding: 12px 16px;font-size: 12px;color: var(--s-muted);text-align: center}.s-row[hidden],.r-card[hidden]{display: none}.f-top{padding: 14px;text-align: center}.f-ring{width: 112px;height: 112px;margin: 2px auto 10px;border-radius: 50%;background: var(--s-track);display: grid;place-items: center}.f-ring > div{width: 84px;height: 84px;border-radius: 50%;background: var(--s-card);display: grid;place-content: center}.f-ring b{font-size: 24px;line-height: 1}.f-ring small{font-size: 10px;color: var(--s-muted)}.f-unit{font-weight: 700;font-size: 13px}.f-mac{display: flex;justify-content: space-around;margin-top: 10px;font-size: 10.5px;color: var(--s-muted)}.f-mac span{display: grid;justify-items: center;gap: 2px}.f-mac i{width: 7px;height: 7px;border-radius: 50%}.f-mac b{color: var(--s-text);font-size: 13px}.f-por{padding: 12px 14px}.f-por .lbl{font-weight: 700;font-size: 13px}.f-step{display: flex;align-items: center;justify-content: space-between;margin: 8px 0}.f-step b{font-size: 22px}.f-step.sm{justify-content: center;gap: 10px;margin: 0}.f-step.sm b{font-size: 15px;min-width: 22px;text-align: center}.scr .st{width: 36px;height: 36px;border-radius: 12px;background: var(--s-page);display: grid;place-items: center;text-align: center;font: 700 18px Montserrat,sans-serif;color: var(--s-text)}.scr .st[data-act$='+']{background: var(--s-wash);color: var(--s-primary)}.f-step.sm .st{width: 28px;height: 28px;border-radius: 9px;font-size: 15px}.f-chips{display: flex;gap: 6px}.f-chips.in{margin: 10px 16px 0}.scr .f-chips button{flex: 1;height: 32px;border-radius: 11px;background: var(--s-page);display: grid;place-items: center;text-align: center;font-weight: 700;font-size: 12.5px;border: 1px solid var(--s-line)}.scr .f-chips button[aria-pressed='true']{background: var(--s-primary);border-color: var(--s-primary);color: #fff}.f-fit{padding: 12px 14px}.f-fit .top{display: flex;justify-content: space-between;font-weight: 700;font-size: 12.5px}.f-fit .top span{font-weight: 600;font-size: 11px;color: var(--s-muted)}.s-bar.two{display: flex;margin: 9px 0 6px;height: 7px}.s-bar.two b{border-radius: 0}.s-bar.two .was{background: var(--s-muted);opacity: .45}.s-bar.two .add{background: var(--s-primary)}.f-fit p{font-size: 10.5px;color: var(--s-muted)}[data-pane='food'] .s-btns,[data-pane='scan'] .s-btns{position: static;margin: 12px 16px 16px}.w-head{display: flex;align-items: center;gap: 10px;padding: 22px 16px 0}.w-head .s-btn{margin-inline-start: auto}.w-h{font-weight: 700;font-size: 24px;line-height: 1.1}.w-h.pad{padding: 22px 16px 0}.s-sub.np{padding: 2px 0 0}.w-hero{padding: 14px 16px 12px}.w-row{display: flex;justify-content: space-between;font-weight: 700;font-size: 10.5px;opacity: .92}.w-hero .h{margin: 6px 0 2px}.w-days{display: flex;justify-content: space-between;gap: 4px;margin-top: 10px}.scr .w-days button{width: 28px;height: 28px;border-radius: 50%;background: rgba(255,255,255,.22);display: grid;place-items: center;text-align: center;font: 700 11px Montserrat,Tajawal,sans-serif;color: #fff;transition: background-color .2s,box-shadow .2s}.scr .w-days button.done{background: #2e9e5b}.scr .w-days button.rest{background: rgba(255,255,255,.12)}.scr .w-days button.next{background: rgba(255,255,255,.45)}.scr .w-days button[aria-pressed='true']{box-shadow: 0 0 0 2px #fff}.w-days .mi{font-size: 15px}.scr .w-hero .b[hidden]{display: none}.scr .w-link{display: block;margin: 8px auto 0;font-size: 11px;font-weight: 600;text-decoration: underline;text-underline-offset: 3px;text-align: center}.s-mini{display: grid;grid-template-columns: repeat(4,1fr);gap: 6px;margin: 8px 16px 16px}.scr .s-mini button{background: var(--s-card);border-radius: 14px;padding: 9px 2px;display: grid;justify-items: center;gap: 4px;text-align: center;font-size: 10px;font-weight: 600}.s-mini .mi{font-size: 18px;color: var(--s-primary)}.p-top{display: flex;align-items: center;justify-content: space-between;padding: 18px 16px 0}.scr .p-top .x{width: 34px;height: 34px;border-radius: 50%;background: var(--s-card);display: grid;place-items: center;font-size: 18px}.scr .p-top span.x:empty{background: none}.p-clock{text-align: center}.p-clock b{display: block;font-size: 20px;line-height: 1.1}.p-clock small{font-size: 10.5px;color: var(--s-muted)}.scr .p-fin{border-radius: 999px;padding: 7px 12px;background: var(--s-wash);color: var(--s-primary);font-weight: 700;font-size: 11.5px}.p-lbl{padding: 12px 16px 0;font-weight: 700;font-size: 10px;letter-spacing: .1em;color: var(--s-primary)}[dir='rtl'] .p-lbl{letter-spacing: 0}.p-name{padding: 2px 16px 0;font-weight: 700;font-size: 20px}.p-chip{display: inline-block;margin: 6px 16px 0;padding: 5px 10px;border-radius: 999px;background: var(--s-card);font-size: 10.5px;color: var(--s-muted)}.p-coach{display: flex;gap: 10px;margin: 10px 16px 0;padding: 11px 12px;border-radius: 16px;background: var(--s-wash)}.p-coach[hidden]{display: none}.p-coach .ic{width: 28px;height: 28px;border-radius: 50%;border: 2px solid var(--s-primary);color: var(--s-primary);display: grid;place-items: center;font-size: 15px;flex-shrink: 0}.p-coach b{display: block;color: var(--s-primary);font-size: 14px}.p-coach p{font-size: 11px;line-height: 1.4;margin-top: 2px;color: var(--s-text)}.scr .p-coach button{margin-top: 5px;font-weight: 700;font-size: 11px;color: var(--s-primary);text-decoration: underline;text-underline-offset: 3px}.scr .p-coach button[hidden]{display: none}.p-sets{padding: 6px 10px 8px}.p-head,.p-set{display: grid;grid-template-columns: 28px 1fr 1.3fr 40px 30px;align-items: center;gap: 6px}.p-head{font-size: 9.5px;font-weight: 700;color: var(--s-muted);letter-spacing: .06em;padding: 6px 0}[dir='rtl'] .p-head{letter-spacing: 0}.p-set{padding: 6px 0;border-top: 1px solid var(--s-line);transition: background-color .25s}.p-set .k{width: 24px;height: 24px;border-radius: 8px;background: var(--s-raised);display: grid;place-items: center;font: 700 11px Montserrat,Tajawal,sans-serif}.p-set .kg,.p-set .rp b{font-size: 14px;text-align: center}.p-set .rp{display: flex;align-items: center;justify-content: center;gap: 4px}.scr .p-set .rp .st{width: 22px;height: 22px;border-radius: 7px;font-size: 13px;visibility: hidden}.scr .p-set.cur .rp .st{visibility: visible}.p-set .ef{font-size: 9.5px;font-weight: 700;color: var(--s-i-amber);text-align: center}.scr .p-set .tick{width: 28px;height: 28px;border-radius: 9px;border: 2px solid var(--s-dot);display: grid;place-items: center;color: transparent;font-size: 16px;transition: background-color .25s,border-color .25s,color .25s}.p-set.cur{background: var(--s-wash);margin: 0 -10px;padding: 6px 10px;border-radius: 12px;border-top-color: transparent}.scr .p-set.cur .tick{border-color: var(--s-primary);color: var(--s-primary)}.p-set.done .k{background: var(--s-ok);color: #fff}.scr .p-set.done .tick{background: var(--s-ok);border-color: var(--s-ok);color: #fff}.p-set[data-set='0'] .k{background: var(--s-t-amber);color: var(--s-i-amber)}.p-sheet{position: absolute;inset: auto 10px 10px;z-index: 4;background: var(--s-card);border-radius: 22px;padding: 14px 12px 12px;box-shadow: 0 -6px 30px rgba(0,0,0,.25)}.p-sheet[hidden]{display: none}.p-sheet .q{font-weight: 700;font-size: 12.5px;margin-bottom: 10px;text-align: center}.p-rir{display: flex;justify-content: space-between;gap: 6px}.p-rir.in{margin: 4px 16px 0}.scr .p-rir button{width: 40px;height: 40px;border-radius: 50%;border: 2px solid currentColor;display: grid;place-items: center;text-align: center;font: 700 14px Montserrat,sans-serif;transition: box-shadow .2s}.scr .p-rir .r0{color: #e5484d}.scr .p-rir .r1{color: #ed7a14}.scr .p-rir .r2{color: #c9a20e}.scr .p-rir .r3{color: #78a91f}.scr .p-rir .r4{color: #3ba55c}.scr .p-rir button[aria-pressed='true']{box-shadow: inset 0 0 0 30px currentColor}.scr .p-rir button > *{pointer-events: none}.p-rir button[aria-pressed='true']{-webkit-text-fill-color: #fff}.p-ends{display: flex;justify-content: space-between;margin: 5px 16px 0;font-size: 10px;color: var(--s-muted)}.p-sheet .p-ends{margin: 5px 0 0}.p-word{text-align: center;font-weight: 700;font-size: 13px;margin-top: 8px}.p-word.w0{color: #e5484d}.p-word.w1{color: #ed7a14}.p-word.w2{color: #c9a20e}.p-word.w3{color: #78a91f}.p-word.w4{color: #3ba55c}.p-rest{position: absolute;inset: auto 10px 10px;z-index: 3;display: flex;align-items: center;gap: 10px;background: var(--s-card);border-radius: 999px;padding: 7px;box-shadow: 0 8px 24px rgba(0,0,0,.22)}.p-rest[hidden]{display: none}.p-rest .ring{width: 38px;height: 38px;border-radius: 50%;border: 3px solid var(--s-primary);display: grid;place-items: center;font-size: 17px;flex-shrink: 0}.p-rest b{display: block;font-size: 19px;line-height: 1}.p-rest small{font-size: 10px;color: var(--s-muted)}.scr .p-rest button{margin-inline-start: auto;height: 36px;padding: 0 12px;border-radius: 999px;background: var(--s-raised);font-weight: 700;font-size: 12px}.scr .p-rest button + button{margin-inline-start: 0}.scr .p-rest .fill{background: var(--s-primary);color: #fff}.scr .r-left{padding: 2px 16px 0;font-size: 12.5px;color: var(--s-muted);display: flex;align-items: center;gap: 2px}.r-left b{color: var(--s-primary)}.scr .s-chips button{border-radius: 999px;padding: 7px 13px;font-size: 11px;font-weight: 600;color: var(--s-muted);background: var(--s-card);white-space: nowrap}.scr .s-chips button[aria-pressed='true']{background: var(--s-primary);color: #fff}.r-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 12px 16px 16px}.scr .r-card{position: relative;height: 150px;border-radius: 18px;overflow: hidden;background: var(--s-card);text-align: start}.r-card picture,.r-card .r-cover,.r-hero picture,.r-hero .r-cover{position: absolute;inset: 0}.r-card img,.r-hero img{width: 100%;height: 100%;object-fit: cover;display: block}.r-cover{display: grid;place-items: center;font-size: 46px}.cv-orange{background: linear-gradient(150deg,#ff7a00,#ed6514);color: rgba(255,255,255,.9)}.cv-peach{background: var(--s-t-peach);color: var(--s-i-orange)}.cv-green{background: var(--s-t-green);color: var(--s-i-green)}.r-card .r-cover{padding-bottom: 46px}.r-tag{position: absolute;top: 8px;inset-inline-start: 8px;background: var(--s-primary);color: #fff;border-radius: 999px;padding: 3px 8px;font-size: 9.5px;font-weight: 700}.r-t{position: absolute;inset: auto 0 0;padding: 22px 10px 9px;background: linear-gradient(transparent,rgba(0,0,0,.72));color: #fff}.r-t b{display: block;font-size: 12px;line-height: 1.25}.r-t span{display: block;font-size: 9.5px;opacity: .9;margin-top: 2px}.r-hero{position: relative;height: 150px;overflow: hidden;background: var(--s-card)}.scr .r-hero .x{position: absolute;top: 14px;inset-inline-start: 14px;z-index: 1;width: 34px;height: 34px;border-radius: 50%;background: rgba(0,0,0,.45);color: #fff;display: grid;place-items: center;font-size: 18px}.r-name{padding: 12px 16px 0;font-weight: 700;font-size: 18px;line-height: 1.2}.r-tags{display: flex;flex-wrap: wrap;gap: 6px;padding: 8px 16px 0}.r-tags > span{display: inline-flex;align-items: center;gap: 4px;border-radius: 999px;padding: 4px 9px;background: var(--s-card);font-size: 10.5px}.r-tags .mi{color: var(--s-primary)}.r-opts{padding: 10px 12px}.r-serv{display: flex;align-items: center;justify-content: space-between;gap: 8px}.r-serv b{display: block;font-size: 13px}.r-serv span{font-size: 10px;color: var(--s-muted)}.r-meal{display: flex;gap: 3px;margin-top: 10px;background: var(--s-page);border-radius: 12px;padding: 3px}.scr .r-meal button{flex: 1;height: 30px;border-radius: 9px;font-size: 10.5px;font-weight: 700;text-align: center;color: var(--s-muted)}.scr .r-meal button[aria-pressed='true']{background: var(--s-primary);color: #fff}.r-rings{display: grid;grid-template-columns: repeat(4,1fr);gap: 4px;padding: 12px 8px;text-align: center}.r-rings small{display: block;font-size: 9.5px;color: var(--s-muted);margin-top: 4px}.r-rings b{font-size: 11.5px}.rr{--p: 0%;--c: var(--s-primary);width: 46px;height: 46px;margin: 0 auto;border-radius: 50%;background: conic-gradient(var(--c) var(--p),var(--s-track) 0);display: grid;place-items: center}.rr i{width: 36px;height: 36px;border-radius: 50%;background: var(--s-card);display: grid;place-items: center;font-style: normal;font-weight: 700;font-size: 10px}.rr-carb{--c: #2f80ed}.rr-prot{--c: #00c853}.rr-fat{--c: #e09508}.r-note{text-align: center;font-size: 10px;color: var(--s-muted);margin-top: 6px}.r-ing{padding: 4px 14px}.r-ing .ing{display: flex;justify-content: space-between;padding: 9px 0;font-size: 12px}.r-ing .ing + .ing{border-top: 1px solid var(--s-line)}.r-ing .ing span{color: var(--s-muted)}.r-bar{position: sticky;bottom: 0;display: flex;align-items: center;gap: 10px;margin-top: 12px;padding: 10px 16px 12px;background: var(--s-card);border-radius: 20px 20px 0 0}.r-bar b{display: block;font-size: 16px}.r-bar small{font-size: 10px;color: var(--s-muted)}.scr .r-bar button{margin-inline-start: auto;height: 40px;padding: 0 14px;border-radius: 999px;background: var(--s-primary);color: #fff;font-weight: 700;font-size: 12px}.c-head{display: flex;align-items: center;gap: 8px;padding: 20px 16px 0}.c-head .w-h{font-size: 20px;margin-inline-end: auto}.scr .c-head .s-btn{margin: 0}.c-seg{display: flex;gap: 2px;margin: 12px 16px 0;background: var(--s-card);border-radius: 14px;padding: 3px}.scr .c-seg button{flex: 1;height: 32px;border-radius: 11px;font-size: 11px;font-weight: 700;color: var(--s-muted);text-align: center}.scr .c-seg [aria-selected='true'],.scr .c-seg [aria-pressed='true']{background: var(--s-primary);color: #fff}.s-post .av.a3{background: var(--s-primary)}.s-post .av img{width: 12px;height: auto;filter: brightness(0) invert(1)}.scr .s-link{display: flex;align-items: center;gap: 8px;width: 100%;margin-top: 10px;padding: 10px 12px;border-radius: 14px;background: var(--s-page);font-weight: 700;font-size: 12px}.s-link .tx{flex: 1;min-width: 0}.s-link .tx small{display: block;margin-top: 2px;font-weight: 600;font-size: 10.5px;color: var(--s-muted)}.s-link .mi{margin-inline-start: auto;color: var(--s-muted)}.scr .s-link.pad{width: calc(100% - 32px);margin: 10px 16px;background: var(--s-card)}.scr .s-pill{margin-inline-start: auto;border-radius: 999px;padding: 6px 12px;background: var(--s-wash);color: var(--s-primary);font-weight: 700;font-size: 11px;flex-shrink: 0}.scr .s-pill:disabled{background: var(--s-raised);color: var(--s-muted)}.s-row .ok{margin-inline-start: auto;color: var(--s-ok);font-size: 18px}.s-hero.sm{padding: 14px}.s-hero.sm .h{font-size: 19px}[data-cview] .s-week{margin-top: 12px}.t-goal{font-size: 11.5px;color: var(--s-muted);margin: 4px 0 0}.s-bar.big{margin: 10px 0 6px;height: 8px}.t-row{display: flex;align-items: center;font: 700 14px Montserrat,sans-serif;gap: 4px}.s-toast{position: absolute;inset: auto 14px 92px;z-index: 6;background: #1b1b1d;color: #fff;border-radius: 14px;padding: 10px 12px;font-size: 11.5px;line-height: 1.4;box-shadow: 0 10px 24px rgba(0,0,0,.3)}.s-toast[hidden]{display: none}:root[data-theme='dark'] .s-toast{background: #f4f4f5;color: #111}.d-q{text-align: center;font-weight: 700;font-size: 13px;margin: 12px 16px 8px}.t-set{display: flex;align-items: center;gap: 8px;padding: 10px 12px}.t-set .k{width: 26px;height: 26px;border-radius: 8px;background: var(--s-primary);color: #fff;display: grid;place-items: center;font: 700 12px Montserrat,sans-serif}.t-set > b{font-size: 15px;white-space: nowrap}.t-set .x2{color: var(--s-muted)}.t-set .u{font-size: 11px;color: var(--s-muted)}.p-coach.on{margin-top: 12px}.t-q{padding: 10px 16px 0}.t-q > span{display: block;font-size: 11px;font-weight: 700;color: var(--s-muted);margin-bottom: 6px}.t-q[hidden]{display: none}.t-opts{display: flex;gap: 4px;background: var(--s-card);border-radius: 13px;padding: 3px}.scr .t-opts button{flex: 1;min-height: 30px;padding: 4px 2px;border-radius: 10px;font-size: 10.5px;font-weight: 700;color: var(--s-muted);text-align: center;line-height: 1.15;transition: background-color .2s,color .2s}.scr .t-opts button[aria-pressed='true']{background: var(--s-primary);color: #fff}.t-list{padding: 4px 12px}.t-ex{display: flex;align-items: center;gap: 8px;padding: 7px 0;font-size: 11.5px;transition: opacity .3s}.t-ex + .t-ex{border-top: 1px solid var(--s-line)}.t-ex .k{width: 20px;height: 20px;border-radius: 6px;background: var(--s-raised);display: grid;place-items: center;font: 700 10px Montserrat,sans-serif;flex-shrink: 0}.t-ex b{font-size: 11.5px;font-weight: 600}.t-ex > span:last-child{margin-inline-start: auto;color: var(--s-muted);font-size: 10.5px;white-space: nowrap}.t-ex.less > span:last-child{color: var(--s-primary);font-weight: 700}.t-ex.cut{opacity: .38}.t-ex.cut b,.t-ex.cut > span:last-child{text-decoration: line-through}.t-sum{text-align: center;font-weight: 700;font-size: 12px;margin: 10px 16px 0;color: var(--s-primary)}.s-chips.static span{border-radius: 999px;padding: 6px 12px;font-size: 11px;font-weight: 600;color: var(--s-muted);background: var(--s-card)}.s-chips.static span.on{background: var(--s-wash);color: var(--s-primary)}.d-best{display: flex;justify-content: space-between;padding: 12px 14px}.d-best small{display: block;font-size: 10.5px;color: var(--s-muted)}.d-best b{font-size: 17px}.d-bars{display: flex;align-items: flex-end;gap: 6px;height: 104px;padding: 12px 0 4px}.scr .d-bars button{flex: 1;height: var(--h);background: var(--s-wash);border-radius: 6px 6px 3px 3px;transition: background-color .2s}.scr .d-bars button[aria-pressed='true']{background: var(--s-primary)}.d-axis{display: flex;justify-content: space-between;font-size: 10px;color: var(--s-muted);padding-bottom: 8px}.scr .d-scan{position: relative;display: grid;place-items: center;width: calc(100% - 32px);margin: 16px 16px 0;height: 132px;border: 2px dashed var(--s-primary);border-radius: 20px;font-size: 52px;color: var(--s-primary);text-align: center;transition: height .3s}.d-scan .beam{position: absolute;left: 12%;right: 12%;top: 46%;height: 2px;background: var(--s-primary);opacity: .55}.d-scan small{position: absolute;bottom: 10px;inset-inline: 0;font-size: 11px;font-weight: 700}.scr .d-scan.done{height: 64px;font-size: 26px;border-style: solid;grid-auto-flow: column;gap: 8px;place-content: center}.d-scan.done .beam{display: none}.d-scan.done small{position: static}.d-mac{display: flex;justify-content: space-between;padding: 2px 0 12px;font-size: 11px;color: var(--s-muted)}.d-mac b{color: var(--s-text)}.d-big{margin: 14px 16px 0;background: var(--s-card);border-radius: 22px;padding: 14px}.d-big b{display: block;font-size: 28px}.d-big b small{font-size: 12px;color: var(--s-muted);font-weight: 600}.d-big > span{display: block;font-size: 11px;color: var(--s-muted);margin-top: 2px}.tg-mac{padding: 8px 14px}.tg-mac > div{display: grid;grid-template-columns: 54px 1fr 44px;align-items: center;gap: 8px;padding: 6px 0;font-size: 11.5px}.tg-mac .s-bar{margin: 0;height: 6px}.tg-mac b{text-align: end;font-size: 12px}.wa-top{padding: 14px;text-align: center}.wa-glass{position: relative;width: 132px;height: 132px;margin: 0 auto;border-radius: 50%;overflow: hidden;background: var(--s-t-blue)}.wa-glass i{position: absolute;inset: auto 0 0;height: 50%;background: #2f80ed;opacity: .8;transition: height .6s cubic-bezier(.2,.7,.2,1)}.wa-glass > div{position: relative;height: 100%;display: grid;place-content: center}.wa-glass b{font-size: 26px;line-height: 1}.wa-glass small{font-size: 10px}.wa-pct{display: inline-block;margin-top: 5px;padding: 3px 8px;border-radius: 999px;background: var(--s-card);color: #2f80ed;font-size: 9.5px;font-weight: 700}.wa-togo{font-size: 11.5px;color: var(--s-muted);margin: 10px 0 0}.wa-stats{display: flex;margin-top: 10px;padding-top: 10px;border-top: 1px solid var(--s-line)}.wa-stats > div{flex: 1}.wa-stats b{display: block;font-size: 13px}.wa-stats span{font-size: 9.5px;color: var(--s-muted)}.d-drinks{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px;margin: 12px 16px 0}.scr .d-drinks button{background: var(--s-card);border-radius: 16px;padding: 10px 4px;display: grid;justify-items: center;gap: 2px;text-align: center;font-size: 18px}.d-drinks .mi{color: var(--s-i-blue)}.d-drinks b{font-size: 11px}.d-drinks small{font-size: 10px;color: var(--s-muted)}.wt-card{padding: 14px}.wt-top{display: flex;align-items: flex-start;justify-content: space-between}.wt-top small{font-size: 10px;font-weight: 700;color: var(--s-muted);letter-spacing: .08em}.wt-top b{font-size: 32px;line-height: 1.1;white-space: nowrap}.wt-top b small{font-size: 13px;letter-spacing: 0}.wt-badge{border-radius: 999px;padding: 5px 9px;background: var(--s-t-green);color: var(--s-i-green);font-size: 10.5px;font-weight: 700;white-space: nowrap}.wt-badge.up{background: var(--s-t-amber);color: var(--s-i-amber)}.wt-track{position: relative;height: 8px;margin: 14px 6px 8px;border-radius: 9px;background: var(--s-track)}.wt-track i{position: absolute;top: 50%;inset-inline-start: 0;width: 18px;height: 18px;margin-inline-start: -9px;margin-top: -9px;border-radius: 50%;border: 4px solid var(--s-primary);background: var(--s-card);transition: inset-inline-start .5s cubic-bezier(.2,.7,.2,1)}.wt-ends{display: flex;align-items: center;justify-content: space-between;font-size: 10px;color: var(--s-muted)}.wt-ends span b{display: block;color: var(--s-text);font-size: 12.5px}.wt-ends span:last-child{text-align: end}.wt-ends .pct{color: var(--s-primary);font-size: 17px}.wt-note{margin-top: 10px;padding: 8px 10px;border-radius: 12px;background: var(--s-t-green);color: var(--s-text);font-size: 11px}.wt-ms{margin: 10px 16px 0;padding: 12px 14px;border-radius: 20px;background: var(--s-primary);color: #fff}.wt-ms small{display: block;font-size: 9.5px;font-weight: 700;letter-spacing: .08em;opacity: .9}[dir='rtl'] .wt-ms small,[dir='rtl'] .wt-top small{letter-spacing: 0}.wt-ms b{display: block;font-size: 22px}.wt-ms span{font-size: 11px;opacity: .92}.wt-log{display: flex;align-items: center;gap: 6px;margin: 10px 16px 0;padding: 6px;padding-inline-start: 14px;border-radius: 999px;background: var(--s-card);font-size: 11.5px;font-weight: 700}.wt-log .f-step{gap: 5px}.wt-log > span:first-child{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.scr .wt-log .fill{margin-inline-start: auto;height: 34px;padding: 0 10px;white-space: nowrap;border-radius: 999px;background: var(--s-primary);color: #fff;font-size: 11.5px;font-weight: 700}.d-league > div{display: flex;align-items: center;gap: 10px;padding: 10px 0}.d-league > div + div{border-top: 1px solid var(--s-line)}.d-league.lg{display: flex;flex-direction: column}.d-league .r{width: 20px;font-weight: 700;font-size: 13px;color: var(--s-muted)}.d-league .nm{flex: 1;font-size: 13px}.d-league b{font-size: 13px}.d-league .me{background: var(--s-wash);margin: 0 -14px;padding: 10px 14px;border-radius: 12px}.d-league .me .r,.d-league .me .nm{color: var(--s-primary);font-weight: 700}.lg-earn{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin: 10px 16px 0}.scr .lg-earn button{background: var(--s-card);border-radius: 14px;padding: 8px 4px;display: grid;justify-items: center;gap: 2px;text-align: center;font-size: 10px;font-weight: 600}.lg-earn .mi{font-size: 17px;color: var(--s-primary)}.lg-earn b{color: var(--s-primary);font-size: 12px}.scr .lg-earn button:disabled{opacity: .45;cursor: default}.pv-list .tx{flex: 1}.pv-list .tx > .theirs,.pv-list .tx > .hid{display: none}.as-friend .pv-list .tx > .mine{display: none}.as-friend .pv-list .shared .tx > .theirs{display: block;color: var(--s-text)}.as-friend .pv-list .s-row:not(.shared) .tx > .hid{display: block;font-style: italic}.as-friend .pv-list .s-row:not(.shared) .ic{filter: grayscale(1);opacity: .5}.scr .d-who{margin-inline-start: auto;font-size: 10.5px;font-weight: 600;padding: 5px 9px;border-radius: 999px;background: var(--s-t-green);color: var(--s-i-green);white-space: nowrap;transition: background-color .2s,color .2s}.scr .d-who.me{background: var(--s-t-lav);color: var(--s-i-lav)}.scr .d-who[hidden]{display: none}.scr .nw{white-space: nowrap}.c-water{background: #2f80ed}.s-hero > span{display: block;font-size: 11.5px;opacity: .92;text-wrap: pretty}@media (prefers-reduced-motion: no-preference){.s-toast.show{animation: up .3s var(--ease) both}.p-sheet:not([hidden]),.p-rest:not([hidden]),.p-coach:not([hidden]){animation: up .35s var(--ease) both}.d-scan.busy .beam{animation: beam .45s ease-in-out infinite alternate}.pane.play .r-card,.pane.play .p-set,.pane.play .t-ex,.pane.play .s-mini button{animation: up .5s var(--ease) both;animation-delay: calc(var(--i,0) * 50ms + 80ms)}}@keyframes beam{from{transform: translateY(-34px)}to{transform: translateY(34px)}}.s-quick{display: flex;justify-content: space-between;padding: 12px 10px}.scr .s-quick > button{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 6px;font-size: 10.5px;font-weight: 600;color: var(--s-text)}.s-quick .q-ring{width: 42px;height: 42px;border-radius: 50%;display: grid;place-items: center;font-size: 19px}.scr .s-next{display: flex;align-items: center;gap: 12px;width: calc(100% - 32px);margin: 0 16px;padding: 14px;border-radius: 20px;background: var(--s-primary);color: #fff;text-align: start}.s-next .tx{flex: 1;min-width: 0}.s-next small{display: block;font-size: 10.5px;font-weight: 700;opacity: .85}.s-next b{display: block;font-size: 18px;margin-top: 2px}.s-next .tx > span{display: block;font-size: 11px;opacity: .85;margin-top: 2px}.s-next .go{width: 40px;height: 40px;border-radius: 50%;background: #fff;color: var(--s-primary);display: grid;place-items: center;font-size: 18px;flex-shrink: 0}.s-tiles.two{flex-wrap: wrap}.scr .s-tiles.two > button{flex: 1 1 calc(50% - 4px);min-width: 0;text-align: start;padding: 11px 10px}.s-tiles.two b,.s-tiles.two .sub{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.s-tiles.two b{font-size: 10.6px;letter-spacing: -.01em;margin-top: 2px}.s-tiles.two .sub{font-size: 9.4px}.w-links{display: flex;justify-content: center;gap: 22px;margin-top: 10px}.w-links .w-link{margin: 0}.scr .s-fab{transition: transform .25s var(--ease),opacity .25s}.scr .s-fab.away{transform: translateY(120px);opacity: 0;pointer-events: none}.w-mine{display: flex;align-items: center;justify-content: space-between;margin: 16px 16px 0}.w-mine .s-h{margin: 0;padding: 0}.scr .w-new{display: inline-flex;align-items: center;gap: 3px;color: var(--s-primary);font-size: 12px;font-weight: 700}.s-done{position: relative;overflow: hidden}.s-done .done-fl{width: 96px;margin: 0 auto}.s-done .confetti{position: absolute;inset: 0;pointer-events: none}.s-done .confetti i{position: absolute;top: -12px;left: var(--x);width: 6px;height: 10px;border-radius: 2px;opacity: 0}.s-done .confetti .c0{background: #ff7a2f}.s-done .confetti .c1{background: #ffb27f}.s-done .confetti .c2{background: #ffd166}.s-done .confetti .c3{background: #fff}.s-done .confetti .c4{background: #f26a1b}@media (prefers-reduced-motion: no-preference){.pane.on .s-done .confetti i{animation: fall 2.4s cubic-bezier(.4,0,.9,.6) var(--t) both}}@keyframes fall{0%{opacity: 1;transform: translateY(0) rotate(0)}85%{opacity: 1}100%{opacity: 0;transform: translateY(240px) rotate(540deg)}}.z0:not(#_){--d:80ms}.z1:not(#_){--d:160ms}.z2:not(#_){--d:240ms}.z3:not(#_){--d:180ms}.z4:not(#_){width:48%}.z5:not(#_){width:62%}.z6:not(#_){width:40%}.z7:not(#_){--i:0}.z8:not(#_){--i:1}.z9:not(#_){--i:2}.za:not(#_){--i:3}.zb:not(#_){--i:4}.zc:not(#_){--i:5}.zd:not(#_){--x:0%;--t:0ms}.ze:not(#_){--x:37%;--t:131ms}.zf:not(#_){--x:74%;--t:262ms}.zg:not(#_){--x:11%;--t:393ms}.zh:not(#_){--x:48%;--t:524ms}.zi:not(#_){--x:85%;--t:655ms}.zj:not(#_){--x:22%;--t:786ms}.zk:not(#_){--x:59%;--t:17ms}.zl:not(#_){--x:96%;--t:148ms}.zm:not(#_){--x:33%;--t:279ms}.zn:not(#_){--x:70%;--t:410ms}.zo:not(#_){--x:7%;--t:541ms}.zp:not(#_){--x:44%;--t:672ms}.zq:not(#_){--x:81%;--t:803ms}.zr:not(#_){width:60%}.zs:not(#_){--i:6}.zt:not(#_){--d:420ms}.zu:not(#_){--d:200ms}.zv:not(#_){--d0:#fff5f0;--d1:#fbdccb;--ac:#eb5500;--mu:#765b4c;--tr:#f0d2c2}.zw:not(#_){left:33.1%;width:14.5px;height:14.5px;animation-delay:-1.30s}.zx:not(#_){left:38.4%;width:9.0px;height:9.0px;animation-delay:-7.90s}.zy:not(#_){left:96.2%;width:10.0px;height:10.0px;animation-delay:-5.16s}.zz:not(#_){left:48.3%;width:12.8px;height:12.8px;animation-delay:-5.70s}.z10:not(#_){left:36.2%;width:12.6px;height:12.6px;animation-delay:-7.61s}.z11:not(#_){left:1.7%;width:12.9px;height:12.9px;animation-delay:-10.79s}.z12:not(#_){left:86.4%;width:8.9px;height:8.9px;animation-delay:-0.97s}.z13:not(#_){left:32.0%;width:12.0px;height:12.0px;animation-delay:-10.07s}.z14:not(#_){left:80.1%;width:9.5px;height:9.5px;animation-delay:-4.17s}.z15:not(#_){width:63%;background:#E8A317}.z16:not(#_){width:60%;background:#1F75DB}.z17:not(#_){width:78%;background:#ED6514}.z18:not(#_){background:#FF7A2F}.z19:not(#_){background:#FFB27F}.z1a:not(#_){background:#F5A623}.z1b:not(#_){background:#7BB661}.z1c:not(#_){background:#5AA9E6}.z1d:not(#_){background:#8E7CF0}.z1e:not(#_){background:#F08BA9}.z1f:not(#_){background:#3DBFA8}.z1g:not(#_){background:#FFD23F}.z1h:not(#_){background:#4C7BF3}.z1i:not(#_){background:#B57CF0}.z1j:not(#_){background:#FF6B6B}.z1k:not(#_){background:#A0785A}.z1l:not(#_){background:#8A93A3}.z1m:not(#_){background:#3A3A40}.z1n:not(#_){background:#E2B13C}.z1o:not(#_){background:#C42B3B}.z1p:not(#_){background:#D6409F}.z1q:not(#_){--h:42%}.z1r:not(#_){--h:50%}.z1s:not(#_){--h:58%}.z1t:not(#_){--h:67%}.z1u:not(#_){--h:75%}.z1v:not(#_){--h:83%}.z1w:not(#_){--d:120ms}.z1x:not(#_){left:44.3%}.z1y:not(#_){left:46.3%}.z1z:not(#_){width:20%}.z20:not(#_){width:55%}.z21:not(#_){width:25%}.z22:not(#_){width:100%}.z23:not(#_){width:94%}.z24:not(#_){width:91%}.z25:not(#_){width:86%}.z26:not(#_){width:79%}.z27:not(#_){width:75%}.z28:not(#_){width:71%}.z29:not(#_){--d:60ms}
:root{--o: #ED6514;--peach: #FFEFE5;--track: #FFC692;--tile: #F8E8D9;--ink: #1C1A19;--muted: #6C7278;--page: #FBF8F6;--card: #fff;--ease: cubic-bezier(.22,1,.36,1);color-scheme: light}*{box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: 92px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}html.lenis,html.lenis body{height: auto}html.lenis.lenis-smooth{scroll-behavior: auto !important}html.lenis.lenis-stopped{overflow: hidden}body{margin: 0;background: var(--page);color: var(--ink);font: 400 17px/1.55 'Open Sans',Tajawal,system-ui,sans-serif;-webkit-font-smoothing: antialiased;overflow-x: hidden}.mi{font-family: mdi;font-style: normal;line-height: 1;display: inline-block}.nav{position: fixed;z-index: 50;top: 14px;left: 50%;transform: translateX(-50%);width: max-content;max-width: calc(100% - 24px);white-space: nowrap;display: flex;align-items: center;gap: 4px;padding: 6px 6px 6px 18px;border-radius: 999px;background: rgba(255,255,255,.72);backdrop-filter: blur(18px) saturate(1.4);-webkit-backdrop-filter: blur(18px) saturate(1.4);box-shadow: 0 1px 0 rgba(255,255,255,.8) inset,0 6px 24px rgba(60,30,10,.08);border: 1px solid rgba(0,0,0,.04)}.brand{display: flex;align-items: center;gap: 8px;font: 800 18px Montserrat;margin-inline-end: 18px}.brand img{width: 16px;height: auto}.nl{font: 600 14px Montserrat;color: #55504c;padding: 8px 12px;border-radius: 999px;transition: background .2s,color .2s}.nl:hover{background: rgba(237,101,20,.08);color: var(--o)}.ar-l{font-family: Tajawal,sans-serif;font-size: 15px}.ar-l:lang(en){font-family: Montserrat,sans-serif}.nav-menu{display: none;width: 40px;height: 40px;border: 0;border-radius: 50%;background: rgba(237,101,20,.08);color: var(--ink);cursor: pointer;align-items: center;justify-content: center;padding: 0}.nav-menu .mi{font-size: 22px}.nav-menu .mi + .mi,.nav.open .nav-menu .mi:first-child{display: none}.nav.open .nav-menu .mi + .mi{display: inline-block}.nav-sheet{position: absolute;top: calc(100% + 8px);left: 50%;width: min(360px,calc(100vw - 24px));display: none;flex-direction: column;padding: 8px;border-radius: 26px;background: rgba(255,255,255,.96);backdrop-filter: blur(18px) saturate(1.4);-webkit-backdrop-filter: blur(18px) saturate(1.4);box-shadow: 0 18px 50px rgba(60,30,10,.14);border: 1px solid rgba(0,0,0,.04);opacity: 0;visibility: hidden;transform: translate(-50%,-6px) scale(.98);transform-origin: top center;transition: opacity .22s var(--ease),transform .22s var(--ease),visibility 0s .22s}.nav.open .nav-sheet{opacity: 1;visibility: visible;transform: translate(-50%,0);transition: opacity .22s var(--ease),transform .22s var(--ease)}.nav-sheet a{font: 700 17px Montserrat;color: var(--ink);padding: 14px 16px;border-radius: 18px}.nav-sheet a:hover,.nav-sheet a[aria-current]{background: var(--peach);color: var(--o)}.nav-sheet a:lang(ar){font-family: Tajawal;font-size: 18px;font-weight: 800}.btn-pill{display: inline-flex;align-items: center;gap: 8px;background: var(--o);color: #fff;border: 0;border-radius: 999px;padding: 10px 18px;font: 700 14px Montserrat;cursor: pointer;margin-inline-start: 8px;box-shadow: 0 6px 18px rgba(237,101,20,.3);transition: transform .3s var(--ease),box-shadow .3s}.btn-pill:hover{transform: translateY(-1px) scale(1.02);box-shadow: 0 10px 26px rgba(237,101,20,.38)}.btn-pill .mi{font-size: 18px}.btn-pill.big{padding: 15px 26px;font-size: 16px;margin: 30px 0 0}.brand:lang(ar),.nl:lang(ar),.btn-pill:lang(ar),.foot b:lang(ar){font-family: Tajawal,sans-serif;letter-spacing: 0}.nav-skip{position: fixed;z-index: 60;top: 14px;inset-inline-start: 14px;padding: 12px 18px;border-radius: 999px;background: #fff;color: var(--ink,#1C1A19);font: 700 14px Montserrat,sans-serif;box-shadow: 0 6px 24px rgba(60,30,10,.14)}.nav-skip:lang(ar){font-family: Tajawal,sans-serif}.nav-skip:not(:focus){width: 1px;height: 1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;box-shadow: none}html #main:focus{outline: none}.float-card{position: fixed;z-index: 40;right: 20px;bottom: 20px;display: flex;gap: 12px;align-items: center;width: 280px;padding: 12px 14px;border-radius: 22px;background: #1F1A17;color: #fff;box-shadow: 0 18px 40px rgba(0,0,0,.25);transition: transform .4s var(--ease),opacity .4s}.float-card:hover{transform: translateY(-3px)}.float-card b{display: block;font-size: 15px}.float-card small{display: block;font-size: 12px;color: #c9bfb8;line-height: 1.35}.fc-fl{flex: none;width: 54px;height: 54px;border-radius: 14px;background: #2d2521;display: grid;place-items: end center;overflow: hidden}.fc-fl .mz{width: 44px}.float-card.hide{opacity: 0;transform: translateY(20px);pointer-events: none}.mint{background: linear-gradient(180deg,#EFF7EC,#DCEFD5)}.foot{max-width: 1240px;margin: 0 auto;padding: 70px 20px 60px;display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 30px;border-top: 1px solid #eee5de}.foot{background: transparent}.foot .f-social{display: inline-block;margin-top: 12px;color: var(--o);font: 600 14px Montserrat,sans-serif}.foot .f-base{grid-column: 1 / -1;display: flex;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding-top: 22px;margin-top: 10px;border-top: 1px solid #EFE6DF;color: #9a8f88;font-size: 14px}.foot .f-base a:not(.brand){color: var(--o);padding: 0}.foot b{display: block;font-size: 14px;margin-bottom: 12px}.foot a:not(.brand){display: block;color: var(--muted);font-size: 15px;padding: 3px 0}.foot a:hover{color: var(--o)}@media print{.rv,.js .rise{opacity: 1 !important;transform: none !important;animation: none !important;transition: none !important}.nav,.nav-sheet,.nav-skip,.float-card{display: none !important}.mq-track{animation: none !important}tr,figure{break-inside: avoid}h2,h3{break-after: avoid}}@media (forced-colors: active){.seg button[aria-pressed='true'],.seg button[aria-selected='true'],.seg [aria-selected='true'],.seg a[aria-current],.seg a.on{outline: 2px solid Highlight;outline-offset: 2px}.btn-pill,.btn{border: 1px solid ButtonText}.fl-sw button{forced-color-adjust: none}.fl-sw button[aria-pressed='true']{outline: 3px solid Highlight;outline-offset: 2px}}.f-brand small{display: block;color: var(--muted);margin-top: 10px}html [display="none"] .mz-eo{animation: none}html [display="none"] .mz-es{animation: none}html [hidden] .mz-eo{animation: none}html [hidden] .mz-es{animation: none}html .mz-off .mz-eo{animation-play-state: paused}html .mz-off .mz-es{animation-play-state: paused}@media (max-width: 900px){.nl{display: none}.nl.ar-l{display: inline}.nl.ar-l{margin-inline-start: auto}.nav-menu{display: inline-flex}.nav-sheet{display: flex}.nav{width: calc(100% - 24px);justify-content: space-between}.foot{grid-template-columns: 1fr 1fr}.float-card{left: 12px;right: 12px;width: auto;bottom: 12px;padding: 8px 12px 8px 8px;border-radius: 18px;text-align: start}.float-card > div:last-child{flex: 1}.fc-fl{width: 40px;height: 40px;border-radius: 11px}.fc-fl .mz{width: 32px}.float-card b{font-size: 14px}.float-card small{font-size: 11.5px}}@media (max-width: 420px){.nav .btn-pill span{display: none}.nav .btn-pill{padding: 10px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}}.mi.dn{display: inline-block;transform: rotate(90deg);font-size: 11px;vertical-align: -1px}.mini-b{width: 46%;height: auto}.float-card{background: #fff;color: var(--ink);box-shadow: 0 18px 40px rgba(80,40,10,.14);border: 1px solid rgba(0,0,0,.04)}.float-card small{color: var(--muted)}.fc-fl{background: var(--peach)}.pg{background: var(--page,#FCF8F5)}.pg .wrap{max-width: 1180px}.pg-main{display: block;padding-bottom: 40px}.pg .page-top{position: relative;overflow: hidden;padding: 160px 0 84px;margin-bottom: 24px;text-align: center;border-radius: 0 0 56px 56px;background: radial-gradient(60% 70% at 50% 120%,rgba(255,159,90,.45),transparent 70%),radial-gradient(40% 50% at 15% 100%,rgba(255,194,77,.35),transparent 70%),radial-gradient(40% 50% at 85% 100%,rgba(247,185,196,.4),transparent 70%),linear-gradient(180deg,#FFEDE3 0%,#FFF6F0 100%)}.pg .page-top .wrap{max-width: 900px}.pg .page-top .h1,.pg .page-top h1{font: 700 clamp(40px,6vw,76px)/1.02 Montserrat,sans-serif;letter-spacing: -.035em;color: #1d1d1f;margin: 0}.pg .page-top .lead,.pg .page-top p{font-size: clamp(17px,1.6vw,21px);color: #5f5752;max-width: 680px;margin: 22px auto 0;line-height: 1.5}.pg .page-top .article,.pg .page-top .prose{text-align: center}.pg .page-top .back{display: inline-flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 99px;background: rgba(255,255,255,.7);color: #ED6514;font: 700 13px Montserrat,Tajawal,sans-serif;margin-bottom: 20px}.pg.ar .page-top .h1,.pg.ar .page-top h1{font-family: Tajawal,sans-serif;font-weight: 800;letter-spacing: 0;line-height: 1.15}.pg main section{padding: 34px 0}.pg main section.tight{padding: 14px 0}.pg main h2{font: 700 clamp(30px,3.6vw,48px)/1.05 Montserrat,sans-serif;letter-spacing: -.03em}.pg.ar main h2,.pg.ar main h3,.pg.ar main .h2-lg{font-family: Tajawal,sans-serif;font-weight: 800;letter-spacing: 0}.pg main .head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: 26px}.pg main .head .muted{font: 600 14px Montserrat,Tajawal,sans-serif;color: #9a8f88}.pg main .fcard,.pg main .card,.pg main .hero-card,.pg main .tile,.pg main .summary,.pg main .post-card,.pg main .cta-card{border: 0;border-radius: 32px;box-shadow: none}.pg main .fcard{background: #fff;padding: 28px;transition: transform .5s cubic-bezier(.2,.8,.2,1)}.pg main .fcard:hover{transform: translateY(-4px)}.pg main .feat-cards{gap: 16px}.pg main .feat-cards > :nth-child(4n+1){background: #FFF0E6}.pg main .feat-cards > :nth-child(4n+2){background: #FFF6E0}.pg main .feat-cards > :nth-child(4n+3){background: #EAF3FD}.pg main .feat-cards > :nth-child(4n+4){background: #EDF6E8}.pg main .fcard h3{font: 700 19px Montserrat,sans-serif;letter-spacing: -.01em;margin-top: 18px}.pg main .sq{border-radius: 14px}.pg main .hero-card{background: radial-gradient(90% 120% at 85% 15%,#FFE2CC 0%,#FFF0E6 60%,#FFF6F0 100%);color: #1d1d1f;padding: clamp(32px,5vw,64px)}.pg main .hero-card .label{color: #ED6514}.pg main .hero-card p{color: #5f5752}.pg main .hero-card h2,.pg main .hero-card .big{color: #1d1d1f}.pg .hero-card .meter{background: rgba(237,101,20,.18)}.pg .hero-card .meter i{background: #ED6514;box-shadow: 0 0 0 4px #fff,0 4px 12px rgba(237,101,20,.35)}.pg .hero-card .meter-ticks{color: #8a7f78}.pg .hero-card .tiles > div{background: #fff;box-shadow: 0 4px 16px rgba(80,40,10,.05)}.pg .hero-card .tiles b{color: #1d1d1f}.pg .hero-card .tiles span{color: #6C7278}.pg main .card{background: #fff;padding: 30px 34px;margin-bottom: 14px}.pg main .summary{background: #FFF0E6;padding: 26px 30px;font-size: 18px;line-height: 1.55;margin-bottom: 18px}.pg main .row{background: #fff;border: 0;border-radius: 24px;padding: 18px 20px;box-shadow: 0 6px 24px rgba(80,40,10,.05);transition: transform .4s cubic-bezier(.2,.8,.2,1)}.pg main .row:hover{transform: translateY(-3px)}.pg main .rows{gap: 12px}.pg main .pill,.pg main .seg a,.pg main .chips-row a{border-radius: 99px;border: 0;background: #fff;box-shadow: 0 2px 10px rgba(80,40,10,.05);font-weight: 600}.pg main .seg{background: #fff;border-radius: 99px;padding: 5px;box-shadow: 0 6px 24px rgba(80,40,10,.06);border: 0}.pg main .seg a{box-shadow: none;background: transparent}.pg main .seg a[aria-current="page"],.pg main .seg a.on,.pg main .seg [aria-selected="true"]{background: #ED6514;color: #fff}.pg main .btn,.pg main button[type="submit"]{border-radius: 99px;background: #ED6514;color: #fff;border: 0;font: 700 15px Montserrat,sans-serif;padding: 14px 24px;box-shadow: 0 10px 24px rgba(237,101,20,.28)}.pg.ar main .btn,.pg.ar main button[type="submit"]{font-family: Tajawal,sans-serif}.pg main input,.pg main select,.pg main textarea{border-radius: 16px;border: 1.5px solid #EADFD7;background: #fff}.pg main input:focus,.pg main select:focus,.pg main textarea:focus{border-color: #ED6514;outline: none;box-shadow: 0 0 0 4px rgba(237,101,20,.12)}.pg #calc .card,.pg #calc .panel,.pg #calc .result,.pg #calc .out{border-radius: 32px;border: 0}.pg .pv-note{margin-top: 10px;color: #4D8E35;font: 600 13px Montserrat,Tajawal,sans-serif}.pg main .article{max-width: 760px}.pg main article{font-size: 18px;line-height: 1.75;color: #2b2522}.pg main article h2{font-size: clamp(26px,2.8vw,34px);margin-top: 1.6em}.pg main article .opening{font-size: 21px;line-height: 1.6;color: #1d1d1f}.pg main .post-img{border-radius: 32px;overflow: hidden}.pg main .byline{color: #8a7f78}.pg main .prose{max-width: 820px}@media (max-width: 900px){.pg .page-top{padding: 130px 0 56px;border-radius: 0 0 36px 36px}}.pg .ax-top{position: relative;padding: 150px 0 60px;margin-bottom: 20px;border-radius: 0 0 56px 56px;background: radial-gradient(60% 70% at 50% 120%,rgba(255,159,90,.45),transparent 70%),linear-gradient(180deg,#FFEDE3 0%,#FFF6F0 100%)}.pg .ax-top h1{font: 700 clamp(40px,6vw,76px)/1.02 Montserrat,sans-serif !important;letter-spacing: -.035em}.pg.ar .ax-top h1{font-family: Tajawal,sans-serif !important;font-weight: 800;letter-spacing: 0}.pg .nav{white-space: nowrap;max-width: calc(100% - 24px)}@media (max-width: 900px){.pg .nav{width: calc(100% - 24px)}}.pg .nav a{text-decoration: none}.pg .nav .btn-pill{color: #fff}.pg-join main .cta,.pg-contact main .cta{display: flex;flex-wrap: wrap;gap: 12px}.pg .page-404 .cta{justify-content: center}.pg main .cta .btn.line{background: #fff;color: #ED6514;box-shadow: inset 0 0 0 1.5px #F6C9AA}.pg main .summary,.pg main .summary *{color: #2b2522}.pg footer.foot{background: transparent;margin-top: 40px}.pg .result::before{display: none}.pg .article blockquote{background: #FFF0E6;color: #1d1d1f;border-radius: 28px;padding: 26px 30px;font: 700 clamp(19px,1.8vw,23px)/1.4 Montserrat,sans-serif;letter-spacing: -.01em}.pg.ar .article blockquote{font-family: Tajawal,sans-serif;font-weight: 800;letter-spacing: 0}.pg .cover-orange{background: #FFF6E0;color: #ED6514}.pg .cover-ink{background: #F6EEE7;color: #ED6514}.pg .cover-peach{background: #FFF0E6}.pg .ax-top{text-align: center;padding: 140px 0 72px}.pg .ax-hello{flex-direction: column;gap: 10px}.pg .ax-av{width: 76px}.pg .ax-kick{margin: 0}.pg .ax-top .lead{max-width: 640px;margin: 20px auto 0;font-size: clamp(17px,1.6vw,21px);color: #5f5752}.pg .ax-tile{border: 0;border-radius: 28px;box-shadow: none;padding: 22px;transition: transform .5s cubic-bezier(.2,.8,.2,1)}.pg .ax-tile:hover{transform: translateY(-4px)}.pg .ax-tiles > :nth-child(5n+1){background: #FFF0E6}.pg .ax-tiles > :nth-child(5n+2){background: #FFF6E0}.pg .ax-tiles > :nth-child(5n+3){background: #EAF3FD}.pg .ax-tiles > :nth-child(5n+4){background: #EDF6E8}.pg .ax-tiles > :nth-child(5n+5){background: #FFEDE3}.pg .mm-wrap{background: linear-gradient(180deg,#FFF3EA,#FFE6D6);border-radius: 40px}.lead-p{font-size: 17px;line-height: 1.75;color: var(--ink,#1B1B1F);margin: 0 0 14px}.guide-steps{counter-reset: gs;list-style: none;padding: 0;margin: 10px 0 0;display: grid;gap: 10px}.guide-steps li{counter-increment: gs;position: relative;background: #fff;border-radius: 18px;padding: 14px 16px 14px 56px;line-height: 1.6}.guide-steps li::before{content: counter(gs);position: absolute;left: 16px;top: 14px;width: 28px;height: 28px;border-radius: 50%;background: #FDE7D8;color: #ED6514;font-weight: 700;display: grid;place-items: center}:lang(ar) .guide-steps li{padding: 14px 56px 14px 16px}:lang(ar) .guide-steps li::before{left: auto;right: 16px}.guide-steps b{display: block;margin-bottom: 2px}.guide-for{margin: 10px 0 0;padding-inline-start: 22px;line-height: 1.8}.guide-for li::marker{color: #ED6514}.app-card{display: flex;gap: 14px;align-items: flex-start;background: #FFF1E7;border-radius: 24px;padding: 18px;margin: 22px 0}.app-card .sq{flex: none;width: 46px;height: 46px;border-radius: 15px;display: grid;place-items: center;background: #fff;color: #ED6514;font-size: 22px}.app-card-t b{display: block;font-size: 18px}.app-card-t p{margin: 4px 0 12px;color: #5d5650;line-height: 1.6}.app-card .cta{display: flex;flex-wrap: wrap;gap: 8px;margin: 0}.app-card .btn{margin: 0}.app-card .btn.line{background: #fff;color: #ED6514;box-shadow: inset 0 0 0 1.5px #F6C9AA}.plan-card{background: #fff;border-radius: 26px;padding: 20px;margin: 0 0 18px}.plan-head{display: flex;gap: 14px;justify-content: space-between;align-items: flex-start;flex-wrap: wrap}.plan-head h2{margin: 0}.plan-head p{margin: 4px 0 0}.plan-week{color: #ED6514;font-weight: 700}.plan-head .btn{margin: 0;white-space: nowrap}.plan-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 12px;margin-top: 14px}.plan-s{background: #FFF7F1;border-radius: 18px;padding: 12px 14px}.plan-s h3{margin: 0 0 6px;color: #ED6514;font-size: 17px}.plan-s table{width: 100%;border-collapse: collapse;font-size: 14px}.plan-s th{text-align: start;color: #6C7278;font-size: 12px;font-weight: 700;padding: 4px}.plan-s td{padding: 6px 4px;border-top: 1px solid #F3DCCB}.plan-s td:nth-child(n+2),.plan-s th:nth-child(n+2){text-align: center;white-space: nowrap;width: 22%}.pg .btn-pill{background: #C2410C}.pg .calc-in .label,.pg .seg [aria-pressed='true'],.pg .seg [aria-selected='true'],.pg .more span + span,.pg .see,.pg .calc-in .see,.foot .f-base a{color: #C2410C}.pg #calc .muted,.pg .muted{color: #5a5f66}.foot .f-base,.foot .f-base span,.foot time{color: #6b625c}.foot .f-base a,.pg .tile .label{color: #C2410C !important}.pg .seg a[aria-current]{background: #C2410C !important}.plan-week,.plan-s h3{color: #C2410C !important}.plan-head .btn{background: #C2410C !important}.pg .ax-tile span{color: #575c63}.pg main .head .muted{color: #6b625c}.pg .fcard p{color: #565b62}.pg .btn:not(.line){background: #C2410C}.pg .fl-lvname{color: #C2410C}.pg button.btn:not(.line),.pg summary.btn{background: #C2410C !important}.pg .mm-note{color: #63686f}.pg .fl-shuffle{background: #C2410C !important}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto}}.float-card.at-left{padding-inline-end: 34px}.float-card .fc-go{display: flex;gap: 12px;align-items: center;color: inherit;text-decoration: none}.float-card .fc-x{position: absolute;top: 6px;inset-inline-end: 8px;width: 24px;height: 24px;border: 0;border-radius: 50%;background: transparent;color: var(--muted,#8a7f78);font-size: 18px;line-height: 1;cursor: pointer}.float-card .fc-x:hover{background: rgba(0,0,0,.06)}@media (min-width: 901px){.float-card.at-left{right: auto;left: 20px}}.calc-bar{position: fixed;z-index: 39;left: 12px;right: 12px;bottom: 12px;padding: 13px 16px;border: 1px solid rgba(0,0,0,.04);border-radius: 18px;background: #fff;color: var(--ink);box-shadow: 0 18px 40px rgba(80,40,10,.14);font: 700 15px/1.35 Montserrat,Tajawal,sans-serif;text-align: center;cursor: pointer;transition: transform .4s var(--ease),opacity .4s}.calc-bar.hide{opacity: 0;transform: translateY(20px);pointer-events: none}@media (min-width: 861px){.calc-bar{display: none}}@media print{.calc-bar{display: none}}:root[data-theme='dark']{--page: #0F0F10;--card: #1A1A1B;--raised: #252527;--line: #333335;--text: #F4F4F5;--ink: #F4F4F5;--muted: #9B9B9E;--faint: #5E5E62;--o: #FF7A2F;--primary: #FF7A2F;--peach: rgba(255,122,47,.16);--tile: rgba(255,122,47,.16);--track: #333335;--home: #2F231C;--wash: rgba(255,122,47,.16);--ring: #553626;--t-peach: rgba(255,122,47,.16);--t-amber: rgba(242,182,70,.16);--t-lav: rgba(155,135,245,.16);--t-blue: rgba(76,154,255,.16);--t-green: rgba(92,217,139,.15);--i-amber: #F2B646;--i-lav: #9B87F5;--i-blue: #4C9AFF;--i-green: #5CD98B;--glow: radial-gradient(70% 62% at 50% -8%,rgba(255,122,47,.13),transparent 72%),linear-gradient(180deg,#2F231C 0%,#0F0F10 100%);color-scheme: dark}.nav-theme{display: inline-flex;flex: none;width: 36px;height: 36px;margin-inline-start: 4px;border: 0;border-radius: 50%;background: rgba(237,101,20,.08);color: var(--ink);cursor: pointer;align-items: center;justify-content: center;padding: 0;transition: background .2s,color .2s}html:not(.js) .nav-theme{display: none}.nav-theme:hover{background: rgba(237,101,20,.16);color: var(--o)}.nav-theme .mi{font-size: 19px}.nav-theme .mi + .mi,[data-theme='dark'] .nav-theme .mi:first-child{display: none}[data-theme='dark'] .nav-theme .mi + .mi{display: inline-block}@media (max-width: 900px){.nav-theme{width: 40px;height: 40px;margin-inline-start: 0}.nav-menu{flex: none}}@media (max-width: 540px){.nav .btn-pill span{display: none}.nav .btn-pill{padding: 10px}}@media (max-width: 360px){.nav{gap: 2px;padding-inline-start: 12px}.brand{margin-inline-end: 0}.nl.ar-l{padding: 8px 6px}.nav-theme,.nav-menu{width: 34px;height: 34px}.nav .btn-pill{margin-inline-start: 2px;padding: 8px}}[data-theme='dark'] .nav{background: rgba(37,37,39,.82);box-shadow: none;border-color: var(--line)}[data-theme='dark'] .nl{color: var(--ink)}[data-theme='dark'] .nl:hover{background: var(--wash);color: var(--o)}[data-theme='dark'] .nav-menu,[data-theme='dark'] .nav-theme{background: var(--card)}[data-theme='dark'] .nav-sheet{background: var(--raised);box-shadow: none;border-color: var(--line)}[data-theme='dark'] .nav-skip{background: var(--raised);box-shadow: none}[data-theme='dark'] .foot,[data-theme='dark'] .foot .f-base{border-top-color: var(--line)}[data-theme='dark'] .foot .f-base,[data-theme='dark'] .foot .f-base span,[data-theme='dark'] .foot time{color: var(--muted)}[data-theme='dark'] .foot .f-base a,[data-theme='dark'] .foot .f-base a:not(.brand){color: var(--o) !important}[data-theme='dark'] .float-card,[data-theme='dark'] .calc-bar{background: var(--raised);color: var(--ink);border-color: var(--line);box-shadow: none}[data-theme='dark'] .fc-fl{background: var(--card)}[data-theme='dark'] .float-card .fc-x:hover{background: rgba(255,255,255,.08)}[data-theme='dark'] .btn-pill,[data-theme='dark'] .pg .btn-pill{background: #FF7A2F;box-shadow: none}[data-theme='dark'] .btn-pill:hover{box-shadow: none}[data-theme='dark'] .pg main .btn,[data-theme='dark'] .pg .btn:not(.line),[data-theme='dark'] .pg main button[type="submit"]{background: #FF7A2F;color: #fff;box-shadow: none}[data-theme='dark'] .pg button.btn:not(.line),[data-theme='dark'] .pg summary.btn,[data-theme='dark'] .plan-head .btn,[data-theme='dark'] .pg .fl-shuffle{background: #FF7A2F !important;box-shadow: none}[data-theme='dark'] .pg main .cta .btn.line,[data-theme='dark'] .app-card .btn.line{background: transparent;color: var(--o);box-shadow: inset 0 0 0 1.5px var(--line)}[data-theme='dark'] .fl.on .fl-cap,[data-theme='dark'] .seal-tag,[data-theme='dark'] .fl-chips button[aria-pressed='true']{background: #FF7A2F;color: #fff}[data-theme='dark'] .pg .seg a[aria-current],[data-theme='dark'] .pg main .seg [aria-selected='true'],[data-theme='dark'] .pg main .seg a.on{background: #FF7A2F !important;color: #fff}[data-theme='dark'] .hero{background: var(--glow)}[data-theme='dark'] .aurora{display: none}[data-theme='dark'] .hero-fl::before{background: radial-gradient(closest-side,rgba(255,122,47,.16),rgba(255,122,47,0))}[data-theme='dark'] .meta,[data-theme='dark'] .laurel,[data-theme='dark'] .works p,[data-theme='dark'] .heat,[data-theme='dark'] .tc p,[data-theme='dark'] .sp-t p{color: var(--muted)}[data-theme='dark'] .logos{color: var(--ink)}[data-theme='dark'] .laurel::before,[data-theme='dark'] .laurel::after{border-color: var(--line)}[data-theme='dark'] .laurel::before{border-right-color: transparent}[data-theme='dark'] .laurel::after{border-left-color: transparent}[data-theme='dark'] .peach,[data-theme='dark'] .sand,[data-theme='dark'] .sky,[data-theme='dark'] .rose,[data-theme='dark'] .mint{background: var(--card)}[data-theme='dark'] .wall{background: var(--card);box-shadow: none}[data-theme='dark'] .fv-card,[data-theme='dark'] .fv-list,[data-theme='dark'] .ksa,[data-theme='dark'] .join,[data-theme='dark'] .calc-mq .calc,[data-theme='dark'] .acc-i.on{background: var(--card);box-shadow: none}[data-theme='dark'] .ksa-chips i{background: var(--raised);color: var(--ink)}[data-theme='dark'] .sq.amber:not(.phone .sq){background: var(--t-amber);color: var(--i-amber)}[data-theme='dark'] .sq.blue:not(.phone .sq){background: var(--t-blue);color: var(--i-blue)}[data-theme='dark'] .sq.green:not(.phone .sq){background: var(--t-green);color: var(--i-green)}[data-theme='dark'] .sq.lav:not(.phone .sq){background: var(--t-lav);color: var(--i-lav)}[data-theme='dark'] .calc-go{color: var(--o)}[data-theme='dark'] .acc-t b{color: var(--muted)}[data-theme='dark'] .acc-i.on .acc-t b{color: inherit}[data-theme='dark'] .prog circle{stroke: var(--line)}[data-theme='dark'] .prog .pr{stroke: var(--o)}[data-theme='dark'] .dark-sec{background: var(--page)}[data-theme='dark'] .spot{background: radial-gradient(closest-side,rgba(255,122,47,.14),transparent)}[data-theme='dark'] .fl .fl-cap{background: var(--raised);color: var(--ink)}[data-theme='dark'] .fl .mz-limb{fill: #D9D6D2}[data-theme='dark'] .fl .mz-limbs{stroke: #D9D6D2}[data-theme='dark'] .dark-sec .dim{color: #7C7C80}[data-theme='dark'] .st{box-shadow: none}[data-theme='dark'] .sent-m{color: #5CD98B}[data-theme='dark'] .body path[fill='#F3E4D7'],[data-theme='dark'] .body path[fill='#E9E2DC']{fill: #2F3036}[data-theme='dark'] .trust,[data-theme='dark'] .priv{background: var(--card);color: var(--ink)}[data-theme='dark'] .trust::after{display: none}[data-theme='dark'] .tr-k{background: var(--wash);color: var(--o)}[data-theme='dark'] .trust h2{color: var(--ink)}[data-theme='dark'] .trust li{color: var(--ink)}[data-theme='dark'] .trust li span{background: var(--wash);color: var(--o);box-shadow: none}[data-theme='dark'] .tr-r p,[data-theme='dark'] .priv-t p{color: var(--muted)}[data-theme='dark'] .priv .lock{stroke: rgba(255,255,255,.06)}[data-theme='dark'] .priv .lock rect{fill: rgba(255,255,255,.02)}[data-theme='dark'] .seal-ic{color: var(--o)}[data-theme='dark'] .pg .page-top,[data-theme='dark'] .pg .ax-top{background: var(--glow)}[data-theme='dark'] .pg .page-top .h1,[data-theme='dark'] .pg .page-top h1{color: var(--ink)}[data-theme='dark'] .pg .page-top .lead,[data-theme='dark'] .pg .page-top p,[data-theme='dark'] .pg .ax-top .lead{color: var(--muted)}[data-theme='dark'] .pg .page-top .back{background: var(--card);color: var(--o)}[data-theme='dark'] .pg main .fcard,[data-theme='dark'] .pg main .card,[data-theme='dark'] .pg main .row,[data-theme='dark'] .plan-card,[data-theme='dark'] .guide-steps li{background: var(--card);box-shadow: none}[data-theme='dark'] .pg main .feat-cards > *,[data-theme='dark'] .pg .ax-tiles > *{background: var(--card)}[data-theme='dark'] .pg main .hero-card{background: var(--card);color: var(--ink)}[data-theme='dark'] .pg main .hero-card .label{color: var(--o)}[data-theme='dark'] .pg main .hero-card p{color: var(--muted)}[data-theme='dark'] .pg main .hero-card h2,[data-theme='dark'] .pg main .hero-card .big,[data-theme='dark'] .pg .hero-card .tiles b{color: var(--ink)}[data-theme='dark'] .pg .hero-card .meter{background: var(--line)}[data-theme='dark'] .pg .hero-card .meter i{background: var(--o);box-shadow: 0 0 0 4px var(--card)}[data-theme='dark'] .pg .hero-card .meter-ticks,[data-theme='dark'] .pg .hero-card .tiles span{color: var(--muted)}[data-theme='dark'] .pg .hero-card .tiles > div{background: var(--raised);box-shadow: none}[data-theme='dark'] .pg main .summary,[data-theme='dark'] .pg .article blockquote{background: var(--card);color: var(--ink)}[data-theme='dark'] .pg main .summary *{color: var(--ink)}[data-theme='dark'] .pg main .pill,[data-theme='dark'] .pg main .chips-row a,[data-theme='dark'] .pg main .seg{background: var(--card);box-shadow: none}[data-theme='dark'] .pg main .seg a{background: transparent}[data-theme='dark'] .pg .seg [aria-pressed='true'],[data-theme='dark'] .pg .more span + span,[data-theme='dark'] .pg .see,[data-theme='dark'] .pg .calc-in .see,[data-theme='dark'] .pg .calc-in .label,[data-theme='dark'] .pg .fl-lvname{color: var(--o)}[data-theme='dark'] .pg .tile .label,[data-theme='dark'] .plan-week,[data-theme='dark'] .plan-s h3{color: var(--o) !important}[data-theme='dark'] .pg main input,[data-theme='dark'] .pg main select,[data-theme='dark'] .pg main textarea{background: var(--raised);border-color: transparent;color: var(--ink)}[data-theme='dark'] .pg main input:focus,[data-theme='dark'] .pg main select:focus,[data-theme='dark'] .pg main textarea:focus{border-color: var(--o);box-shadow: 0 0 0 4px var(--wash)}[data-theme='dark'] .pg main .field .num input{background: none}[data-theme='dark'] .pg main input[type=range]{background: var(--line)}[data-theme='dark'] .pg #calc .muted,[data-theme='dark'] .pg .muted,[data-theme='dark'] .pg main .head .muted,[data-theme='dark'] .pg .ax-tile span,[data-theme='dark'] .pg .fcard p,[data-theme='dark'] .pg .mm-note{color: var(--muted)}[data-theme='dark'] .pg .pv-note{color: #5CD98B}[data-theme='dark'] .calc-in{background: transparent;box-shadow: inset 0 0 0 1px var(--line)}[data-theme='dark'] .pg main article,[data-theme='dark'] .pg main article p,[data-theme='dark'] .pg main article li,[data-theme='dark'] .pg main .article p,[data-theme='dark'] .pg main .article li,[data-theme='dark'] .pg main .prose p,[data-theme='dark'] .pg main .prose li{color: #D9D9DB}[data-theme='dark'] .pg main article h2,[data-theme='dark'] .pg main article h3,[data-theme='dark'] .pg main .article h2,[data-theme='dark'] .pg main .article h3,[data-theme='dark'] .pg main article .opening{color: var(--ink)}[data-theme='dark'] .pg main .calc-in p.muted,[data-theme='dark'] .pg main .calc-in .muted{color: var(--muted)}[data-theme='dark'] .pg main .byline{color: var(--muted)}[data-theme='dark'] .post-img[class*='cover-']{background: var(--card)}[data-theme='dark'] .pg .cover-orange,[data-theme='dark'] .pg .cover-ink,[data-theme='dark'] .pg .cover-peach{color: var(--o)}[data-theme='dark'] .pg .mm-wrap{background: var(--card)}[data-theme='dark'] .guide-steps li::before{background: var(--wash);color: var(--o)}[data-theme='dark'] .app-card{background: var(--card)}[data-theme='dark'] .app-card .sq{background: var(--wash);color: var(--o)}[data-theme='dark'] .app-card-t p{color: var(--muted)}[data-theme='dark'] .plan-s{background: var(--raised)}[data-theme='dark'] .plan-s th{color: var(--muted)}[data-theme='dark'] .plan-s td{border-top-color: var(--line)}[data-theme='dark'] .fl-chips button{background: var(--raised)}[data-theme='dark'] .fl-sw button:not([aria-pressed='true']){box-shadow: inset 0 0 0 1px rgba(255,255,255,.2)}