:root[data-brand=green]{--font-inter:var(--font-nunito),var(--font-plex-sans);--brand-heading-font:var(--font-nunito),var(--font-plex-arabic),sans-serif;--brand:var(--brand-500);--brand-strong:var(--brand-700);--focus-ring:var(--brand-500)}:root[data-brand=green][lang=ar]{--font-inter:"Nunito",var(--font-plex-arabic),var(--font-nunito);--brand-heading-font:var(--font-plex-arabic),var(--font-nunito),sans-serif}:root{--app-screen:100lvh}body,html{background-color:var(--surface)}html{min-height:var(--app-screen);scrollbar-gutter:stable;overflow-anchor:none}@media (max-width:1023px){html{overflow-y:scroll}}.app-first-screen{min-height:100vh;min-height:100svh;min-height:var(--app-screen)}.shop-page{min-height:calc(var(--app-screen) - var(--announcement-height, 0px) - 4.5rem)}@media (max-width:1023px){.shop-page{min-height:calc(var(--app-screen) - 3.35rem - env(safe-area-inset-top) - var(--dock-height) - .75rem)}.app-first-screen>.shop-auth,.app-first-screen>main{min-height:calc(var(--app-screen) - 3.35rem - env(safe-area-inset-top))}}html.intro-scroll-lock{overscroll-behavior:none}body,html{overscroll-behavior-y:contain}@media (display-mode:standalone){body,html{overscroll-behavior-y:none}}html[data-studio],html[data-studio] body{min-height:0;overflow:hidden;overscroll-behavior:none}@media (display-mode:standalone){html[data-studio]{min-height:var(--app-screen)}}html[data-studio]{touch-action:pan-x pan-y}html[data-studio] img{-webkit-user-drag:none}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root{--dock-height:calc(4.625rem + env(safe-area-inset-bottom));--dock-reach:calc(var(--dock-height) + 2.6rem);--support-button-bottom:calc(var(--dock-height) + 1.5rem);--support-button-reach:calc(var(--support-button-bottom) + 3rem + 0.5rem)}.tabbar-space{height:calc(var(--dock-height) + .75rem)}.tabbar-space[data-support-room]{height:var(--support-button-reach)}:root{--support-button-bottom-lg:1.5rem}@media (min-width:1024px){.site-footer[data-support-room]{padding-bottom:calc(var(--support-button-bottom-lg) + 3rem + .5rem)}}[data-support-widget]{transition:opacity var(--duration-fast) var(--ease-standard),translate var(--duration-moderate) var(--ease-standard),visibility 0s}[data-support-widget][data-away]:not(:focus-within){opacity:0;translate:0 1rem;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-exit),translate var(--duration-fast) var(--ease-exit),visibility 0s var(--duration-fast)}@media (prefers-reduced-motion:reduce){[data-support-widget][data-away]:not(:focus-within){translate:none}}.home-copy{overflow-x:clip}@media (max-width:1023px){.home-copy{padding-bottom:1.25rem;max-width:100%}.home-copy>section{min-width:0;width:100%}.home-copy [data-hero-seat]{max-width:min(16rem,calc(var(--app-screen) * .42));min-height:min(15rem,calc(var(--app-screen) * .42))}.home-copy .hero-title .hero-hand{font-size:clamp(1.55rem,8.6cqi,2.15rem)}}@media (max-width:767px){.home-copy{--home-floor:var(--dock-reach);height:calc(100svh - var(--announcement-height, 0px) - 3.35rem - env(safe-area-inset-top));flex:0 0 auto;min-height:calc(var(--home-floor) + 18rem);padding-top:0;padding-bottom:var(--home-floor);box-sizing:border-box}[data-support-room] .home-copy{--home-floor:var(--support-button-reach)}.home-copy{--hero-note-room:10rem}html[lang=ar] .home-copy{--hero-note-room:11.6rem}.home-copy>section{display:grid;flex:1 1 0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:0;width:100%;row-gap:clamp(.25rem,1.2svh,.75rem)}.home-copy [data-hero-seat]{display:flex;flex-direction:column;align-items:center;align-self:stretch;width:100%;max-width:none;min-height:0;margin-top:-2.5rem}.home-copy [data-hero-seat]:after,.home-copy [data-hero-seat]:before{content:"";flex:3 1 0}.home-copy [data-hero-seat]:after{flex-grow:2}.home-copy [data-hero-cup]{width:auto;height:min(100%,calc(min(27rem, (100vw - var(--hero-note-room)) / .62) * 10 / 9));flex:none}.home-copy .hero-eyebrow{display:none}.home-copy .home-lead{margin-top:-1rem}.home-copy .home-actions{margin-top:clamp(.85rem,2.2svh,1.25rem)}.home-copy .hero-title .hero-hand{font-size:clamp(2rem,8.6vw,2.55rem)}}.vt-chrome-pills{top:0;height:3.35rem}html{scroll-padding-top:calc(3.35rem + env(safe-area-inset-top) + 1rem)}@media (min-width:1024px){html{scroll-padding-top:calc(4.5rem + 1rem)}}@media (max-width:1023px){.support-screen{flex:none;height:calc(100svh - var(--announcement-height, 0px) - 3.35rem - env(safe-area-inset-top) - var(--dock-reach))}}.ptr-indicator{top:calc(env(safe-area-inset-top) + .25rem);transition:transform .25s cubic-bezier(.2,.7,.3,1),opacity .2s ease}@keyframes ptr-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.ptr-spin{animation:ptr-rotate .8s linear infinite}.vt-chrome-pills:before{content:"";position:absolute;z-index:-1;inset-inline:0;top:0;height:100%;background:var(--surface);mask-image:linear-gradient(180deg,#000 calc(100% - .5rem),transparent);animation:chrome-band-in linear both;animation-timeline:scroll(root block);animation-range:0 16px}@keyframes chrome-band-in{0%{opacity:0}}.actionbar-space{height:calc(4.5rem + env(safe-area-inset-bottom))}.actionbar-space-summary{height:calc(3.9375rem + env(safe-area-inset-bottom))}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes screen-enter{0%{opacity:0}to{opacity:1}}.screen-enter{animation:screen-enter .48s cubic-bezier(.22,1,.36,1) both}html[data-app-tour=on] .screen-enter{animation:none;opacity:1}html[data-app-tour=on] .hero-notes,html[data-app-tour=on] .hero-notes-rail{display:none!important}html.route-fade-leave .screen-enter,html.route-fade-leave [data-route-fade],html.route-fade-leave main{opacity:0!important;transform:none!important;transition:opacity .26s cubic-bezier(.4,0,.2,1)!important;animation:none!important}html.route-fade-enter .screen-enter,html.route-fade-enter [data-route-fade],html.route-fade-enter main{animation:route-page-enter .42s cubic-bezier(.22,1,.36,1) both!important}html.route-fade-settled .screen-enter,html.route-fade-settled [data-route-fade],html.route-fade-settled main{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}@keyframes route-page-enter{0%{opacity:0}to{opacity:1}}html.route-fade-enter [data-route-fade] .screen-enter,html.route-fade-enter [data-route-fade] main,html.route-fade-leave [data-route-fade] .screen-enter,html.route-fade-leave [data-route-fade] main{animation:none!important;opacity:1!important;transition:none!important}html.route-fade-enter .safe-top,html.route-fade-enter .tabbar-dock,html.route-fade-enter header,html.route-fade-leave .safe-top,html.route-fade-leave .tabbar-dock,html.route-fade-leave header,html[data-brand-intro=done]:not([data-intro-reveal]) .safe-top,html[data-brand-intro=done]:not([data-intro-reveal]) .tabbar-dock,html[data-brand-intro=done]:not([data-intro-reveal]) header{animation:none!important;opacity:1!important}html[data-brand-intro=done]:not([data-intro-reveal]) .hero-eyebrow,html[data-brand-intro=done]:not([data-intro-reveal]) .hero-notes,html[data-brand-intro=done]:not([data-intro-reveal]) .hero-notes-rail,html[data-brand-intro=done]:not([data-intro-reveal]) .hero-saudi,html[data-brand-intro=done]:not([data-intro-reveal]) .hero-title,html[data-brand-intro=done]:not([data-intro-reveal]) .home-actions,html[data-brand-intro=done]:not([data-intro-reveal]) .home-copy>ol,html[data-brand-intro=done]:not([data-intro-reveal]) .home-lead,html[data-brand-intro=done]:not([data-intro-reveal]) .home-lead>p,html[data-brand-intro=done]:not([data-intro-reveal]) [data-hero-seat]>:not([data-hero-cup]),html[data-intro-settled] .hero-eyebrow,html[data-intro-settled] .hero-notes,html[data-intro-settled] .hero-notes-rail,html[data-intro-settled] .hero-saudi,html[data-intro-settled] .hero-title,html[data-intro-settled] .home-actions,html[data-intro-settled] .home-copy>ol,html[data-intro-settled] .home-lead,html[data-intro-settled] .home-lead>p,html[data-intro-settled] .safe-top,html[data-intro-settled] .tabbar-dock,html[data-intro-settled] [data-hero-seat]>:not([data-hero-cup]),html[data-intro-settled] header{animation:none!important;opacity:1!important;visibility:visible;translate:none;clip-path:none;transition:none!important}html:active-view-transition .screen-enter{animation:none!important;opacity:1}@keyframes page-crossfade-out{to{opacity:0}}@keyframes page-crossfade-in{0%{opacity:0}}::view-transition{pointer-events:none}::view-transition-old(root){animation:page-crossfade-out .22s ease both}::view-transition-new(root){animation:page-crossfade-in .4s cubic-bezier(.22,1,.36,1) both}html.theme-vt *{view-transition-name:none!important}html.page-crossfade body{opacity:.001;pointer-events:none}html:not(.theme-ready),html:not(.theme-ready) :not(canvas){transition:none!important}html.theme-anim,html.theme-anim body,html.theme-anim body :not(canvas){transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,fill .35s ease,stroke .35s ease!important}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-cup-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-rise,.hero-rise-2,.hero-rise-3,.hero-rise-4{animation:hero-rise .65s cubic-bezier(.2,.7,.3,1) both}.hero-rise-2{animation-delay:.1s}.hero-rise-3{animation-delay:.2s}.hero-rise-4{animation-delay:.3s}.dark .hero-lift,.hero-lift{background:none}.hero-cup-stage{background:none!important}.hero-cup-shadow{position:absolute;left:50%;top:91%;z-index:3;display:block;width:36%;height:1.15rem;margin:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,rgb(36 28 24/.3) 0,rgb(36 28 24/.12) 48%,transparent 72%);filter:blur(5px);transform:translate3d(-50%,0,0)}@media (max-width:767px){.hero-cup-shadow{height:.95rem;filter:blur(3px)}.hero-saudi-plume,.hero-saudi-steam{filter:blur(3px)}}@media (min-width:768px){.hero-cup-shadow{height:1.35rem;filter:blur(6px)}}.dark .hero-cup-shadow{background:radial-gradient(ellipse at 50% 45%,rgb(0 0 0/.34) 0,rgb(0 0 0/.12) 48%,transparent 72%)}.hero-cup-in{animation:hero-cup-in .9s cubic-bezier(.2,.7,.3,1) .15s both}.hero-still-dark,.hero-still-light{display:none}@media (prefers-color-scheme:dark){html.light .hero-still-system{display:none}html.light .hero-still-light{display:block}}@media not (prefers-color-scheme:dark){html.dark .hero-still-system{display:none}html.dark .hero-still-dark{display:block}}.brand-intro{user-select:none;-webkit-user-select:none}.brand-intro-bg{position:fixed;inset:0;z-index:50;pointer-events:none;background:transparent}.dark .brand-intro-bg{background:radial-gradient(ellipse at 50% 44%,var(--surface-raised),var(--surface) 62%)}html:not(.dark) .brand-intro:not(.brand-intro-drawing) .brand-intro-bg{background:transparent}html[data-brand-intro=playing] .brand-intro-bg{background:var(--intro-ground,var(--surface))}html.dark[data-brand-intro=playing] .brand-intro-bg{background:radial-gradient(ellipse at 50% 44%,var(--intro-ground,var(--surface-raised)),var(--intro-ground,var(--surface)) 62%)}.dark .brand-intro.brand-intro-rising .brand-intro-bg{background:var(--intro-ground,var(--surface))}.dark .brand-intro.brand-intro-revealing .brand-intro-bg,html.dark[data-brand-intro=reveal] .brand-intro-bg{background:transparent}.brand-intro-stage{position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:none}.brand-intro-product,.brand-intro-stage{overflow:visible;transform-origin:center center}.brand-intro-product{--intro-letter-h:12.5%;position:relative;display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}[data-hero-cup]>.brand-intro-product{top:44%;z-index:3;width:56%;aspect-ratio:1}.brand-intro-crest,[data-hero-cup]>.brand-intro-product{position:absolute;left:50%;height:auto;translate:-50% -50%}.brand-intro-crest{top:50%;width:58%;overflow:visible;opacity:1;pointer-events:none;transform-origin:center center;shape-rendering:geometricPrecision}.brand-intro-arch-g{transform-box:fill-box;transform-origin:center}.brand-intro-crest path{stroke-dasharray:1;stroke-dashoffset:1}.brand-intro-crest-top{animation:intro-stroke .9s cubic-bezier(.4,0,.2,1) .15s forwards}.brand-intro-crest-bot{animation:intro-stroke .9s cubic-bezier(.4,0,.2,1) .36s forwards}.brand-intro-decal{position:absolute;left:0;top:0;display:block;width:0;height:0;opacity:0;pointer-events:none;object-fit:contain}.brand-intro-word{--intro-word-w:56%;position:absolute;left:50%;top:63%;display:flex;align-items:flex-end;justify-content:center;width:var(--intro-word-w);height:calc(var(--intro-word-w) * 500 / 4042);translate:-50% -50%}.brand-intro-product.is-lockup .brand-intro-crest{top:40%;width:58%;opacity:1}.brand-intro-product.is-lockup .brand-intro-m-final{opacity:1}html[data-intro-handoff] .brand-intro-product{visibility:hidden!important}.brand-intro-letter,.brand-intro-morph-slot{display:block;height:100%;overflow:visible}.brand-intro-letter-svg,.brand-intro-morph-svg{display:block;height:100%;width:auto;overflow:visible;shape-rendering:geometricPrecision}.brand-intro-morph-svg{transform:scale(1)}.brand-intro-arch,.brand-intro-stem{opacity:0;animation:none!important}.brand-intro-arch,.brand-intro-arch-piece{transform-box:fill-box;transform-origin:center}.brand-intro-arch,.brand-intro-stem{stroke-dasharray:1;stroke-dashoffset:1}.brand-intro-arch-top{animation:intro-stroke .9s cubic-bezier(.4,0,.2,1) .15s forwards}.brand-intro-arch-bot{animation:intro-stroke .9s cubic-bezier(.4,0,.2,1) .36s forwards}.brand-intro-rest{display:inline-flex;align-items:flex-end;height:100%}.brand-intro-rest.is-parked{max-width:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}.brand-intro-letter{flex-shrink:0;overflow:visible}.brand-intro-letter-svg{opacity:0;transform-origin:left center;transform-box:fill-box}.brand-intro-m-clip{transform:none}.brand-intro-m-glyph{opacity:1;transform-box:fill-box;transform-origin:center}.brand-intro-m-final{display:block;height:100%;width:auto;opacity:0;overflow:visible;transform-origin:center center}.intro-cup-target{position:absolute;left:50%;top:43%;z-index:2;width:58%;aspect-ratio:1;overflow:visible;pointer-events:none;translate:-50% -50%}.brand-intro-skip{position:fixed;z-index:80;bottom:calc(1.25rem + env(safe-area-inset-bottom));left:50%;min-height:2.75rem;padding:0 1rem;border:0;background:none;color:var(--text-muted);font:inherit;font-size:.875rem;font-weight:500;letter-spacing:.01em;translate:-50% 0;opacity:0;cursor:pointer;animation:intro-skip-in .35s ease .35s forwards}@media (max-width:1023px){.brand-intro-skip{bottom:calc(1.5rem + env(safe-area-inset-bottom))}}.brand-intro-skip:focus-visible,.brand-intro-skip:hover{color:var(--brand-strong)}.brand-intro-skip:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:.5rem}.brand-intro.brand-intro-printing .brand-intro-skip,.brand-intro.brand-intro-revealing .brand-intro-skip,.brand-intro.brand-intro-rising .brand-intro-skip{opacity:0;pointer-events:none;animation:none;transition:opacity .25s ease}html[data-brand-intro=done]:not(.route-fade-leave):not(.route-fade-enter) .home-copy.screen-enter,html[data-brand-intro=playing] .screen-enter,html[data-brand-intro=reveal] .screen-enter{animation:none;opacity:1}html[data-brand-intro=playing] .home-copy>ol,html[data-brand-intro=playing] .home-copy>section>div:first-child,html[data-brand-intro=playing] .safe-top,html[data-brand-intro=playing] .tabbar-design,html[data-brand-intro=playing] .tabbar-dock,html[data-brand-intro=playing] [data-hero-seat]>:not([data-hero-cup]),html[data-brand-intro=playing] [data-support-widget],html[data-brand-intro=playing] header,html[data-brand-intro=reveal] [data-support-widget]{opacity:0;pointer-events:none}@keyframes intro-ink{0%{opacity:.001;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes intro-ink-rtl{0%{opacity:.001;clip-path:inset(0 0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes intro-ink-down{0%{opacity:.001;clip-path:inset(100% 0 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes intro-baseline{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}html[data-intro-reveal] .home-lead{opacity:1;animation:none}html[data-intro-reveal] .safe-top,html[data-intro-reveal] header{animation:intro-ink .98s cubic-bezier(.33,0,.2,1) .06s both}html[data-intro-reveal] .hero-eyebrow{animation:intro-ink 1.08s cubic-bezier(.33,0,.2,1) .18s both}html[data-intro-reveal] .hero-title{animation:intro-ink 1.22s cubic-bezier(.33,0,.2,1) .32s both}html[data-intro-reveal] .home-lead>p{animation:intro-ink 1.08s cubic-bezier(.33,0,.2,1) .48s both}html[data-intro-reveal] .home-actions{animation:intro-ink 1.08s cubic-bezier(.33,0,.2,1) .64s both}html[data-intro-reveal] [data-hero-seat]>:not([data-hero-cup]){animation:intro-ink .98s cubic-bezier(.33,0,.2,1) .22s both}html[data-intro-reveal] .home-copy>ol{animation:intro-ink 1.16s cubic-bezier(.33,0,.2,1) .8s both}html[data-intro-reveal] .tabbar-dock{animation:intro-baseline 1.05s cubic-bezier(.33,0,.2,1) .96s both}html[lang=ar][data-intro-reveal] .hero-eyebrow,html[lang=ar][data-intro-reveal] .hero-title,html[lang=ar][data-intro-reveal] .home-actions,html[lang=ar][data-intro-reveal] .home-copy>ol,html[lang=ar][data-intro-reveal] .home-lead>p,html[lang=ar][data-intro-reveal] .safe-top,html[lang=ar][data-intro-reveal] [data-hero-seat]>:not([data-hero-cup]),html[lang=ar][data-intro-reveal] header{animation-name:intro-ink-rtl}@media (max-width:767px){html[data-intro-reveal]:not([data-intro-settled]) .hero-eyebrow,html[data-intro-reveal]:not([data-intro-settled]) .hero-notes,html[data-intro-reveal]:not([data-intro-settled]) .hero-title,html[data-intro-reveal]:not([data-intro-settled]) .home-actions,html[data-intro-reveal]:not([data-intro-settled]) .home-copy>ol,html[data-intro-reveal]:not([data-intro-settled]) .home-lead>p,html[data-intro-reveal]:not([data-intro-settled]) .safe-top,html[data-intro-reveal]:not([data-intro-settled]) .tabbar-dock,html[data-intro-reveal]:not([data-intro-settled]) [data-hero-seat]>:not([data-hero-cup]),html[data-intro-reveal]:not([data-intro-settled]) header,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .hero-eyebrow,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .hero-notes,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .hero-title,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .home-actions,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .home-copy>ol,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .home-lead>p,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .safe-top,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) .tabbar-dock,html[lang=ar][data-intro-reveal]:not([data-intro-settled]) [data-hero-seat]>:not([data-hero-cup]),html[lang=ar][data-intro-reveal]:not([data-intro-settled]) header{animation:none;transform:none;translate:none;clip-path:none;opacity:1}html[data-intro-reveal]:not([data-intro-settled]) .safe-top,html[data-intro-reveal]:not([data-intro-settled]) header{transition:opacity .72s cubic-bezier(.22,1,.36,1) .04s}html[data-intro-reveal]:not([data-intro-settled]) .home-lead{animation:none;opacity:1;transition:opacity .92s cubic-bezier(.22,1,.36,1) .08s}html[data-intro-reveal]:not([data-intro-settled]) .hero-eyebrow{transition:opacity .8s cubic-bezier(.22,1,.36,1) .1s}html[data-intro-reveal]:not([data-intro-settled]) .hero-title{transition:opacity .88s cubic-bezier(.22,1,.36,1) .2s}html[data-intro-reveal]:not([data-intro-settled]) .home-actions,html[data-intro-reveal]:not([data-intro-settled]) .home-lead>p{transition:opacity .84s cubic-bezier(.22,1,.36,1) .36s}html[data-intro-reveal]:not([data-intro-settled]) [data-hero-seat]>:not([data-hero-cup]){transition:opacity .7s cubic-bezier(.22,1,.36,1) .14s}html[data-intro-reveal]:not([data-intro-settled]) .home-copy>ol{transition:opacity .9s cubic-bezier(.22,1,.36,1) .5s}html[data-intro-reveal]:not([data-intro-settled]) .tabbar-dock{transition:opacity .86s cubic-bezier(.22,1,.36,1) .56s}}@media (prefers-reduced-motion:reduce){html[data-intro-reveal] .hero-eyebrow,html[data-intro-reveal] .hero-notes,html[data-intro-reveal] .hero-saudi,html[data-intro-reveal] .hero-title,html[data-intro-reveal] .home-actions,html[data-intro-reveal] .home-copy>ol,html[data-intro-reveal] .home-lead,html[data-intro-reveal] .home-lead>p,html[data-intro-reveal] .safe-top,html[data-intro-reveal] .tabbar-dock,html[data-intro-reveal] [data-hero-seat]>:not([data-hero-cup]),html[data-intro-reveal] header{animation:none;opacity:1;translate:0;clip-path:none}}[data-hero-cup][data-intro-cup],html[data-intro-reveal] .hero-notes,html[data-intro-reveal] .hero-saudi,html[lang=ar][data-intro-reveal] .hero-notes,html[lang=ar][data-intro-reveal] .hero-saudi{animation:none}html[data-brand-intro=playing] .home-copy,html[data-brand-intro=playing] .home-copy section,html[data-brand-intro=playing] .home-copy section>div{overflow:visible}html[data-brand-intro=playing] [data-hero-cup][data-intro-cup],html[data-brand-intro=reveal] [data-hero-cup][data-intro-cup]{position:relative;z-index:60;overflow:visible;pointer-events:none}html[data-brand-intro=playing] [data-hero-cup][data-intro-parked],html[data-brand-intro=reveal] [data-hero-cup][data-intro-parked]{isolation:auto;max-width:none!important;overflow:visible!important;background:none!important;border-radius:2.75rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}html[data-brand-intro=playing] [data-hero-cup][data-intro-parked] .hero-cup-stage,html[data-brand-intro=reveal] [data-hero-cup][data-intro-parked] .hero-cup-stage{overflow:hidden;background:none!important;border-radius:2.75rem}html[data-brand-intro=playing] .home-copy,html[data-brand-intro=playing] [data-hero-seat],html[data-brand-intro=reveal] .home-copy,html[data-brand-intro=reveal] [data-hero-seat]{overflow:visible!important}@media (max-width:767px){html[data-brand-intro=done] .home-copy,html[data-brand-intro=playing] .home-copy,html[data-brand-intro=reveal] .home-copy{overflow-x:clip!important;overflow-y:visible!important}html[data-brand-intro=playing] [data-hero-cup][data-intro-parked],html[data-brand-intro=playing] [data-hero-cup][data-intro-parked] .hero-cup-stage,html[data-brand-intro=reveal] [data-hero-cup][data-intro-parked],html[data-brand-intro=reveal] [data-hero-cup][data-intro-parked] .hero-cup-stage{border-radius:0}}.brand-intro.brand-intro-rising .brand-intro-film{visibility:hidden;opacity:0}.brand-intro-film{position:fixed;inset:0;z-index:65;width:100vw;height:100vh;pointer-events:none;image-rendering:auto}html[data-brand-intro=playing] [data-hero-cup]:not([data-intro-stage=printing]){opacity:0}html[data-brand-intro=playing] [data-hero-cup][data-intro-stage=printing]{opacity:1}html.dark[data-brand-intro=playing] [data-hero-cup][data-intro-stage=printing]{opacity:0}html[data-brand-intro=playing] [data-hero-cup].hero-lift,html[data-brand-intro=reveal] [data-hero-cup].hero-lift{background:none}@keyframes intro-stroke{to{stroke-dashoffset:0}}@keyframes intro-letter-slide{0%{opacity:0;transform:translateX(-85%)}to{opacity:1;transform:translateX(0)}}@keyframes intro-bg-settle{0%{background:radial-gradient(ellipse at 50% 44%,color-mix(in oklab,var(--brand) 16%,#fff),#f7f6f3 48%)}}@keyframes intro-word-glow{0%{filter:drop-shadow(0 0 0 transparent)}35%{filter:drop-shadow(0 0 22px color-mix(in oklab,var(--brand) 55%,transparent))}to{filter:drop-shadow(0 0 0 transparent)}}@keyframes intro-print-glow{0%{background:radial-gradient(ellipse at 50% 62%,transparent,transparent)}45%{background:radial-gradient(ellipse at 50% 62%,color-mix(in oklab,var(--brand) 45%,white) 0,transparent 60%)}to{background:radial-gradient(ellipse at 50% 62%,transparent,transparent)}}@keyframes intro-skip-in{to{opacity:1}}@font-face{font-family:Caveat Hand;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/caveat-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122}.hero-hand{font-family:Caveat Hand,cursive;font-weight:700;-webkit-text-stroke:.038em currentColor;paint-order:stroke fill}html[lang=ar] .hero-eyebrow-line,html[lang=ar] .hero-eyebrow-line.hero-hand,html[lang=ar] .hero-hand,html[lang=ar] .hero-hand-ar,html[lang=ar] .hero-notes-rail,html[lang=ar] .hero-title,html[lang=ar] .hero-title .hero-hand,html[lang=ar] .home-copy .hero-title,html[lang=ar] .home-copy .hero-title .hero-hand{font-family:Tajawal UI,Tajawal,sans-serif!important;-webkit-text-stroke:0;paint-order:fill;font-synthesis:none}html[lang=ar] .hero-title{rotate:1deg}html[lang=ar] .hero-title-line{white-space:normal}.hero-title-wash{position:absolute;inset-inline:-.2em;top:.34em;height:.82em;width:calc(100% + .4em);overflow:visible;pointer-events:none;color:color-mix(in oklab,#f2d15c 38%,white)}.hero-title-wash path{fill:currentColor}.dark .hero-title-wash{color:color-mix(in oklab,#c4a24a 26%,transparent)}.hero-slogan-well{z-index:3;top:13.9%;width:38%;height:2.35%;transform:translateX(-50%);overflow:hidden;border-radius:50%}.hero-slogan,.hero-slogan-well{position:absolute;left:50%;pointer-events:none}.hero-slogan{top:48%;margin:0;width:max-content;max-width:none;white-space:nowrap;text-align:center;transform:translate(-50%,-50%) perspective(140px) rotateX(72deg) scale(1.12);transform-origin:center center}.hero-slogan .hero-slogan-mark{font-size:.98rem;letter-spacing:.02em}@media (min-width:768px){.hero-slogan-well{top:14.08%;width:34%;height:1.22%}.hero-slogan .hero-slogan-mark{font-size:1.18rem}}.hero-slogan-brush{position:absolute;inset-inline:.05em;top:.78em;height:.34em;width:calc(100% - .1em);overflow:visible;pointer-events:none}.hero-slogan-ink{fill:none;stroke:color-mix(in oklab,var(--brand-500) 34%,#e4c56a);stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5;stroke-dasharray:1;stroke-dashoffset:1;animation:slogan-ink .9s cubic-bezier(.2,.7,.3,1) .12s forwards}.dark .hero-slogan-ink{stroke:color-mix(in oklab,var(--brand-500) 38%,#c4a24a);opacity:.34}@keyframes slogan-ink{to{stroke-dashoffset:0}}.hero-eyebrow{display:flex;width:fit-content;max-width:100%;flex-direction:column;align-items:center;margin-inline:auto}.hero-saudi{position:absolute;z-index:3;left:0;right:0;top:-22%;bottom:0;margin:0;overflow:visible;pointer-events:none;--hero-lip-x:50%;--hero-lip-y:37%}@media (max-width:767px){[data-hero-seat]{margin-top:.875rem}}@media (max-width:767px) and (max-height:760px){.home-copy .home-actions{margin-top:.85rem}}.hero-genie-clip-def{position:absolute;width:0;height:0;overflow:hidden}.hero-saudi-well{inset:0;clip-path:url(#hero-genie-clip)}.hero-saudi-stage,.hero-saudi-well{position:absolute;z-index:2;margin:0}.hero-saudi-stage{display:block;aspect-ratio:1;height:auto;transform:translateX(-50%) translateY(100%);overflow:hidden;-webkit-mask-image:radial-gradient(ellipse 94% 52% at 50% 100%,transparent 0,#000 82%);mask-image:radial-gradient(ellipse 94% 52% at 50% 100%,transparent 0,#000 82%)}.hero-saudi-stage svg{display:block;width:100%;height:100%}.hero-saudi-cavity{position:absolute;left:var(--hero-lip-x);top:var(--hero-cavity-top,var(--hero-lip-y));z-index:0;width:var(--hero-cavity-w,28%);height:var(--hero-cavity-h,6%);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 42%,rgb(32 24 20/.1) 0,rgb(32 24 20/.04) 48%,transparent 82%);filter:blur(7px);transform:translate(-50%,-40%) scale(.72)}.hero-saudi.is-ready .hero-saudi-cavity{animation:hero-cavity-in 1.85s cubic-bezier(.22,.08,.2,1) .35s both}@media (max-width:767px){.hero-saudi-cavity{filter:blur(3px)}}.dark .hero-saudi-cavity{background:radial-gradient(ellipse at 50% 42%,rgb(0 0 0/.26) 0,rgb(0 0 0/.1) 52%,transparent 78%)}.dark .hero-saudi-stage,.dark .hero-saudi-stage svg{filter:brightness(.9) saturate(.96)}.hero-genie-glow{position:absolute;left:var(--hero-lip-x);top:var(--hero-cavity-top,var(--hero-lip-y));z-index:0;width:18%;height:5%;border-radius:50%;opacity:0;background:radial-gradient(closest-side at 50% 50%,color-mix(in oklab,var(--brand-500) 10%,white) 0,color-mix(in oklab,var(--brand-500) 5%,transparent) 48%,transparent 100%);transform:translate(-50%,-50%) scale(.8)}.hero-saudi.is-ready .hero-genie-glow{animation:hero-genie-glow-in 1.85s cubic-bezier(.22,.08,.2,1) .5s both}@media (max-width:767px){.hero-genie-glow{width:16%;height:4.5%}}.hero-saudi-smoke{position:absolute;z-index:1;display:block;aspect-ratio:1;height:auto;margin:0;overflow:hidden;pointer-events:none;color:color-mix(in oklab,var(--brand-500) 36%,white);transform:translateX(-50%) translateY(100%);opacity:0}.hero-saudi.is-smoking .hero-saudi-smoke{opacity:1;animation:hero-genie-rise 1.2s cubic-bezier(.33,.08,.2,1) both}.hero-smoke-ink{display:block;width:100%;height:100%;overflow:visible}.hero-smoke-wisp path{filter:none}.dark .hero-saudi-smoke{color:color-mix(in oklab,var(--brand-500) 32%,#b7c8be)}.hero-eyebrow-line{position:relative;z-index:1;margin:0}.hero-brush{display:block;width:4.45rem;height:auto;margin:0 auto .15rem;color:var(--brand-500);overflow:visible}.hero-brush-swipe{fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:.42;animation:hero-brush-ink 4.8s cubic-bezier(.45,.08,.55,.92) .4s infinite}.hero-brush-swipe-wet{opacity:.22;animation-delay:.7s}.hero-brush-arm{transform-box:fill-box;transform-origin:78% 42%;animation:hero-brush-paint 4.8s cubic-bezier(.45,.08,.55,.92) .4s infinite}.hero-brush-bristle{transform-box:fill-box;transform-origin:50% 12%;animation:hero-brush-flex 4.8s cubic-bezier(.45,.08,.55,.92) .4s infinite}@media (min-width:640px){.hero-brush{width:5.1rem}}@media (min-width:1024px){.hero-brush{width:5.75rem}}@keyframes hero-brush-ink{0%,12%{stroke-dashoffset:1;opacity:.08}48%{stroke-dashoffset:0;opacity:.48}78%{stroke-dashoffset:0;opacity:.26}to{stroke-dashoffset:1;opacity:.08}}@keyframes hero-brush-paint{0%,to{translate:-10px 5px;rotate:-10deg}50%{translate:4px -1.5px;rotate:8deg}}@keyframes hero-brush-flex{0%,to{scale:1 1}50%{scale:1.05 .94}}@media (prefers-reduced-motion:reduce){.hero-brush-arm,.hero-brush-bristle,.hero-brush-swipe{animation:none;stroke-dashoffset:0;opacity:1;translate:0;rotate:0deg;scale:1}.hero-saudi-plume,.hero-saudi-smoke,.hero-saudi-steam{display:none}.hero-saudi-stage,.hero-saudi.is-ready .hero-saudi-stage{animation:none;transform:translateX(-50%)}.hero-genie-glow,.hero-saudi.is-ready .hero-genie-glow{animation:none;opacity:.35;transform:translate(-50%,-50%) scale(1)}.hero-saudi-cavity,.hero-saudi.is-ready .hero-saudi-cavity{animation:none;opacity:1;transform:translate(-50%,-40%) scale(1)}}@keyframes hero-genie-rise{0%{transform:translateX(-50%) translateY(100%)}to{transform:translateX(-50%) translateY(0)}}.hero-saudi.is-ready .hero-saudi-stage{animation:hero-genie-rise 2.15s cubic-bezier(.33,.08,.2,1) both}@keyframes hero-genie-float{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -1.4%;rotate:.6deg}}@keyframes hero-cavity-in{0%{opacity:0;transform:translate(-50%,-40%) scale(.72)}to{opacity:1;transform:translate(-50%,-40%) scale(1)}}@keyframes hero-genie-glow-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:.35;transform:translate(-50%,-50%) scale(1)}}@keyframes hero-genie-breathe{0%,to{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}@keyframes hero-genie-twinkle{0%,to{opacity:.35;scale:.45;rotate:0deg}50%{opacity:1;scale:1;rotate:90deg}}@keyframes hero-genie-puff{0%{opacity:0;transform:translateX(-50%)}28%{opacity:.55;transform:translateX(-50%)}to{opacity:0;transform:translateX(-50%)}}@keyframes hero-genie-spark{0%{opacity:0;translate:-50% 0;scale:0}18%{opacity:1;scale:1}to{opacity:0;translate:calc(-50% + var(--dx)) var(--dy);scale:.15}}html[lang=ar] .hero-eyebrow-line{font-size:1.05rem;font-weight:700;letter-spacing:.01em}@media (min-width:640px){html[lang=ar] .hero-eyebrow-line{font-size:1.2rem}}@media (min-width:1024px){html[lang=ar] .hero-eyebrow-line{font-size:1.35rem}}.home-cta-btn{min-width:14.25rem}@media (max-width:639px){.home-cta-btn{min-width:0;width:100%}}.home-copy :is(h1,h2,h3,button,a):not(.hero-title){font-family:inherit}.home-copy .hero-title,.home-copy .hero-title .hero-hand,.home-copy .hero-title .hero-title-line,.home-copy .hero-title .hero-title-mark,.home-copy .hero-title .hero-title-mark span{font-family:Caveat Hand,cursive;font-weight:700;font-synthesis:none}.dark .home-copy .hero-hand,.dark .home-copy .hero-title,.dark .home-copy .hero-title-hand{color:color-mix(in oklab,var(--brand-300) 80%,#9eb5a8);-webkit-text-stroke:0}.dark .home-copy .hero-eyebrow-line{color:color-mix(in oklab,var(--brand-300) 64%,#6e877b)}.dark .home-lead>p{color:color-mix(in oklab,var(--brand-300) 48%,#5c7468)}.home-cta{background:var(--primary);color:var(--primary-foreground)}.home-cta:hover{background:color-mix(in oklab,var(--primary),black 12%)}.glass-chip{background:color-mix(in oklab,#eef3ef 86%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 78%,transparent),0 0 0 1px color-mix(in oklab,var(--brand) 10%,transparent);backdrop-filter:blur(16px) saturate(1.2)}.dark .glass-chip{background:color-mix(in oklab,var(--surface-raised) 72%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 8%,transparent),0 0 0 1px color-mix(in oklab,white 10%,transparent)}.editor-frame{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.editor-frame.is-covered{padding-bottom:.5rem}.editor-dock-space{flex-shrink:0;height:var(--dock-bar,4.65rem)}.editor-frame.is-typing .editor-dock-space{height:var(--dock-h,0)}.editor-dock-place{position:absolute;inset-inline:0;bottom:max(.5rem,env(safe-area-inset-bottom))}.editor-frame.is-covered .editor-dock-place{bottom:.5rem}.editor-dock{display:flex;min-height:0;flex-shrink:0;flex-direction:column;margin:0 .45rem .4rem;overflow:hidden;border-radius:1rem;touch-action:none;background:linear-gradient(180deg,color-mix(in oklab,white 48%,transparent),transparent 46%),color-mix(in oklab,#eef3ef 88%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 88%,transparent),0 0 0 1px color-mix(in oklab,var(--brand) 10%,transparent);backdrop-filter:blur(18px) saturate(1.28)}.editor-dock-viewport{position:relative;overflow:hidden}.editor-bar-swap{animation:editor-fade-in var(--duration-fast) var(--ease-standard) both}.stage-region{min-height:0;container-type:size}@container (max-height: 18rem){.editor-stage-head{display:none}}@keyframes editor-enter-wrap{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes editor-enter-chrome{0%{opacity:0}to{opacity:1}}.editor-enter-wrap{animation:editor-enter-wrap .56s cubic-bezier(.2,.7,.3,1) .16s both}.editor-enter-chrome{animation:editor-enter-chrome .48s ease-out .1s both}.dark .editor-dock{background:linear-gradient(180deg,color-mix(in oklab,white 10%,transparent),transparent 40%),color-mix(in oklab,var(--surface-raised) 74%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 10%,transparent),0 0 0 1px color-mix(in oklab,white 10%,transparent)}.editor-dock-panel{max-height:min(26rem,var(--dock-room,50svh));overflow:hidden;padding:.85rem .9rem .2rem;animation:editor-dock-in var(--duration-moderate) var(--ease-emphasized) both}.editor-dock-col,.editor-dock-panel{display:flex;min-height:0;flex-direction:column}.editor-dock-col{min-width:0}.editor-dock-head{display:flex;flex-shrink:0;align-items:center;gap:.5rem;min-height:1.875rem;margin-bottom:.4rem;padding-inline-start:.3rem}.editor-soft{color:var(--text-muted);background:color-mix(in oklab,var(--text-token) 9%,transparent);transition:background-color .18s ease,color .18s ease}.editor-soft:hover{color:var(--text-token);background:color-mix(in oklab,var(--text-token) 14%,transparent)}.editor-soft:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.editor-soft[aria-expanded=true],.editor-soft[aria-pressed=true]{color:var(--on-brand);background:var(--brand)}.editor-dock-close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;border-radius:999px}.editor-split-well{min-height:0;min-width:0;padding:.45rem .5rem .3rem;border-radius:.9rem;background:linear-gradient(165deg,color-mix(in oklab,white 34%,transparent),transparent 48%),color-mix(in oklab,var(--surface) 42%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 58%,transparent),0 0 0 1px color-mix(in oklab,var(--brand) 7%,transparent)}.dark .editor-split-well{background:linear-gradient(165deg,color-mix(in oklab,white 8%,transparent),transparent 46%),color-mix(in oklab,black 18%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 9%,transparent),0 0 0 1px color-mix(in oklab,white 7%,transparent)}.editor-scroll-fade{min-height:0;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;--fade-start:1;--fade-end:1;--fade-pad:1.35rem}.editor-scroll-fade.is-y{overflow-x:hidden;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--fade-start)) 0,#000 var(--fade-pad),#000 calc(100% - var(--fade-pad)),rgb(0 0 0/var(--fade-end)) 100%);mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--fade-start)) 0,#000 var(--fade-pad),#000 calc(100% - var(--fade-pad)),rgb(0 0 0/var(--fade-end)) 100%)}.editor-scroll-fade.is-x{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;-webkit-mask-image:linear-gradient(to right,rgb(0 0 0/var(--fade-start)) 0,#000 var(--fade-pad),#000 calc(100% - var(--fade-pad)),rgb(0 0 0/var(--fade-end)) 100%);mask-image:linear-gradient(to right,rgb(0 0 0/var(--fade-start)) 0,#000 var(--fade-pad),#000 calc(100% - var(--fade-pad)),rgb(0 0 0/var(--fade-end)) 100%)}.editor-scroll-fade.is-x:dir(rtl){-webkit-mask-image:linear-gradient(to left,rgb(0 0 0/var(--fade-start)) 0,#000 var(--fade-pad),#000 calc(100% - var(--fade-pad)),rgb(0 0 0/var(--fade-end)) 100%);mask-image:linear-gradient(to left,rgb(0 0 0/var(--fade-start)) 0,#000 var(--fade-pad),#000 calc(100% - var(--fade-pad)),rgb(0 0 0/var(--fade-end)) 100%)}.editor-scroll-fade::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.editor-scroll-fade{scroll-behavior:smooth}}.editor-dock-panel.is-closing{pointer-events:none;animation:editor-dock-out var(--duration-moderate) var(--ease-exit) both}.editor-dock-body{min-height:0;flex:1;padding-inline:.1rem;padding-bottom:.5rem}@keyframes editor-dock-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes editor-dock-out{0%{opacity:1}to{opacity:0}}@media (pointer:coarse){.editor-menu [data-slot=dropdown-menu-item]{min-height:2.75rem}}.editor-swatch,.editor-tile{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--text-token) 18%,transparent);outline:2px solid transparent;outline-offset:2px;transition:outline-color .18s var(--ease-emphasized,cubic-bezier(.32,.72,0,1))}.editor-swatch{border-radius:999px}.editor-tile{border-radius:.6rem}.editor-swatch[aria-checked=true],.editor-swatch[data-checked],.editor-tile[aria-pressed=true]{outline-color:var(--text-token)}.editor-swatch:focus-visible,.editor-swatch:has(:focus-visible),.editor-tile:focus-visible{outline-color:var(--focus-ring)}.editor-cup-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--text-token);background:color-mix(in oklab,var(--surface-raised) 70%,transparent);backdrop-filter:blur(12px) saturate(1.2)}.editor-cup-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.editor-cup-card [data-cup-controls]{transition:opacity var(--duration-fast) var(--ease-standard)}.editor-cup-card[data-flying] [data-cup-controls]{pointer-events:none;opacity:0}.editor-cup-card[data-flying]{-webkit-backdrop-filter:none;backdrop-filter:none}.editor-cup-full{top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));left:max(.5rem,env(safe-area-inset-left))}.editor-glass{background:color-mix(in oklab,#eef3ef 48%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 72%,transparent),0 0 0 1px color-mix(in oklab,var(--brand) 8%,transparent);backdrop-filter:blur(14px) saturate(1.18)}.dark .editor-glass{background:color-mix(in oklab,var(--surface-raised) 82%,white 8%);box-shadow:inset 0 1px 0 color-mix(in oklab,white 14%,transparent),0 0 0 1px color-mix(in oklab,white 7%,transparent)}.guide-callout{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:.12rem .45rem;border-radius:999px;font-size:var(--text-caption);font-weight:700;letter-spacing:.02em;line-height:1.2;white-space:nowrap;background:color-mix(in oklab,white 78%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 80%,transparent),0 0 0 1px color-mix(in oklab,var(--brand) 10%,transparent);backdrop-filter:blur(10px) saturate(1.15);animation:guide-callout-in .36s var(--ease-emphasized,cubic-bezier(.32,.72,0,1)) both}.guide-callout.is-safe{color:var(--brand-strong)}.guide-callout.is-bleed{color:var(--on-highlight,#0d6b63)}.guide-callout.is-seam{color:var(--danger)}.guide-callout.is-in-left{transform:translateY(-50%)}.guide-callout.is-in-right{transform:translate(-100%,-50%)}.guide-callout.is-in-down{transform:translate(-50%)}.dark .guide-callout{background:color-mix(in oklab,var(--surface-raised) 70%,transparent)}@keyframes guide-callout-in{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}.editor-preview-glass{overflow:hidden;border-radius:1.5rem;background:color-mix(in oklab,#eef3ef 16%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 55%,transparent),0 0 0 1px color-mix(in oklab,var(--brand) 10%,transparent);backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12)}.dark .editor-preview-glass{background:color-mix(in oklab,white 7%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 12%,transparent),0 0 0 1px color-mix(in oklab,white 12%,transparent)}.review-cup-swap{animation:review-cup-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes review-cup-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.preview-note{animation:preview-note-in .38s cubic-bezier(.2,.7,.3,1) both}@keyframes preview-note-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabbar-dock{position:relative;height:4rem;overflow:visible}.tabbar-dock,.tabbar-pill{display:flex;align-items:center}.tabbar-pill{width:100%;height:3.5rem;padding-inline:.2rem;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,white 48%,transparent),transparent 46%),color-mix(in oklab,#eef3ef 88%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 88%,transparent),0 0 0 1px color-mix(in oklab,var(--brand) 10%,transparent);backdrop-filter:blur(18px) saturate(1.28)}.dark .tabbar-pill{background:linear-gradient(180deg,color-mix(in oklab,white 10%,transparent),transparent 40%),color-mix(in oklab,var(--surface-raised) 74%,transparent);box-shadow:inset 0 1px 0 color-mix(in oklab,white 10%,transparent),0 0 0 1px color-mix(in oklab,white 10%,transparent)}.tabbar-cut{width:3.675rem;flex-shrink:0;pointer-events:none}.tabbar-tab{position:relative;display:flex;height:100%;min-width:0;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding-inline:0;color:color-mix(in oklab,var(--text-muted) 62%,var(--text));font-size:calc(var(--text-detail) - .0625rem);line-height:var(--text-detail--line-height);font-weight:550;user-select:none;transition:color .28s var(--ease-emphasized,cubic-bezier(.2,.7,.3,1))}@media (min-width:390px){.tabbar-tab{font-size:var(--text-detail)}}.tabbar-tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:999px}.tabbar-tab.is-active{color:var(--brand-strong)}.tabbar-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar-design{position:absolute;top:calc(50% - 1.6875rem);left:calc(50% - 1.6875rem);z-index:6;display:flex;width:3.375rem;height:3.375rem;align-items:center;justify-content:center;overflow:visible;padding:0;border:0;border-radius:999px;background:linear-gradient(180deg,#fff,color-mix(in oklab,#f4f8f5 70%,white));box-shadow:0 1px 6px color-mix(in oklab,#1a2e24 12%,transparent),0 0 0 3px color-mix(in oklab,var(--surface) 96%,transparent),0 0 0 4.5px color-mix(in oklab,var(--brand) 32%,transparent);appearance:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dark .tabbar-design{background:linear-gradient(180deg,color-mix(in oklab,white 14%,var(--surface-raised)),var(--surface-raised));box-shadow:inset 0 1px 0 color-mix(in oklab,white 10%,transparent),0 0 0 3px var(--surface),0 0 0 4.5px color-mix(in oklab,var(--brand-500) 36%,transparent)}.tabbar-design:active{filter:brightness(.96)}.tabbar-design-callout,.tabbar-design-icon,.tabbar-design-tip,.tabbar-design-tip-tri{pointer-events:none}.tabbar-design-icon{width:1.5rem;height:1.5rem;overflow:visible;shape-rendering:geometricPrecision}.tabbar-mark-ghost{fill:none;opacity:1}.tabbar-mark-arc{fill:none;stroke-dasharray:.18 .82;animation:tabbar-logo-flow 8.4s linear infinite}.tabbar-mark-b{animation-delay:-2.8s}@keyframes tabbar-logo-flow{to{stroke-dashoffset:-1}}.tabbar-design-callout{position:absolute;top:auto;bottom:calc(100% + 6px);left:50%;z-index:8;display:flex;flex-direction:column;align-items:center;translate:-50% 0}.tabbar-design-tip{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:2;padding:.18rem .48rem .2rem;border-radius:999px;background:var(--brand-strong);color:var(--on-brand);font-size:var(--text-caption);font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap;translate:none}html[data-brand-intro=playing] .tabbar-design-callout,html[data-brand-intro=reveal] .tabbar-design-callout{opacity:0;visibility:hidden;animation:none}html:not([data-brand-intro]) .tabbar-design-callout,html[data-brand-intro=done] .tabbar-design-callout{visibility:visible;animation:tabbar-tip-in .5s cubic-bezier(.2,.7,.3,1) .2s both,tabbar-tip-sway 3.6s ease-in-out .9s infinite}.tabbar-design-tip-tri{position:relative;top:auto;left:auto;right:auto;z-index:8;width:0;height:0;margin-top:-1px;border-style:solid;border-width:6px 5.5px 0;border-color:var(--brand-strong) transparent transparent;translate:none}@keyframes tabbar-tip-in{0%{opacity:0}to{opacity:1}}@keyframes tabbar-tip-sway{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}html[dir=rtl]:not([data-brand-intro]) .tabbar-design-callout,html[dir=rtl][data-brand-intro=done] .tabbar-design-callout{animation-name:tabbar-tip-in,tabbar-tip-sway-rtl}@keyframes tabbar-tip-sway-rtl{0%,to{transform:translateX(0)}50%{transform:translateX(-4px)}}.nav-glyph{width:1.75rem;height:1.75rem;overflow:visible}.nav-glyph-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0}.nav-glyph.is-play .nav-glyph-line{stroke-dasharray:1;animation:glyph-stroke .7s cubic-bezier(.2,.7,.3,1) both}.nav-card,.nav-sheet{transform-box:fill-box;transform-origin:center}.nav-glyph.is-on .nav-sheet-b,.nav-glyph.is-play .nav-sheet-b{animation:glyph-sheet 1.8s ease-in-out infinite}.nav-glyph.is-on .nav-card-a,.nav-glyph.is-play .nav-card-a{animation:glyph-card 1.6s ease-in-out .55s infinite}.nav-glyph.is-on .nav-card-b,.nav-glyph.is-play .nav-card-b{animation:glyph-card 1.6s ease-in-out .7s infinite}.nav-glyph.is-on .nav-card-c,.nav-glyph.is-play .nav-card-c{animation:glyph-card 1.6s ease-in-out .85s infinite}.nav-dot{fill:currentColor;opacity:0;transform-box:fill-box;transform-origin:center}.nav-glyph.is-on .nav-dot,.nav-glyph.is-play .nav-dot{opacity:1}.nav-glyph.is-on .nav-dot-a,.nav-glyph.is-play .nav-dot-a{animation:glyph-dot 1.4s ease-in-out .5s infinite}.nav-glyph.is-on .nav-dot-b,.nav-glyph.is-play .nav-dot-b{animation:glyph-dot 1.4s ease-in-out .65s infinite}.nav-glyph.is-on .nav-dot-c,.nav-glyph.is-play .nav-dot-c{animation:glyph-dot 1.4s ease-in-out .8s infinite}.nav-lid{transform-box:fill-box;transform-origin:12px 10px}.nav-glyph.is-on .nav-lid,.nav-glyph.is-play .nav-lid{animation:glyph-lid 1.8s ease-in-out .5s infinite}@keyframes glyph-stroke{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes glyph-card{0%,to{transform:translate(0)}50%{transform:translate(1.4px,-1.6px)}}@keyframes glyph-sheet{0%,to{transform:translate(0)}50%{transform:translate(1.1px,-1.2px)}}@keyframes glyph-dot{0%,to{transform:scale(.7);opacity:.45}50%{transform:scale(1.2);opacity:1}}@keyframes glyph-lid{0%,to{transform:rotate(0deg) translateY(0)}45%{transform:rotate(-14deg) translateY(-2px)}}.hero-cup-peek{animation:hero-cup-peek 1.35s cubic-bezier(.2,.7,.3,1)}.hero-notes-behind{inset:0;z-index:1}.hero-notes,.hero-notes-behind{position:absolute;pointer-events:none;overflow:visible}.hero-notes{--hero-note-gutter:20%;z-index:4;left:calc(-1 * var(--hero-note-gutter));right:calc(-1 * var(--hero-note-gutter));top:0;bottom:0}@media (max-width:767px){.hero-notes{--hero-note-gutter:6%}.hero-note{font-size:var(--text-caption)}}.hero-notes-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}.hero-note-line{fill:none;stroke:color-mix(in oklab,var(--brand-500) 18%,#f3eee6);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;stroke-dashoffset:1600;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision}.dark .hero-note-line{stroke:color-mix(in oklab,var(--brand-500) 52%,#6e877b)}.hero-notes.is-in .hero-note-line{animation:hero-note-draw 2.15s cubic-bezier(.22,.08,.2,1) both}@media (min-width:768px){.hero-note-line{stroke-width:1.55px}}.hero-notes.is-in .hero-note-line-paper{animation-delay:.12s}.hero-notes.is-in .hero-note-line-print{animation-delay:.24s}.hero-notes.is-in .hero-note-line-brand{animation-delay:.36s}.hero-notes.is-in .hero-note-line-spin{animation-delay:.48s}.hero-note-orbit-back{fill:none;stroke:color-mix(in oklab,var(--brand-500) 22%,#f3eee4);stroke-width:.28;stroke-linecap:round;stroke-dasharray:.85 .65;shape-rendering:geometricPrecision;opacity:0;animation:hero-note-in .7s cubic-bezier(.2,.7,.3,1) 1.85s both}.dark .hero-note-orbit-back{stroke:color-mix(in oklab,var(--brand-500) 46%,#6e877b)}.hero-note-orbit-front{stroke:color-mix(in oklab,var(--brand-500) 46%,#e8dfd0);stroke-width:.38;vector-effect:none;animation-delay:1.95s}.hero-note-orbit-arrow{fill:color-mix(in oklab,var(--brand-500) 55%,white);stroke:none}.dark .hero-note-orbit-arrow{fill:color-mix(in oklab,var(--brand-500) 62%,#8aa394)}.hero-note-dot{fill:color-mix(in oklab,var(--brand-500) 46%,white);stroke:color-mix(in oklab,white 82%,var(--brand-500));stroke-width:.3;transform-box:fill-box;transform-origin:center;opacity:0}.hero-notes.is-in .hero-note-dot{animation:hero-note-pop .7s cubic-bezier(.22,.08,.25,1) both}.dark .hero-note-dot{fill:color-mix(in oklab,var(--brand-500) 58%,#8aa394);stroke:color-mix(in oklab,var(--brand-300) 28%,#1a2e26)}.hero-note-halo{fill:color-mix(in oklab,var(--brand-500) 10%,transparent);transform-box:fill-box;transform-origin:center;opacity:0}.hero-notes.is-in .hero-note-halo{animation:hero-note-pop .7s cubic-bezier(.22,.08,.25,1) both,hero-note-dot 3.6s ease-in-out 2.4s infinite}.hero-notes.is-in .hero-note-pin-paper .hero-note-dot,.hero-notes.is-in .hero-note-pin-paper .hero-note-halo{animation-delay:1.35s,3.2s}.hero-notes.is-in .hero-note-pin-print .hero-note-dot,.hero-notes.is-in .hero-note-pin-print .hero-note-halo{animation-delay:1.45s,3.4s}.hero-notes.is-in .hero-note-pin-brand .hero-note-dot,.hero-notes.is-in .hero-note-pin-brand .hero-note-halo{animation-delay:1.55s,3.6s}.hero-notes.is-in .hero-note-pin-spin .hero-note-dot,.hero-notes.is-in .hero-note-pin-spin .hero-note-halo{animation-delay:1.65s,3.8s}@keyframes hero-note-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.hero-note{display:block;position:absolute;margin:0;color:var(--brand-strong);font-size:1rem;font-weight:600;line-height:1;letter-spacing:.005em;white-space:nowrap;-webkit-text-stroke:0;paint-order:fill;opacity:0}.dark .hero-note{color:color-mix(in oklab,var(--brand-300) 68%,#7d968a)}@media (min-width:768px){.hero-note{font-size:1.55rem}}.hero-note-l{transform:translate(-100%,-50%) rotate(-5deg);transform-origin:100% 50%;padding-right:0}.hero-note-r{transform:translateY(-50%) rotate(4deg);transform-origin:0 50%;padding-left:.3em}.hero-note-spin.hero-note-r{transform:translateY(-50%) rotate(-8deg)}.hero-note-brand.hero-note-l{transform:translate(-100%,-50%) rotate(-7deg)}html[lang=ar] .hero-note,html[lang=ar] .hero-note.hero-hand{font-family:Tajawal UI,Tajawal,sans-serif!important;font-size:1.15rem;font-weight:400;-webkit-text-stroke:0;paint-order:fill;font-synthesis:none}@media (min-width:768px){html[lang=ar] .hero-note{font-size:1.6rem}}.hero-notes.is-in .hero-note{animation:hero-note-in 1.1s cubic-bezier(.22,.08,.25,1) both}.hero-notes.is-in .hero-note-paper{animation-delay:.7s}.hero-notes.is-in .hero-note-print{animation-delay:.82s}.hero-notes.is-in .hero-note-brand{animation-delay:.94s}.hero-notes.is-in .hero-note-spin{animation-delay:1.06s}.hero-notes-rail{display:none}.hero-notes-rail-sep{opacity:.28}.hero-notes-rail-item{opacity:.34;transition:opacity .45s var(--ease-emphasized,cubic-bezier(.2,.7,.3,1))}.hero-notes-rail-item.is-on{opacity:1;color:var(--brand-strong)}@media (min-width:768px){.hero-notes-rail{display:none}}@media (min-width:1280px){.hero-note{font-size:1.75rem}}@keyframes hero-note-draw{0%{stroke-dashoffset:1600;opacity:0}18%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes hero-note-in{0%{opacity:0;translate:0 .28em}to{opacity:1;translate:0 0}}@keyframes hero-note-dot{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}html[data-brand-intro=playing] .hero-notes,html[data-brand-intro=playing] .hero-notes-rail,html[data-brand-intro=playing] .hero-saudi,html[data-brand-intro=playing] .hero-slogan-well,html[data-brand-intro=playing] [data-hero-seat]>:not([data-hero-cup]){opacity:0;visibility:hidden}@keyframes hero-cup-peek{0%{transform:scale(1)}35%{transform:scale(1.045)}to{transform:scale(1)}}.shop-auth h1{font-weight:600;letter-spacing:-.02em}.shop-auth button{border-radius:999px}.shop-auth>div{gap:0;padding-block:1.25rem}@media (prefers-reduced-motion:reduce){.editor-scroll-fade,.hero-cup-in,.hero-cup-peek,.hero-note,.hero-note-dot,.hero-note-halo,.hero-note-line,.hero-note-orbit-arrow,.hero-note-orbit-back,.hero-rise,.hero-rise-2,.hero-rise-3,.hero-rise-4,.hero-slogan-ink,.nav-glyph.is-on .nav-card-a,.nav-glyph.is-on .nav-card-b,.nav-glyph.is-on .nav-card-c,.nav-glyph.is-on .nav-dot-a,.nav-glyph.is-on .nav-dot-b,.nav-glyph.is-on .nav-dot-c,.nav-glyph.is-on .nav-lid,.nav-glyph.is-on .nav-sheet-b,.nav-glyph.is-play .nav-card-a,.nav-glyph.is-play .nav-card-b,.nav-glyph.is-play .nav-card-c,.nav-glyph.is-play .nav-glyph-line,.nav-glyph.is-play .nav-lid,.nav-glyph.is-play .nav-sheet-b,.preview-note,.review-cup-swap,.screen-enter,.tabbar-design-callout,.tabbar-design-icon,.tabbar-mark-arc,.tabbar-mark-b,::view-transition-group(*),::view-transition-new(*),::view-transition-new(root),::view-transition-old(*),::view-transition-old(root){scroll-behavior:auto}.editor-bar-swap,.editor-dock,.editor-dock-panel,.editor-enter-chrome,.editor-enter-wrap,.guide-callout,.screen-enter,[data-wrap-morph=open]{animation:none;transition:none}.hero-note-line,.hero-slogan-ink,.nav-glyph-line,.tabbar-mark-arc{stroke-dashoffset:0;stroke-dasharray:none}.hero-note,.hero-note-dot,.hero-note-halo,.hero-note-orbit-arrow,.hero-note-orbit-back,.tabbar-mark-ghost{opacity:1}.tabbar-design-callout,.tabbar-design-tip,.tabbar-design-tip-tri{opacity:1;visibility:visible;transform:none}.tabbar-design-callout{translate:-50% 0}body,html.page-crossfade body{transition:none;opacity:1}html.route-fade-enter .screen-enter,html.route-fade-enter [data-route-fade],html.route-fade-enter main,html.route-fade-leave .screen-enter,html.route-fade-leave [data-route-fade],html.route-fade-leave main{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}.app-tour-catcher{position:fixed;inset:0;z-index:80;background:color-mix(in oklab,#163024 32%,transparent);opacity:0;transition:opacity .38s cubic-bezier(.22,1,.36,1),background-color .36s ease}.app-tour.is-live:not(.is-wait) .app-tour-catcher{background:transparent}.app-tour.is-live .app-tour-catcher{opacity:1}.app-tour.is-leave .app-tour-catcher{opacity:0}.app-tour.is-look .app-tour-catcher,.app-tour.is-wait .app-tour-catcher{pointer-events:none}.app-tour.is-choose.is-live .app-tour-catcher{background:color-mix(in oklab,#163024 38%,transparent);pointer-events:auto}.app-tour-ring{position:fixed;z-index:81;pointer-events:none;border-radius:1.1rem;box-shadow:0 0 0 1.5px color-mix(in oklab,var(--brand) 55%,white),0 0 0 999vmax color-mix(in oklab,#163024 38%,transparent);opacity:0}.app-tour.is-live .app-tour-ring{opacity:1}.app-tour.is-leave .app-tour-ring,.app-tour.is-wait .app-tour-ring{opacity:0}.app-tour.is-leave .app-tour-ring,.app-tour.is-live .app-tour-ring{transition:top .52s cubic-bezier(.22,1,.36,1),left .52s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1),opacity .32s ease}.app-tour-card{position:fixed;z-index:82;width:min(21rem,calc(100vw - 1.5rem));padding:1rem 1.05rem .85rem;border-radius:1.15rem;color:var(--text);background:color-mix(in oklab,var(--surface-raised) 94%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 8%,transparent),0 14px 36px -18px color-mix(in oklab,#1a2e26 26%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);opacity:0;transform:translate3d(0,12px,0)}.app-tour.is-live .app-tour-card{opacity:1;transform:translateZ(0)}.app-tour.is-leave .app-tour-card{opacity:0;transform:translate3d(0,10px,0);pointer-events:none}.app-tour.is-leave .app-tour-card,.app-tour.is-live .app-tour-card{transition:top .52s cubic-bezier(.22,1,.36,1),left .52s cubic-bezier(.22,1,.36,1),opacity .36s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}.dark .app-tour-card{background:color-mix(in oklab,var(--surface-raised) 92%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,white 8%,transparent),0 14px 36px -16px black}.app-tour-copy{animation:app-tour-copy-in .32s cubic-bezier(.22,1,.36,1) both}.app-tour-card-head{display:flex;align-items:flex-start;gap:.7rem}.app-tour-mark{display:flex;width:2.35rem;height:2.35rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.7rem;color:var(--brand-strong);background:color-mix(in oklab,var(--brand) 12%,transparent)}.app-tour-kicker{font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-muted)}.app-tour-title{margin-top:.12rem;font-size:1.02rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.app-tour-body{margin-top:.5rem;font-size:.875rem;line-height:1.5;color:var(--text-muted)}.app-tour-do{margin-top:.7rem;padding:.55rem .7rem;border-radius:.7rem;font-size:.88rem;font-weight:700;line-height:1.35;color:var(--brand-strong);background:color-mix(in oklab,var(--brand) 12%,transparent)}.app-tour-pick{gap:.5rem;margin-top:.85rem}.app-tour-pick,.app-tour-pick-btn{display:flex;flex-direction:column}.app-tour-pick-btn{align-items:flex-start;gap:.18rem;width:100%;padding:.75rem .85rem;border:0;border-radius:.9rem;text-align:start;color:var(--text);background:color-mix(in oklab,var(--muted) 80%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 10%,transparent);transition:background .18s ease,box-shadow .18s ease}.app-tour-pick-btn.is-primary{background:color-mix(in oklab,var(--brand) 14%,var(--muted));box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 28%,transparent)}.app-tour-pick-btn:hover:not(:disabled){background:color-mix(in oklab,var(--brand) 12%,var(--muted));box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 28%,transparent)}.app-tour-pick-btn:disabled{opacity:.45;cursor:not-allowed}.app-tour-pick-title{font-size:.9rem;font-weight:700}.app-tour-pick-hint{font-size:.75rem;line-height:1.4;color:var(--text-muted)}.app-tour-progress{margin-top:.85rem;height:3px;overflow:hidden;border-radius:99px;background:color-mix(in oklab,var(--brand) 12%,transparent)}.app-tour-progress>span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .45s cubic-bezier(.22,1,.36,1)}.app-tour.is-wait .app-tour-progress>span{width:42%!important;animation:app-tour-wait .85s ease-in-out infinite}.app-tour-actions{display:flex;align-items:center;gap:.15rem;margin-top:.7rem}.app-tour-ghost{height:1.75rem;border-radius:999px;color:var(--text-muted);background:transparent;box-shadow:none}.app-tour-ghost:hover{color:var(--text);background:color-mix(in oklab,var(--brand) 8%,transparent)}.app-tour-cta{height:1.75rem;border-radius:999px;padding-inline:.75rem}.dark .app-tour-mark{background:color-mix(in oklab,var(--brand) 18%,transparent)}.dark .app-tour-ghost:hover{background:color-mix(in oklab,white 8%,transparent)}.dark .app-tour-pick-btn{background:color-mix(in oklab,white 6%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,white 10%,transparent)}.dark .app-tour-pick-btn:hover:not(:disabled){background:color-mix(in oklab,var(--brand) 16%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--brand) 32%,transparent)}@keyframes app-tour-wait{0%{transform:translateX(-120%)}to{transform:translateX(280%)}}@keyframes app-tour-copy-in{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:translateZ(0)}}.tour-icon{width:1.45rem;height:1.45rem;overflow:visible}.tour-icon-stroke{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:tour-icon-draw .85s cubic-bezier(.2,.7,.3,1) forwards}.tour-icon-delay{animation-delay:.18s}.tour-icon-handle,.tour-icon-lines,.tour-icon-orbit,.tour-icon-safe,.tour-icon-steam{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.tour-icon-steam{opacity:0;transform-box:fill-box;transform-origin:center bottom;animation:tour-icon-steam 1.6s ease-in-out .55s infinite}.tour-icon-steam-b{animation-delay:.75s}.tour-icon-iris{animation-delay:.2s}.tour-icon-orbit{stroke-dasharray:4 6;opacity:.7;transform-origin:16px 16px;animation:tour-icon-spin 2.4s linear .4s infinite}.tour-icon-card-b{animation-delay:.12s}.tour-icon-check,.tour-icon-dot-b,.tour-icon-dot-c{animation-delay:.2s}.tour-icon-dot-c{animation-delay:.34s}.tour-icon-handle{stroke-dasharray:8;animation:tour-icon-slide 1.4s var(--ease-emphasized) .45s infinite}.tour-icon-knob{fill:currentColor;animation:tour-icon-knob 1.4s var(--ease-emphasized) .45s infinite}.tour-icon-safe{stroke-dasharray:3 3;animation:tour-icon-pulse 1.6s ease-in-out .4s infinite}.tour-icon-lid{transform-origin:16px 13px;animation:tour-icon-lid 1.8s ease-in-out .5s infinite}.tour-icon-lines{stroke-dasharray:1;stroke-dashoffset:1;animation:tour-icon-draw .7s cubic-bezier(.2,.7,.3,1) .25s forwards}@keyframes tour-icon-draw{to{stroke-dashoffset:0}}@keyframes tour-icon-steam{0%,to{opacity:0;transform:translateY(2px)}40%{opacity:.85;transform:translateY(-2px)}}@keyframes tour-icon-spin{to{transform:rotate(1turn)}}@keyframes tour-icon-slide{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes tour-icon-knob{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes tour-icon-pulse{50%{opacity:.35}}@keyframes tour-icon-lid{0%,to{transform:rotate(0deg)}45%{transform:rotate(-12deg)}}[dir=rtl] .tour-icon-handle,[dir=rtl] .tour-icon-knob,[dir=rtl] .tour-icon.is-continue,[dir=rtl] .tour-icon.is-start{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.app-tour-card,.app-tour-catcher,.app-tour-copy,.app-tour-progress>span,.app-tour-ring{transition:none!important;animation:none!important}.app-tour-copy,.app-tour.is-live .app-tour-card{opacity:1;transform:none}.app-tour-ring,.tour-icon-handle,.tour-icon-knob,.tour-icon-lid,.tour-icon-lines,.tour-icon-orbit,.tour-icon-safe,.tour-icon-steam,.tour-icon-stroke{animation:none}.tour-icon-lines,.tour-icon-stroke{stroke-dashoffset:0}}@keyframes support-typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes editor-rise-in{0%{opacity:0;translate:0 6px;scale:.985;filter:blur(2px)}to{opacity:1;translate:0 0;scale:1;filter:none}}@keyframes editor-rise-out{0%{opacity:1}to{opacity:0;translate:0 4px;scale:.985}}@keyframes editor-fade-in{0%{opacity:0}to{opacity:1}}@keyframes editor-row-in{0%{opacity:0;translate:-6px 0}}@keyframes editor-select-in{0%{opacity:0;scale:1.04}}.editor-bar-in,.editor-panel-in{animation:editor-rise-in .34s var(--ease-emphasized) backwards}.editor-bar-out{animation:editor-rise-out .2s var(--ease-standard) forwards;pointer-events:none}.editor-row-in{animation:editor-row-in .3s var(--ease-emphasized) backwards}.editor-select-in{animation:editor-select-in .22s var(--ease-emphasized) backwards}.editor-glide [data-el-id],.editor-glide [data-select-frame]{transition:left .44s var(--ease-emphasized),top .44s var(--ease-emphasized),width .44s var(--ease-emphasized),height .44s var(--ease-emphasized),transform .44s var(--ease-emphasized),opacity .3s var(--ease-standard)}.editor-glide [data-el-id]>*>*{transition:font-size .44s var(--ease-emphasized),letter-spacing .44s var(--ease-emphasized)}.editor-stagger>*{animation:editor-rise-in .5s var(--ease-emphasized) backwards}.editor-stagger>:nth-child(2){animation-delay:70ms}.editor-stagger>:nth-child(3){animation-delay:.14s}.editor-stagger>:nth-child(4){animation-delay:.21s}@keyframes editor-float{0%,to{translate:0 0;rotate:-2deg}50%{translate:0 -5px;rotate:1deg}}.editor-float{animation:editor-float 6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.editor-bar-in,.editor-bar-out,.editor-float,.editor-panel-in,.editor-row-in,.editor-select-in,.editor-stagger>*{animation:none}.editor-glide [data-el-id],.editor-glide [data-select-frame]{transition:none}}:root{--ai-accent:color-mix(in oklab,var(--brand-500) 72%,white);--ai-accent-hover:color-mix(in oklab,var(--brand-500) 62%,white)}@property --ai-turn{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ai-spin{to{--ai-turn:360deg}}@keyframes ai-breathe{0%,to{scale:1}50%{scale:1.08}}@keyframes ai-panel-in{0%{opacity:0;translate:24px 0;scale:.985}}@keyframes ai-sheet-in{0%{opacity:0;translate:0 32px}}@keyframes ai-shimmer{to{background-position:-200% 0}}@keyframes ai-reveal{0%{opacity:0;filter:blur(12px) saturate(.6);scale:.96}}@keyframes ai-caret{50%{opacity:0}}.ai-orb{background:radial-gradient(circle at 30% 25%,rgb(255 255 255/.6),transparent 45%),conic-gradient(from var(--ai-turn),var(--ai-accent),color-mix(in oklab,var(--ai-accent) 70%,#bfe9dc),color-mix(in oklab,var(--ai-accent) 80%,var(--highlight)),var(--ai-accent));box-shadow:0 8px 20px -12px var(--ai-accent),inset 0 1px 1px rgb(255 255 255/.45);animation:ai-spin 9s linear infinite}.ai-orb.is-busy{animation:ai-spin 1.6s linear infinite,ai-breathe 1.6s var(--ease-standard) infinite}.ai-button{background:linear-gradient(115deg,transparent 32%,rgb(255 255 255/.3) 48%,transparent 64%) 0 0 /250% 100%,var(--ai-accent);box-shadow:0 8px 20px -14px var(--ai-accent);animation:ai-shimmer 3.6s linear infinite;transition:translate var(--duration-fast) var(--ease-emphasized),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-emphasized)}.ai-button:hover{translate:0 -1px;background-color:var(--ai-accent-hover);box-shadow:0 12px 24px -14px var(--ai-accent)}.ai-button[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in oklab,var(--ai-accent) 45%,transparent)}.ai-panel{border-radius:1.75rem;background:radial-gradient(120% 60% at 100% 0,color-mix(in oklab,var(--brand) 10%,transparent),transparent 60%),color-mix(in oklab,var(--surface) 90%,transparent);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 30px 80px -30px rgb(19 36 29/.45),0 0 0 1px color-mix(in oklab,var(--foreground) 7%,transparent),inset 0 1px 0 rgb(255 255 255/.5);animation:ai-panel-in .46s var(--ease-emphasized) backwards;transition:opacity .26s var(--ease-standard),translate .32s var(--ease-emphasized)}@media (max-width:1023px){.ai-panel{animation-name:ai-sheet-in}}.ai-panel[data-closing]{opacity:0;translate:20px 0;pointer-events:none}@media (max-width:1023px){.ai-panel[data-closing]{translate:0 28px}}.dark .ai-panel{box-shadow:0 30px 80px -30px rgb(0 0 0/.7),0 0 0 1px rgb(255 255 255/.08),inset 0 1px 0 rgb(255 255 255/.06)}.ai-composer{background:var(--surface-raised);box-shadow:0 0 0 1px color-mix(in oklab,var(--foreground) 9%,transparent),0 10px 30px -22px rgb(19 36 29/.5);transition:box-shadow var(--duration-fast) var(--ease-standard)}.ai-composer:focus-within{box-shadow:0 0 0 1.5px color-mix(in oklab,var(--brand) 60%,transparent),0 12px 32px -20px color-mix(in oklab,var(--brand) 60%,transparent)}.ai-send{background:var(--ai-accent);transition:background-color var(--duration-fast) var(--ease-standard)}.ai-send:hover:not(:disabled){background:var(--ai-accent-hover)}.ai-shimmer{background:linear-gradient(100deg,color-mix(in oklab,var(--muted) 70%,transparent) 20%,color-mix(in oklab,var(--brand) 14%,var(--surface-raised)) 40%,color-mix(in oklab,var(--muted) 70%,transparent) 60%) 0 0 /200% 100%;animation:ai-shimmer 1.4s linear infinite}.ai-reveal{animation:ai-reveal .7s var(--ease-emphasized) backwards}.ai-caret{display:inline-block;width:.45em;height:1em;margin-inline-start:2px;vertical-align:-.12em;border-radius:2px;background:var(--brand);animation:ai-caret 1s steps(1) infinite}.ai-message-in{animation:editor-rise-in .36s var(--ease-emphasized) backwards}.ai-activity-in{animation:editor-row-in .3s var(--ease-emphasized) backwards}@media (prefers-reduced-motion:reduce){.ai-activity-in,.ai-button,.ai-caret,.ai-message-in,.ai-orb,.ai-orb.is-busy,.ai-panel,.ai-reveal,.ai-send,.ai-shimmer{animation:none}}@keyframes ai-dock-in{0%{width:0;opacity:0;margin-inline:0}}@media (min-width:1024px){.ai-panel.is-docked{animation:ai-dock-in .5s var(--ease-emphasized) backwards;margin-block-end:.75rem;transition:width .4s var(--ease-emphasized),opacity .26s var(--ease-standard),margin .4s var(--ease-emphasized)}.ai-panel.is-docked[data-placement=end]{margin-inline-end:.75rem}.ai-panel.is-docked[data-placement=start]{margin-inline:.25rem .5rem}.ai-panel.is-docked[data-closing]{width:0;translate:none;margin-inline:0}}@keyframes ai-step-swap{0%{opacity:0;translate:0 70%;filter:blur(3px)}}.ai-step-swap{animation:ai-step-swap .38s var(--ease-emphasized) backwards}.ai-step-live{background-image:linear-gradient(100deg,transparent 20%,color-mix(in oklab,var(--brand) 16%,transparent) 45%,transparent 70%);background-size:220% 100%;animation:ai-shimmer 1.8s linear infinite}@keyframes ai-spinner-turn{to{rotate:1turn}}.ai-spinner{width:1rem;height:1rem;border-radius:999px;background:conic-gradient(from 0deg,transparent 10%,var(--brand));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:ai-spinner-turn .8s linear infinite}.ai-thinking{background:linear-gradient(90deg,var(--text-muted) 30%,var(--brand) 50%,var(--text-muted) 70%) 0 0 /250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ai-shimmer 1.6s linear infinite}@media (prefers-reduced-motion:reduce){.ai-panel.is-docked,.ai-spinner,.ai-step-live,.ai-step-swap,.ai-thinking{animation:none}}.ai-working{background:radial-gradient(120% 90% at 0 0,color-mix(in oklab,var(--ai-accent) 20%,transparent),transparent 60%),color-mix(in oklab,var(--ai-accent) 7%,var(--surface-raised))}.ai-working-bar{background:linear-gradient(90deg,transparent,var(--ai-accent),transparent) 0 0 /50% 100% no-repeat;animation:ai-working-sweep 1.8s var(--ease-standard) infinite}@keyframes ai-working-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}.ai-working-pulse{animation:ai-breathe 1.2s var(--ease-standard) infinite}.ai-brew-cup{fill:var(--surface-raised);stroke:color-mix(in oklab,var(--ai-accent) 70%,var(--text));stroke-width:1.6}.ai-brew-rim{fill:color-mix(in oklab,var(--ai-accent) 55%,var(--text))}.ai-brew-ink{fill:var(--ai-accent);animation:ai-brew-fill 5s var(--ease-standard) infinite,ai-brew-wave 1.4s linear infinite}.ai-brew-band{fill:color-mix(in oklab,var(--ai-accent) 45%,white);opacity:.85}@keyframes ai-brew-fill{0%{translate:0 16px}70%,to{translate:0 -8px}}@keyframes ai-brew-wave{to{transform:translateX(-24px)}}.ai-brew-steam{fill:none;stroke:color-mix(in oklab,var(--ai-accent) 60%,var(--text-muted));stroke-width:1.8;stroke-linecap:round;opacity:0;animation:ai-brew-steam 2.4s var(--ease-standard) infinite}.ai-brew-steam-2{animation-delay:.8s}.ai-brew-steam-3{animation-delay:1.6s}@keyframes ai-brew-steam{0%{opacity:0;translate:0 4px}40%{opacity:.8}to{opacity:0;translate:0 -6px}}.ai-brew-spark{fill:color-mix(in oklab,var(--ai-accent) 80%,var(--highlight));transform-box:fill-box;transform-origin:center;animation:ai-brew-twinkle 1.8s var(--ease-standard) infinite}.ai-brew-spark-2{animation-delay:.6s}.ai-brew-spark-3{animation-delay:1.2s}@keyframes ai-brew-twinkle{0%,to{opacity:.2;scale:.6;rotate:0deg}50%{opacity:1;scale:1.1;rotate:45deg}}.ai-pro-chip{background:linear-gradient(120deg,color-mix(in oklab,var(--ai-accent) 70%,#1d4d3c),color-mix(in oklab,var(--ai-accent) 60%,var(--highlight)))}@media (prefers-reduced-motion:reduce){.ai-brew-ink,.ai-brew-spark,.ai-brew-steam,.ai-working-bar,.ai-working-pulse{animation:none}.ai-brew-steam{opacity:.6}}::view-transition-group(editor-canvas){animation-duration:.5s;animation-timing-function:var(--ease-emphasized)}::view-transition-new(editor-canvas),::view-transition-old(editor-canvas){height:100%;object-fit:contain}.ai-import-card{background:radial-gradient(120% 90% at 100% 0,color-mix(in oklab,var(--ai-accent) 22%,transparent),transparent 60%),color-mix(in oklab,var(--ai-accent) 8%,var(--surface-raised))}.ai-import-photo{background:linear-gradient(160deg,color-mix(in oklab,var(--ai-accent) 35%,white),color-mix(in oklab,var(--brand) 25%,white));box-shadow:0 6px 14px -10px rgb(19 36 29/.5)}.ai-import-spark{background:var(--ai-accent);box-shadow:0 0 0 3px var(--surface-raised);animation:ai-import-bob 2.8s var(--ease-standard) infinite}.ai-import-dot{background:var(--ai-accent);animation:ai-import-ping 2s var(--ease-standard) infinite}@keyframes ai-import-bob{50%{translate:0 -2px}}@keyframes ai-import-ping{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--ai-accent) 60%,transparent)}70%,to{box-shadow:0 0 0 6px transparent}}@media (prefers-reduced-motion:reduce){.ai-import-dot,.ai-import-spark{animation:none}}.editor-side-in{animation:editor-side-in .24s var(--ease-emphasized) backwards}[dir=rtl] .editor-side-in{animation-name:editor-side-in-rtl}.editor-side-swap{animation:editor-side-swap .16s var(--ease-standard) backwards}@keyframes editor-side-in{0%{opacity:0;transform:translateX(-12px)}}@keyframes editor-side-in-rtl{0%{opacity:0;transform:translateX(12px)}}@keyframes editor-side-swap{0%{opacity:0}}.editor-cup-desk[data-place=band]{background:transparent;box-shadow:none}@media (prefers-reduced-motion:reduce){.editor-side-in,.editor-side-swap{animation:none}}.cart-line-added{position:relative}.cart-line-added:after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 2px var(--brand);pointer-events:none;opacity:0;animation:cart-line-added calc(var(--duration-moderate) * 5) var(--ease-move) both}@keyframes cart-line-added{20%,70%{opacity:1}}@keyframes cart-line-added-still{0%{opacity:1}to{opacity:0}}.placed-check{animation:placed-check var(--duration-moderate) var(--ease-decelerate) both}@keyframes placed-check{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.cart-line-added:after{animation:cart-line-added-still calc(var(--duration-moderate) * 5) step-end both}.placed-check{animation:none}}