@font-face{font-family:Shantell Sans;src:url(/fonts/shantell.woff2)format("woff2");font-weight:500 800;font-style:normal;font-display:swap}@font-face{font-family:Shantell Sans;src:url(/fonts/shantell-italic.woff2)format("woff2");font-weight:500 800;font-style:italic;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/plex-arabic.woff2)format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Plex Arabic;src:url(/fonts/plex-arabic-600.woff2)format("woff2");font-weight:600 800;font-display:swap;unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Marhey;src:url(/fonts/marhey.woff2)format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f0e8;--paper-2:#ebe5da;--card:#fbf9f5;--ink:#131215;--ink-2:#4b4842;--ink-3:#6f6a62;--line:#1312151c;--line-strong:#13121533;--button:#131215;--on-button:#f4f0e8;--friend:#5d6f8c;--glow:#ffffffb3;--shadow-sm:0 1px 1px #1312150d, 0 2px 6px -2px #1312151a;--shadow-lg:0 1px 1px #1312150a, 0 24px 60px -24px #1312154d, 0 60px 120px -60px #13121540;--grain-opacity:.32;--ink-red:#c0443b;--ink-orange:#bf651b;--ink-yellow:#a68300;--ink-green:#3c8750;--ink-teal:#1f8a85;--ink-blue:#2e6dc2;--ink-purple:#7850b6;--ink-pink:#be447d;--mark-yellow:#f7ebb2;--serif:"Shantell Sans", "Marhey", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--serif-ar:"Marhey", "Shantell Sans", "SF Arabic Rounded", "Geeza Pro", sans-serif;--sans:"Plex Arabic", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", "SF Arabic", "Noto Sans Arabic", "Geeza Pro", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--wrap:72rem;--gutter:clamp(1rem, 5vw, 2.5rem);--radius:14px;--radius-lg:22px;--ease:cubic-bezier(.2, .7, .1, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--fast:.14s;--base:.26s;--slow:.7s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0c0c0e;--paper-2:#141417;--card:#17171a;--ink:#f3ede2;--ink-2:#bbb4a8;--ink-3:#9a958b;--line:#f3ede21a;--line-strong:#f3ede22e;--button:#f3ede2;--on-button:#0c0c0e;--friend:#9fb1cf;--glow:#f3ede212;--shadow-sm:0 1px 1px #0006, 0 2px 8px -2px #00000080;--shadow-lg:0 1px 1px #00000080, 0 30px 70px -30px #000c, 0 80px 140px -60px #000000b3;--grain-opacity:.22;--ink-red:#f2897e;--ink-orange:#f1a25d;--ink-yellow:#e9c55a;--ink-green:#7dc48d;--ink-teal:#6ccfc8;--ink-blue:#7fadf1;--ink-purple:#b59aec;--ink-pink:#f18ab8;--mark-yellow:#4a4020}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0c0c0e;--paper-2:#141417;--card:#17171a;--ink:#f3ede2;--ink-2:#bbb4a8;--ink-3:#9a958b;--line:#f3ede21a;--line-strong:#f3ede22e;--button:#f3ede2;--on-button:#0c0c0e;--friend:#9fb1cf;--glow:#f3ede212;--shadow-sm:0 1px 1px #0006, 0 2px 8px -2px #00000080;--shadow-lg:0 1px 1px #00000080, 0 30px 70px -30px #000c, 0 80px 140px -60px #000000b3;--grain-opacity:.22;--ink-red:#f2897e;--ink-orange:#f1a25d;--ink-yellow:#e9c55a;--ink-green:#7dc48d;--ink-teal:#6ccfc8;--ink-blue:#7fadf1;--ink-purple:#b59aec;--ink-pink:#f18ab8;--mark-yellow:#4a4020}*,:before,:after{box-sizing:border-box}:root{--scroll-thumb:color-mix(in srgb, var(--ink) 22%, transparent);--scroll-thumb-hover:color-mix(in srgb, var(--ink) 38%, transparent);--scroll-thumb-active:color-mix(in srgb, var(--ink) 52%, transparent)}::-webkit-scrollbar{background:0 0;block-size:12px;inline-size:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:content-box;border:3px solid #0000;border-radius:999px;min-block-size:44px;min-inline-size:44px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-active);background-clip:content-box}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper);scroll-padding-block-start:5.5rem;overflow-x:clip}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{overscroll-behavior:none;background:var(--paper);min-block-size:100dvh;color:var(--ink);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--base) var(--ease), color var(--base) var(--ease);flex-direction:column;margin:0;display:flex;overflow-x:clip}body:lang(ar){line-height:1.8}body:before{content:"";z-index:100;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}img,svg{max-inline-size:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}h1,h2,h3,p,ol,ul,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,.display{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.06}:lang(ar) h1,:lang(ar) h2,:lang(ar) .display{font-family:var(--serif-ar);letter-spacing:0;font-weight:700;line-height:1.3}h3{letter-spacing:-.005em;font-size:1.0625rem;font-weight:600;line-height:1.35}em{font-style:italic}:lang(ar) em{font-style:normal;font-weight:700}p{text-wrap:pretty}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.skip{z-index:60;corner-shape:squircle;background:var(--button);color:var(--on-button);transition:inset-block-start var(--base) var(--ease-out);border-radius:13px;padding:.6rem 1rem;text-decoration:none;position:absolute;inset-block-start:-4rem;inset-inline-start:1rem}.skip:focus{inset-block-start:1rem}.wrap{inline-size:100%;max-inline-size:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}main{flex:1}main:focus{outline:none}.sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes edge-fade-start{0%{--fade-start:0px}to{--fade-start:28px}}@keyframes edge-fade-end{0%{--fade-end:28px}to{--fade-end:0px}}.edge-fade,.edge-fade-y{--edge-stops:#0000 0px, #0000001b calc(var(--fade-start) * .2), #0000005a calc(var(--fade-start) * .4), #000000a5 calc(var(--fade-start) * .6), #000000e4 calc(var(--fade-start) * .8), #000 var(--fade-start), #000 calc(100% - var(--fade-end)), #000000e4 calc(100% - var(--fade-end) * .8), #000000a5 calc(100% - var(--fade-end) * .6), #0000005a calc(100% - var(--fade-end) * .4), #0000001b calc(100% - var(--fade-end) * .2), #0000 100%}.edge-fade{-webkit-mask-image:linear-gradient(to right, var(--edge-stops));mask-image:linear-gradient(to right, var(--edge-stops))}.edge-fade:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){-webkit-mask-image:linear-gradient(to left, var(--edge-stops));mask-image:linear-gradient(to left, var(--edge-stops))}.edge-fade-y{-webkit-mask-image:linear-gradient(to bottom, var(--edge-stops));mask-image:linear-gradient(to bottom, var(--edge-stops))}@supports (animation-timeline:scroll()){.edge-fade,.edge-fade-y{animation-name:edge-fade-start,edge-fade-end;animation-timing-function:linear;animation-fill-mode:both;animation-range:0 28px,calc(100% - 28px) 100%}.edge-fade{animation-timeline:scroll(self inline),scroll(self inline)}.edge-fade-y{animation-timeline:scroll(self),scroll(self)}}@supports not (animation-timeline:scroll()){.edge-fade[data-fade-start],.edge-fade-y[data-fade-start]{--fade-start:28px}.edge-fade[data-fade-end],.edge-fade-y[data-fade-end]{--fade-end:28px}@media (prefers-reduced-motion:no-preference){.edge-fade,.edge-fade-y{transition:--fade-start .15s ease-out,--fade-end .15s ease-out}}}.btn{--h:2.875rem;min-block-size:var(--h);corner-shape:squircle;background:var(--button);color:var(--on-button);font:500 .98rem/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-sm);transition:transform var(--fast) var(--ease), opacity var(--fast) var(--ease), background-color var(--base) var(--ease), box-shadow var(--base) var(--ease);border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.25rem;text-decoration:none;display:inline-flex}.btn svg{flex:none;block-size:1.05em;inline-size:1.05em}.btn:hover{box-shadow:var(--shadow-sm), 0 8px 24px -10px #00000059}.btn:active{transform:scale(.97)}.btn-lg{--h:3.25rem;corner-shape:squircle;border-radius:15px;padding:0 1.6rem;font-size:1.03rem}.btn-quiet{color:var(--ink);border-color:var(--line-strong);box-shadow:none;background:0 0}.btn-quiet:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);box-shadow:none}.btn .sub{opacity:.6;font-weight:400}.text-link{color:var(--ink-2);transition:color var(--fast) var(--ease);align-items:center;gap:.35rem;font-size:.95rem;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--ink)}.text-link svg{block-size:.9em;inline-size:.9em;transition:transform var(--base) var(--ease-out)}.text-link:hover svg{transform:translate(3px)}[dir=rtl] .text-link svg,[dir=rtl] .flip-rtl{scale:-1 1}[dir=rtl] .text-link:hover svg{transform:translate(3px)}.top{z-index:40;view-transition-name:site-header;transition:background-color var(--base) var(--ease), box-shadow var(--base) var(--ease);position:sticky;inset-block-start:0}html[data-scrolled] .top{background:color-mix(in srgb, var(--paper) 78%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(18px);backdrop-filter:saturate(1.4)blur(18px);box-shadow:0 1px 0 var(--line)}.top .wrap{justify-content:space-between;align-items:center;gap:1rem;block-size:4rem;display:flex}.brand{color:var(--ink);font:750 1.4rem/1 var(--serif);letter-spacing:-.01em;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}:lang(ar) .brand{font:700 1.4rem/1 var(--serif-ar)}.brand .mark{view-transition-name:brand-mark;block-size:2.1rem;inline-size:2.1rem}.top nav{align-items:center;gap:.25rem;display:flex}.nav-link{corner-shape:squircle;min-block-size:2.5rem;color:var(--ink-2);transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);border-radius:11px;align-items:center;padding:0 .8rem;font-size:.94rem;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}button.nav-link{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;font-family:inherit}.nav-link.lang{corner-shape:squircle;min-block-size:2.1rem;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:9px;padding:0 .75rem;font-size:.88rem;font-weight:500}.nav-link.lang:active{transform:scale(.96)}.nav-link.lang [lang=ar]{font-family:"Plex Arabic", var(--sans);font-size:.95rem;line-height:1}html:not([data-js]) :is(.nav-link.lang,.foot nav button){display:none}.top .btn{--h:2.4rem;corner-shape:squircle;border-radius:11px;margin-inline-start:.35rem;padding:0 1rem;font-size:.92rem}.icon-btn{corner-shape:squircle;block-size:2.5rem;inline-size:2.5rem;color:var(--ink-2);cursor:pointer;transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border:0;border-radius:11px;place-items:center;display:none}html[data-js] .icon-btn{display:grid}.icon-btn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;block-size:1.15rem;inline-size:1.15rem}.i-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:none}:root:not([data-theme=light]) .i-moon{display:block}}:root[data-theme=dark] .i-sun{display:none}:root[data-theme=dark] .i-moon{display:block}@media (width<=40rem){.nav-link.hide-sm{display:none}}.mark{overflow:visible}.mark path,.word path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.word circle{fill:currentColor}html[data-js] .draw path{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:draw 1.9s var(--ease) .25s forwards}html[data-js] .draw circle{opacity:0;transform-box:fill-box;transform-origin:50%;animation:dot .42s var(--ease-out) forwards}html[data-js] .word.draw path:nth-of-type(2){animation-delay:1.35s}html[data-js] .word.draw circle:first-of-type{animation-delay:1.2s}html[data-js] .word.draw circle:nth-of-type(2){animation-delay:2.6s}html[data-js] .word.draw circle:nth-of-type(3){animation-delay:2.72s}html[data-js] [data-reveal]:not(.in) .draw path,html[data-js] [data-reveal]:not(.in) .draw circle{animation-play-state:paused}@keyframes draw{to{stroke-dashoffset:0}}@keyframes dot{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}.hero{text-align:center;justify-items:center;padding-block:clamp(3rem,9vw,6.5rem) clamp(2.5rem,6vw,4rem);display:grid;position:relative}.hero .mark{block-size:auto;inline-size:clamp(5.5rem,13vw,8rem);color:var(--ink);margin-block-end:clamp(1.5rem,4vw,2.25rem)}.eyebrow{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.6rem;margin-block-end:1.25rem;font-size:.82rem;font-weight:500;display:inline-flex}:lang(ar) .eyebrow{letter-spacing:0;font-size:.92rem}.eyebrow:before,.eyebrow:after{content:"";background:var(--line-strong);block-size:1px;inline-size:1.5rem}.hero h1{max-inline-size:13ch;font-size:clamp(3rem,9vw,6.4rem)}:lang(ar) .hero h1{max-inline-size:12ch;font-size:clamp(2.6rem,7.5vw,5.4rem)}.hero h1 em{white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";opacity:.85;background:currentColor;block-size:.22em;animation:.9s cubic-bezier(.3,.7,.2,1) .45s both pen-stroke;position:absolute;inset-block-end:-.1em;inset-inline:-.06em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M4 15C42 7 92 4 132 8s52 7 64-1' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M4 15C42 7 92 4 132 8s52 7 64-1' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}:lang(ar) .hero h1 em:after{inset-block-end:-.02em;transform:scaleX(-1)}@keyframes pen-stroke{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.hero h1 em:after{animation:none}}.lead{max-inline-size:36rem;color:var(--ink-2);margin-block-start:2rem;font-size:clamp(1.06rem,1.6vw,1.2rem);line-height:1.6}.cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;margin-block-start:2.25rem;display:flex}.cta-os{display:none}html:not([data-os]) .cta-os[data-os=mac],html[data-os=mac] .cta-os[data-os=mac],html[data-os=windows] .cta-os[data-os=windows],html[data-os=linux] .cta-os[data-os=linux],html[data-os=ios] .cta-os[data-os=ios],html[data-os=android] .cta-os[data-os=android]{display:inline-flex}.fine{color:var(--ink-3);font-size:.88rem}.hero .fine{margin-block-start:1.1rem}html[data-js] .rise{opacity:0;animation:rise .9s var(--ease-out) forwards;translate:0 14px}html[data-js] .rise:nth-child(2){animation-delay:.45s}html[data-js] .rise:nth-child(3){animation-delay:.55s}html[data-js] .rise:nth-child(4){animation-delay:.65s}html[data-js] .rise:nth-child(5){animation-delay:.75s}html[data-js] .rise:nth-child(6){animation-delay:.85s}@keyframes rise{to{opacity:1;translate:0}}.stage{perspective:1800px;margin-block-end:clamp(4rem,10vw,8rem);position:relative}.stage:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent);filter:blur(30px);border-radius:50%;position:absolute;inset:8% 10% -6%}.window{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);max-inline-size:60rem;box-shadow:var(--shadow-lg);transform-origin:50% 0;margin-inline:auto;position:relative;overflow:hidden}html[data-js] .window{opacity:0;animation:settle 1.4s var(--ease-out) .8s forwards;transform:rotateX(10deg)translateY(30px)scale(.98)}@keyframes settle{to{opacity:1;transform:none}}.chrome{background:var(--paper);block-size:44px;transition:background-color .26s var(--ease);position:relative}.window[data-view=gallery] .chrome{background:var(--panel)}.lights{inset-block:0;z-index:2;pointer-events:none;direction:ltr;align-items:center;gap:.45rem;display:flex;position:absolute;left:16px}.lights i{background:var(--line-strong);border-radius:50%;block-size:.72rem;inline-size:.72rem}.ed-bar{transition:opacity .18s var(--ease);align-items:center;gap:2px;padding-left:84px;padding-right:12px;display:flex;position:absolute;inset:0}.window[data-view=editor] .bar-gallery,.window[data-view=gallery] .bar-editor{opacity:0;pointer-events:none}.ed-grow{flex:1}.ed-back{corner-shape:squircle;block-size:30px;color:var(--ink-2);font:500 13px/1 var(--sans);transition:background-color var(--fast), color var(--fast), transform .1s;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding-inline:6px 9px;display:flex}.ed-back:not(:disabled):hover{background:var(--line);color:var(--ink)}.ed-back:not(:disabled):active{transform:scale(.95)}.ed-back:focus-visible,.g-chip:focus-visible,.ed-fab:focus-visible,.g-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ed-icon{corner-shape:squircle;block-size:30px;inline-size:30px;color:var(--ink-2);border-radius:8px;place-items:center;display:grid}.glyph{flex:none}.glyph .tint{opacity:.3}.window{--panel:color-mix(in srgb, var(--paper-2) 55%, var(--paper));background:var(--paper)}.ed-views{block-size:clamp(26rem,46vw,31rem);position:relative}.ed-view{visibility:hidden;background:var(--paper);flex-direction:column;display:flex;position:absolute;inset:0}.ed-view.on{visibility:visible}.v-editor{z-index:2;transform-origin:0 0}.v-gallery{background:var(--panel)}.ed-scroll{scrollbar-width:none;overscroll-behavior:contain;flex:1;min-block-size:0;overflow:hidden auto}.ed-column{box-sizing:border-box;flex-direction:column;min-block-size:100%;max-inline-size:752px;margin-inline:auto;padding:18px 36px 24px;display:flex}.ed-status{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:center;flex:none;padding:6px 1rem 12px;font-size:12px}.gal-scroll{scrollbar-width:none;overscroll-behavior:contain;flex:1;min-block-size:0;overflow:hidden auto}.gal{padding:4px 26px 96px}.gal-head{padding:4px 0 8px}.gal-head .gal-title{font:760 30px/1.15 var(--serif);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}:lang(ar) .gal-head .gal-title{font:700 30px/1.35 var(--serif-ar)}.gal-chips{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;margin-block-start:12px;padding:3px 1px;scroll-padding-inline:28px;display:flex;overflow-x:auto}.gal-chips>*{scroll-snap-align:start}.gal-chips::-webkit-scrollbar{display:none}.g-chip{corner-shape:squircle;background:var(--card);block-size:30px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:600 13px/1 var(--sans);white-space:nowrap;transition:background-color var(--fast), color var(--fast), transform .1s;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;padding-inline:13px;display:inline-flex}button.g-chip:hover{color:var(--ink)}button.g-chip:active{transform:scale(.95)}.g-chip.selected{background:var(--ink);box-shadow:none;color:var(--paper)}.g-chip.add{corner-shape:squircle;border-radius:8px;justify-content:center;inline-size:30px;padding:0}.g-title{color:var(--ink-2);font:600 13px/1.3 var(--sans);margin:0;padding:14px 0 10px}.g-grid{grid-template-columns:repeat(auto-fill,minmax(160px,200px));justify-content:start;gap:24px;display:grid}.g-section{padding-block-end:10px}.g-card{background:var(--card);min-block-size:120px;max-block-size:190px;box-shadow:inset 0 0 0 1px var(--line), 0 2px 5px #0000000b;cursor:pointer;isolation:isolate;text-align:start;transition:scale .3s var(--ease), box-shadow .3s var(--ease);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.g-card:hover{box-shadow:inset 0 0 0 1px var(--line-strong), 0 7px 16px #0000001c;scale:1.012}.g-card:active{transition-duration:.1s;scale:.975}.g-pv{flex:none;max-block-size:150px;padding:14px 14px 0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 38px),#0000);mask-image:linear-gradient(#000 calc(100% - 38px),#0000)}.g-pv .ed-text{zoom:var(--pv,.4);inline-size:430px;cursor:inherit;pointer-events:none;-webkit-user-select:none;user-select:none}.g-foot{color:var(--ink-3);font:400 10.5px/1.2 var(--sans);white-space:nowrap;flex:none;margin-block-start:auto;padding:7px 14px 11px}.ed-fab{z-index:3;corner-shape:squircle;background:var(--ink);block-size:56px;inline-size:56px;color:var(--paper);transition:transform .16s var(--ease-out), box-shadow .16s var(--ease);border:0;border-radius:16px;place-items:center;display:grid;position:absolute;inset-block-end:22px;inset-inline-end:24px;box-shadow:0 8px 20px #00000038,0 2px 5px #00000024}.ed-fab:hover{transform:translateY(-1px)}.ed-fab:active{transform:scale(.92)}.ed-body{flex:1;display:grid}.ed-text{--ed-gutter:30px;--ed-lh:1.48;min-inline-size:0;color:var(--ink);caret-color:var(--ink);cursor:text;font-family:var(--serif);font-synthesis-style:none;font-size:16.5px;font-weight:500;line-height:var(--ed-lh);overflow-wrap:break-word;white-space:pre-wrap;-webkit-tap-highlight-color:transparent;outline:none;grid-area:1/1}.ed-text:lang(ar){font-family:var(--serif-ar)}.ed-text[data-booting]{visibility:hidden}.ed-text[data-playing]{caret-color:#0000}.ed-text>div{text-align:start;margin:0 0 6px;position:relative}.ed-text>div[dir=rtl]{font-family:var(--serif-ar)}.ed-text>div[dir=ltr]{font-family:var(--serif)}.ed-text b{font-weight:700}.ed-text i{font-style:italic}.ed-text u{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.ed-text [data-k=title]{letter-spacing:-.012em;margin:4px 0 10px;font-size:30px;font-weight:700;line-height:1.25}.ed-text [data-k=heading]{margin:14px 0 4px;font-size:23px;font-weight:600;line-height:1.28}.ed-text [data-k=subheading]{margin:10px 0 3px;font-size:19px;font-weight:600;line-height:1.3}.ed-text [data-k=h4]{margin:8px 0 3px;font-size:17px;font-weight:600;line-height:1.34}.ed-text [data-k=h5]{margin:7px 0 2px;font-size:15.5px;font-weight:600;line-height:1.4}.ed-text [data-k=h6]{color:var(--ink-2);margin:6px 0 2px;font-size:14px;font-weight:600;line-height:1.42}.ed-text :is([data-k=title],[data-k=heading],[data-k=subheading],[data-k=h4],[data-k=h5],[data-k=h6]) b{font-weight:800}:lang(ar) .ed-text :is([data-k=title],[data-k=heading],[data-k=subheading],[data-k=h4],[data-k=h5],[data-k=h6]),.ed-text>div[dir=rtl]:is([data-k=title],[data-k=heading],[data-k=subheading]){letter-spacing:0}.ed-text [data-k=quote]{border-inline-start:3px solid var(--line-strong);color:var(--ink-2);padding-inline-start:14px}.ed-text [data-k=mono]{background:var(--paper-2);font-family:var(--mono);border-radius:8px;padding:2px 10px;font-size:14px;line-height:1.55}.ed-text :is([data-k=bullet],[data-k=number],[data-k=check]){margin-block-end:3px;padding-inline-start:var(--ed-gutter)}.ed-text [data-k=bullet]:before{content:"";background:var(--ink-2);border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:calc(var(--ed-lh) * .5em - 3px + .04em);inset-inline-start:4px}.ed-text [data-k=number]{padding-inline-start:calc(var(--ed-gutter) + 8px)}.ed-text [data-k=number]:before{content:attr(data-num);color:var(--ink-2);font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:.92em;font-weight:500;line-height:calc(var(--ed-lh) / .92);white-space:nowrap;unicode-bidi:isolate;position:absolute;inset-inline-end:calc(100% - var(--ed-gutter) - 4px)}.ed-text [data-k=number][data-long="1"]:before{font-size:.86em}.ed-text [data-k=number][data-long="2"]:before{font-size:.74em}.ed-text [data-k=check]:before,.ed-text [data-k=check]:after{content:"";cursor:pointer;border-radius:4.5px;block-size:15px;inline-size:15px;position:absolute;inset-block-start:calc(var(--ed-lh) * .5em - 7.5px + .03em);inset-inline-start:1.5px}.ed-text [data-k=check]:before{box-shadow:inset 0 0 0 1.5px var(--ink-3);transition:background-color .2s ease-out,box-shadow .2s ease-out}.ed-text [data-k=check][data-c=true]{color:var(--ink-3)}.ed-text [data-k=check][data-c=true]:before{background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.ed-text [data-k=check][data-c=true]:after{background:var(--paper);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M3.6 7.7l2.7 2.7 5.2-6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M3.6 7.7l2.7 2.7 5.2-6' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.ed-text [data-k=check].pop:before{animation:.26s ease-out ed-pop}.ed-text [data-k=check][data-c=true].pop:after{animation:.24s ease-out ed-draw}@keyframes ed-pop{50%{transform:scale(1.1)}}@keyframes ed-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.ed-text [data-k=rule]{color:var(--ink-3);cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;margin:14px 0;padding:0;display:block}.ed-text [data-k=rule] svg{block-size:8px;inline-size:100%;display:block}.ed-text [data-k=rule].selected{background:var(--line);color:var(--ink-2)}.ed-caret{pointer-events:none;block-size:0;inline-size:0;display:inline-block;position:relative}.ed-caret:before{content:"";background:var(--ink);border-radius:1px;block-size:1.22em;inline-size:2px;animation:1.1s step-end .5s infinite blink;position:absolute;inset-block-end:-.26em;inset-inline-start:-1px}.tasks{gap:.55rem;margin-block-start:1.2rem;display:grid}.task{align-items:center;gap:.7rem;font-size:.96rem;display:flex}.box{border:1.5px solid var(--line-strong);corner-shape:squircle;block-size:1.15rem;inline-size:1.15rem;transition:background-color var(--base) var(--ease), border-color var(--base) var(--ease);border-radius:6px;flex:none;place-items:center;display:grid;position:relative}.box svg{fill:none;block-size:.75rem;inline-size:.75rem;stroke:var(--paper);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.box svg path{stroke-dasharray:1 1;stroke-dashoffset:1px}.task.done .box{background:var(--ink);border-color:var(--ink)}.task.done .box svg path{stroke-dashoffset:0}.task.done span{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}@media (width<=46rem){.ed-views{block-size:30rem}.g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ed-column{padding-inline:20px}.gal{padding-inline:16px}}.section{padding-block:clamp(3rem,7vw,5.5rem)}.section>h2{margin-block-end:clamp(1.75rem,4vw,2.75rem);font-size:clamp(2.4rem,6vw,4rem)}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.1rem);display:grid}.tile{border-radius:var(--radius-lg);background:var(--card);min-block-size:15rem;box-shadow:0 0 0 1px var(--line);isolation:isolate;flex-direction:column;padding:1.25rem 1.35rem 1.2rem;display:flex;position:relative;overflow:hidden}.tile.wide{grid-column:span 2}.tile.everywhere{grid-column:span 3}@media (width<=60rem){.tile.everywhere{grid-column:span 2}}.tile h3{font:600 1.02rem/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink);margin:0;margin-block-start:auto}.tile .art{flex:1;place-items:center;min-block-size:9rem;padding-block:.5rem 1rem;display:grid}@media (width<=60rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=36rem){.bento{grid-template-columns:minmax(0,1fr)}.tile.wide{grid-column:auto}}@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2)format("woff2");font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-display:swap}@font-face{font-family:Patrick Hand;src:url(/fonts/patrick.woff2)format("woff2");font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/ruqaa.woff2)format("woff2");font-display:swap}.fonts .cycle{color:var(--ink);font-size:clamp(3.2rem,7vw,4.8rem);line-height:1.2;display:grid}.fonts .cycle>span{opacity:0;grid-area:1/1;justify-self:center;animation:8s infinite face}.fonts .cycle>span:nth-child(2){animation-delay:2s}.fonts .cycle>span:nth-child(3){animation-delay:4s}.fonts .cycle>span:nth-child(4){animation-delay:6s}@keyframes face{0%{opacity:0;filter:blur(4px);translate:0 8px}6%,22%{opacity:1;filter:blur();translate:0}28%,to{opacity:0;filter:blur(4px);translate:0 -8px}}.f-shantell{font-family:Shantell Sans;font-weight:700}.f-caveat{font-family:Caveat;font-weight:600}.f-fraunces{font-family:Fraunces;font-weight:600}.f-patrick{font-family:Patrick Hand}.f-marhey{font-family:Marhey;font-weight:700}.f-ruqaa{font-family:Aref Ruqaa;font-weight:700}.f-plex{font-family:Plex Arabic;font-weight:600}.colors .art{gap:1.1rem}.colors p{font:600 1.3rem/1.7 "Shantell Sans", var(--sans);text-align:center;color:var(--ink);margin:0}:lang(ar) .colors p{font-family:"Marhey", var(--sans)}.c-red{color:var(--ink-red)}.c-green{color:var(--ink-green)}.m-yellow{color:inherit;background:linear-gradient(var(--mark-yellow), var(--mark-yellow)) no-repeat 0 0 / 100% 100%;border-radius:.3em;padding:.05em .25em}html[data-js] .bento:not(.in) .m-yellow{background-size:0% 100%}html[data-js] .m-yellow{transition:background-size .9s .5s var(--ease-out)}:root:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .m-yellow{background-position:100% 0}.dots{gap:.4rem;display:flex}.dots i{corner-shape:squircle;border-radius:4px;block-size:.85rem;inline-size:.85rem}.d-red{background:var(--ink-red)}.d-orange{background:var(--ink-orange)}.d-yellow{background:var(--ink-yellow)}.d-green{background:var(--ink-green)}.d-teal{background:var(--ink-teal)}.d-blue{background:var(--ink-blue)}.d-purple{background:var(--ink-purple)}.d-pink{background:var(--ink-pink)}.lists .tasks{inline-size:min(100%,15rem)}.lists .task{font-size:1.02rem}html[data-js] .bento.in .lists .task .box{background:var(--ink);border-color:var(--ink);transition:background-color .26s var(--ease), border-color .26s var(--ease)}html[data-js] .bento.in .lists .task .box svg path{stroke-dashoffset:0;transition:stroke-dashoffset .38s .12s var(--ease-out)}html[data-js] .bento.in .lists .task span:last-child{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--ink-3) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--ink-3) 70%, transparent);transition:color .3s var(--ease)}.lists .task:first-child *{transition-delay:.6s!important}.lists .task:nth-child(2) *{transition-delay:1.1s!important}.lists .task:nth-child(3) .box,.lists .task:nth-child(3) .box svg path,.lists .task:nth-child(3) span:last-child{border-color:var(--line-strong)!important;stroke-dashoffset:1px!important;color:var(--ink)!important;background:0 0!important;text-decoration:none!important;transition:none!important}.media .art{flex:none;grid-template-rows:1fr;grid-template-columns:1fr auto;place-items:stretch stretch;gap:1rem;block-size:11.5rem;inline-size:100%;display:grid}.media .photo-area{block-size:100%;min-inline-size:0;position:relative}.photo{block-size:8.5rem;inline-size:50%;box-shadow:var(--shadow-sm);outline:2px solid color-mix(in srgb, var(--ink) 70%, transparent);outline-offset:0;border-radius:12px;position:absolute;top:50%;left:50%;translate:-50% -50%}.photo svg{border-radius:12px;block-size:100%;inline-size:100%;display:block}.photo .width{corner-shape:squircle;background:var(--ink);color:var(--paper);font:600 .62rem/1.4 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;transition:opacity .24s var(--ease);border-radius:6px;padding:.12rem .45rem;position:absolute;bottom:calc(100% + .4rem);left:50%;translate:-50%}.photo.live .width{opacity:1}.grip{box-sizing:border-box;border:1px solid var(--ink);background:var(--paper);block-size:44px;inline-size:6px;box-shadow:var(--shadow-sm);border-radius:3px;position:absolute;top:50%;translate:0 -50%}.grip.l{left:-3px}.grip.r{right:-3px}.media .side{align-self:center;gap:.7rem;display:grid}.video{aspect-ratio:16/10;background:linear-gradient(135deg,#3c4a57,#6d8191);border-radius:10px;place-items:center;inline-size:7.5rem;display:grid}.play{corner-shape:squircle;background:#ffffffe0;border-radius:9px;block-size:2rem;inline-size:2rem;position:relative}.play:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#2a2d31;position:absolute;inset:.55rem .5rem .55rem .75rem}.file{corner-shape:squircle;background:var(--paper);box-shadow:0 0 0 1px var(--line);color:var(--ink-2);white-space:nowrap;border-radius:11px;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.82rem;display:flex}.file .sheet{background:linear-gradient(225deg, transparent .35rem, var(--ink-red) .35rem);border-radius:3px;block-size:1.4rem;inline-size:1.15rem}@media (width<=36rem){.media .art{grid-template-rows:1fr auto;grid-template-columns:1fr;block-size:16.5rem}.media .side{grid-auto-flow:column;justify-content:center;align-self:auto}}.markdown .art{flex-direction:column;flex:none;justify-content:flex-start;align-self:center;align-items:stretch;gap:.4rem;block-size:11.5rem;inline-size:min(100%,15rem);padding-block:.5rem 0;display:flex}.md-line{min-block-size:1.5em;font:500 1.05rem/1.4 "Shantell Sans", var(--sans);color:var(--ink);white-space:pre;transition:font-size .46s var(--ease-out), font-weight .46s var(--ease-out), line-height .46s var(--ease-out);align-items:baseline;margin:0;display:flex;position:relative}:lang(ar) .md-line{font-family:"Marhey", var(--sans)}.md-line.is-heading{font-size:2rem;font-weight:700;line-height:1.2}.hash{max-inline-size:3ch;color:var(--ink-3);transition:max-inline-size .24s var(--ease), opacity .2s var(--ease);font-weight:400;overflow:hidden}.hash.gone{opacity:0;max-inline-size:0}.md-rule .dashes{font:500 .9rem/1 var(--mono);color:var(--ink-3);letter-spacing:.1em;transition:opacity .18s var(--ease)}.md-rule.drawn .dashes{opacity:0}.stroke{fill:none;block-size:.9rem;inline-size:100%;stroke:var(--ink-3);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:130;stroke-dashoffset:130px;transition:stroke-dashoffset .62s var(--ease-out) .12s;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.md-rule.drawn .stroke{stroke-dashoffset:0}.md-caret{background:var(--ink);border-radius:1px;block-size:1.15em;inline-size:2px;margin-inline-start:3px;animation:1.1s step-end infinite caret-blink;display:inline-block}.markdown .art.out .md-line{opacity:0;transition:opacity .42s var(--ease)}.markdown .art.still,.markdown .art.still *{transition:none!important}.together{cursor:text}.together:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}.together .art{block-size:11.5rem;font:600 1.2rem/1.6 "Shantell Sans", var(--sans);color:var(--ink);flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:1.35rem;padding-block:1.2rem 0;display:flex}:lang(ar) .together .art{font-family:"Marhey", var(--sans)}.together .line{align-items:center;min-block-size:1.6em;inline-size:100%;margin:0;display:flex;position:relative}.together .text{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-inline-size:.5ch}.together .you-text{caret-color:var(--ink-orange)}.together .text[contenteditable=true]{cursor:text}.together .cursor{flex:none;block-size:1.3em;inline-size:2px;margin-inline-start:3px;display:inline-block;position:relative}.together .cursor:before{content:"";background:currentColor;border-radius:1px;animation:1.1s step-end infinite caret-blink;position:absolute;inset:0}.together .cursor.you{color:var(--ink-orange)}.together .cursor.friend{color:var(--ink-blue)}.together .cursor b{corner-shape:squircle;font:600 .68rem/1.3 var(--sans);color:var(--paper);white-space:nowrap;transition:opacity .32s var(--ease), translate .32s var(--ease);border-radius:6px 6px 6px 2px;margin-bottom:.15rem;padding:.12rem .42rem;position:absolute;bottom:100%;left:-2px}:lang(ar) .together .cursor b{corner-shape:squircle;border-radius:6px 6px 2px}.together .cursor.you b{background:var(--ink-orange)}.together .cursor.friend b{background:var(--ink-blue)}.together .cursor.quiet b{opacity:0;translate:0 4px}.together.editing .cursor.you{display:none}@keyframes caret-blink{50%{opacity:0}}@keyframes blink{50%{opacity:.25}}.arabic .art{text-align:center;gap:.2rem}.ar-title{font:700 3.4rem/1.3 "Marhey", var(--sans);color:var(--ink);margin:0}.ar-line{font:400 1.05rem/1.7 "Plex Arabic", var(--sans);color:var(--ink-2);margin:0}.everywhere .art{justify-content:center;align-items:center;gap:clamp(1.25rem,4vw,2.5rem);display:flex}.everywhere .os-icon{block-size:clamp(2rem,4vw,2.6rem);inline-size:clamp(2rem,4vw,2.6rem);color:var(--ink);opacity:.85}html[data-js] .bento[data-reveal] .tile{opacity:0;transition:opacity .7s var(--ease-out), translate .7s var(--ease-out);translate:0 16px}html[data-js] .bento[data-reveal].in .tile{opacity:1;translate:0}.bento .tile:nth-child(2){transition-delay:60ms}.bento .tile:nth-child(3){transition-delay:.12s}.bento .tile:nth-child(4){transition-delay:.18s}.bento .tile:nth-child(5){transition-delay:.24s}.bento .tile:nth-child(6){transition-delay:.3s}.bento .tile:nth-child(7){transition-delay:.36s}.bento .tile:nth-child(8){transition-delay:.42s}.platforms{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1rem);display:grid}@media (width<=64rem){.platforms{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=44rem){.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=26rem){.platforms{grid-template-columns:minmax(0,1fr)}}.platform{border-radius:var(--radius-lg);background:var(--card);box-shadow:0 0 0 1px var(--line);transition:box-shadow var(--base) var(--ease), translate var(--base) var(--ease-out);flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.35rem 1.2rem;display:flex}.platform:hover{box-shadow:0 0 0 1px var(--line-strong), var(--shadow-sm);translate:0 -2px}.platform .os-icon{block-size:2rem;inline-size:2rem;color:var(--ink);margin-block-end:.85rem}.platform h3{font:600 1.08rem/1.3 var(--sans);margin:0}.platform .meta{color:var(--ink-3);text-wrap:balance;align-items:center;gap:.25rem;margin:0;font-size:.82rem;display:flex}.platform .size{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:.82rem}.platform .card-foot{flex-direction:column;inline-size:100%;margin-block-start:auto;padding-block-start:1.1rem;display:flex}.platform .btn{--h:2.5rem;corner-shape:squircle;border-radius:11px;inline-size:100%;padding:0 1rem;font-size:.92rem}.platform .btn-soon{opacity:.4;box-shadow:none;cursor:default;text-align:center;text-wrap:balance;white-space:normal;line-height:1.15}.platform .btn-soon:active{transform:none}.info{corner-shape:squircle;block-size:1rem;inline-size:1rem;color:var(--ink-3);cursor:help;transition:color var(--fast) var(--ease);background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.info svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;block-size:100%;inline-size:100%}.info:is(:hover,:focus-visible){color:var(--ink)}.info .tip{inset-block-end:calc(100% + .5rem);z-index:3;corner-shape:squircle;background:var(--ink);inline-size:max-content;max-inline-size:15rem;color:var(--card);font:400 .8rem/1.4 var(--sans);text-align:start;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--fast) var(--ease), visibility var(--fast) var(--ease);border-radius:9px;padding:.45rem .7rem;position:absolute;left:50%;translate:-50%}.info:is(:hover,:focus) .tip{opacity:1;visibility:visible}html[data-os=mac] [data-platform=mac],html[data-os=windows] [data-platform=windows],html[data-os=linux] [data-platform=linux],html[data-os=ios] [data-platform=ios],html[data-os=android] [data-platform=android]{box-shadow:0 0 0 1.5px var(--ink), var(--shadow-sm);order:-1}.closing{text-align:center}.closing .mark{block-size:4.5rem;inline-size:4.5rem;margin-inline:auto}.closing h2{margin-block:1.25rem 2rem;font-size:clamp(2.6rem,7vw,4.6rem)}.closing .cta{justify-content:center}.panel{padding-block:clamp(3rem,8vw,6rem)}.panel h1{font-size:clamp(2.4rem,6vw,3.8rem)}.panel .lead{margin-block-start:1rem}.join .noscript{display:none}html:not([data-js]) .join .noscript{display:block}.join [data-view]{display:none}.join:not([data-state]) [data-view=opening],.join[data-state=opening] [data-view=opening],.join[data-state=opened] [data-view=opened],.join[data-state=failed] [data-view=failed],.join[data-state=broken] [data-view=broken]{display:block}.join .btn{margin-block-start:1.75rem}.spinner{border:2px solid var(--line-strong);border-block-start-color:var(--ink);border-radius:50%;block-size:1.6rem;inline-size:1.6rem;margin-block-start:1.75rem;animation:.8s linear infinite spin;display:block}@keyframes spin{to{rotate:1turn}}.join .fine{margin-block-start:1.5rem}.more{margin-block-start:clamp(3rem,8vw,5rem)}.more h2{margin-block-end:1.5rem;font-size:clamp(2rem,5vw,3rem)}.foot{border-block-start:1px solid var(--line);margin-block-start:auto}.foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:2rem;display:flex}.foot .brand{font-size:1.2rem}.foot .brand .mark{view-transition-name:none;block-size:1.75rem;inline-size:1.75rem}.foot nav{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.foot nav :is(a,button){color:var(--ink-2);transition:color var(--fast) var(--ease);font-size:.92rem;text-decoration:none}.foot nav button{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.foot nav button [lang=ar]{font-family:"Plex Arabic", var(--sans)}.foot nav :is(a,button):hover{color:var(--ink)}html[data-js] [data-reveal]{opacity:0;transition:opacity .9s var(--ease-out), translate .9s var(--ease-out);translate:0 22px}html[data-js] [data-reveal].in{opacity:1;translate:0}@view-transition{navigation:auto}::view-transition-old(root){animation:.22s var(--ease) both vt-out}::view-transition-new(root){animation:.42s var(--ease-out) both vt-in}::view-transition-group(*){animation-duration:.48s;animation-timing-function:var(--ease-out)}@keyframes vt-out{to{opacity:0;translate:0 -6px}}@keyframes vt-in{0%{opacity:0;translate:0 10px}}main,.top .wrap,.foot .wrap{transition:opacity .12s}html[data-lang-pending] :is(main,.top .wrap,.foot .wrap){opacity:0;transition:none}html[data-vt=lang]::view-transition-old(root){animation:none}html[data-vt=lang]::view-transition-new(root){animation:none}html[data-vt=lang]::view-transition-old(root){animation-name:lang-out}html[data-vt=lang]::view-transition-new(root){animation-name:lang-in}html[data-vt=lang]::view-transition-group(*){animation-duration:.16s;animation-timing-function:ease}html[data-vt=lang]::view-transition-old(*){animation-duration:.16s;animation-timing-function:ease}html[data-vt=lang]::view-transition-new(*){animation-duration:.16s;animation-timing-function:ease}@keyframes lang-out{to{opacity:0}}@keyframes lang-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.caret,.cursor,.ed-caret:before{animation:none!important}.cursor:before{display:none}.fonts .cycle>span:first-child{opacity:1}}@media print{body:before,.top,.foot{display:none}}.avatar.friend{background:var(--friend)}.doc{max-inline-size:46rem;padding-block:clamp(3rem,8vw,6rem)}.doc h1{font-size:clamp(2.6rem,6vw,4rem)}.doc>.fine{margin-block-start:.75rem}.doc section{margin-block-start:clamp(2rem,5vw,3rem)}.doc h2{font:600 1.15rem/1.35 var(--sans);letter-spacing:-.01em}:lang(ar) .doc h2{font-family:var(--sans);line-height:1.6}.doc p{color:var(--ink-2);margin-block-start:.75rem}.doc p a{color:var(--ink)}.os-icon{fill:currentColor;flex:none}.window ::-webkit-scrollbar{display:none}