::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-new(*),::view-transition-old(*){pointer-events:none}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){-webkit-mask-image:linear-gradient(transparent,transparent);mask-image:linear-gradient(transparent,transparent)}:root[data-vt] :not(.theme-icon){transition-duration:0s!important}@property --reveal-radius{syntax:"<length>";inherits:false;initial-value:0}.theme-reveal{position:fixed;inset:0;z-index:99999;pointer-events:none;display:none}:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif;font-optical-sizing:auto}}:root{--color-text-primary:#1c1917;--color-text-secondary:#78716c;--color-text-tertiary:#a8a29e;--color-text-muted:#57534e;--color-text-faint:#d6d3d1;--color-bg-page:#fafaf9;--color-bg-surface:#ffffff;--color-bg-input:#f5f5f4;--color-bg-chrome:#f6f6f6;--color-border:#e7e5e4;--color-border-subtle:rgba(0,0,0,0.06);--color-border-faint:rgba(0,0,0,0.05);--color-cta-bg:#1c1917;--color-cta-text:#ffffff;--color-cta-hover:#292524;--dot-inactive:#d4d4d4;--term-dot-inactive:rgba(0,0,0,0.12)}:root[data-theme=dark]{color-scheme:dark;--color-text-primary:#e7e5e4;--color-text-secondary:#a8a29e;--color-text-tertiary:#78716c;--color-text-muted:#a8a29e;--color-text-faint:#57534e;--color-bg-page:#0c0a09;--color-bg-surface:#1c1917;--color-bg-input:#292524;--color-bg-chrome:#292524;--color-border:#44403c;--color-border-subtle:rgba(255,255,255,0.08);--color-border-faint:rgba(255,255,255,0.06);--color-cta-bg:#e7e5e4;--color-cta-text:#1c1917;--color-cta-hover:#d6d3d1;--dot-inactive:#555;--term-dot-inactive:rgba(255,255,255,0.12)}::selection{background:#CCE1EC;color:#1c1917}[data-theme=dark] ::selection{background:#403B33;color:#e7e5e4}.menu-bar ::selection,.mock-dock ::selection{background:transparent}.mock-panel ::selection,[data-theme=dark] .mock-panel ::selection{background:var(--rt-selection);color:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;background:var(--color-bg-surface)}:root[data-theme=dark]{background:#100d0a}body{background:var(--color-bg-page);letter-spacing:-.045px}p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:16px;z-index:1000;padding:8px 16px;background:var(--color-cta-bg);color:var(--color-cta-text);font-size:13px;font-weight:500;border-radius:0 0 8px 8px;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.layout{align-items:flex-start;justify-content:center;min-height:100vh}.layout,.sidebar{display:flex;background:var(--color-bg-surface)}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;padding:28px 20px 24px;border-right:none;flex-direction:column;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:6px;text-decoration:none;margin-bottom:36px;margin-left:4px;margin-right:12px;width:100%;align-self:stretch}.logo-svg,.sidebar-logo{color:var(--color-text-primary)}.logo-svg{height:32px;width:auto;flex-shrink:0}.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;padding:8px 4px;cursor:pointer;margin-left:auto}.hamburger-line{display:block;width:16px;height:1.5px;background:var(--color-text-secondary);border-radius:1px;transition:transform .2s cubic-bezier(.645,.045,.355,1);transform-origin:center}.menu-open .hamburger-line:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .hamburger-line:last-child{transform:translateY(-3.75px) rotate(-45deg)}.toc{display:flex;flex-direction:column;gap:0;flex:1 1;align-items:flex-start;justify-content:center}.toc-inner{display:flex;flex-direction:column;width:100%;flex:1 0;align-self:stretch}.toc-link{display:flex;align-items:center;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:400;line-height:16px;color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.toc-link:focus-visible,.toc-link:hover{color:var(--color-text-primary)}.toc-link:focus-visible{outline-offset:-2px;border-radius:6px}.toc-link.active{color:var(--color-text-primary);font-weight:400}.external-icon{margin-left:2px;vertical-align:-1px}.toc-toggles{display:flex;align-items:center;gap:2px;margin-top:auto;margin-left:4px}.sound-toggle,.theme-toggle{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:color .15s ease,transform .15s ease}.sound-toggle:hover,.theme-toggle:hover{color:var(--color-text-primary)}.sound-toggle:active,.theme-toggle:active{transform:scale(.92);transition:color .15s ease,transform .1s ease-out}.theme-icon{position:absolute;opacity:0;transform:rotate(90deg) scale(.5);transition:opacity .2s ease,transform .2s ease}.theme-icon.active{opacity:1;transform:rotate(0deg) scale(1)}.theme-icon-moon,.theme-icon-sun{transform-origin:center}.speaker-body{transition:transform .28s cubic-bezier(.23,1,.32,1) .14s}.sound-toggle.muted .speaker-body{transform:translateX(2px);transition:transform .3s cubic-bezier(.23,1,.32,1) 60ms}.sound-mask-slash,.sound-slash{stroke-dasharray:1}.sound-wave{opacity:1}.sound-mask-slash,.sound-slash{stroke-dashoffset:1}.sound-wave-outer{transition:opacity .2s ease .26s}.sound-wave-inner{transition:opacity .2s ease .2s}.sound-mask-slash,.sound-slash{transition:stroke-dashoffset .28s cubic-bezier(.23,1,.32,1) 0s}.sound-toggle.muted .sound-wave{opacity:0}.sound-toggle.muted .sound-mask-slash,.sound-toggle.muted .sound-slash{stroke-dashoffset:0}.sound-toggle.muted .sound-wave-outer{transition:opacity .18s ease 0s}.sound-toggle.muted .sound-wave-inner{transition:opacity .16s ease 40ms}.sound-toggle.muted .sound-mask-slash,.sound-toggle.muted .sound-slash{transition:stroke-dashoffset .32s cubic-bezier(.19,1,.22,1) .14s}@media (prefers-reduced-motion:reduce){.sound-mask-slash,.sound-slash,.sound-wave,.speaker-body{transition:none}}.content{width:auto;max-width:none;flex:1 1;padding:0 48px 64px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:64px;min-width:0}.hero-heading{font-size:32px;font-weight:500;line-height:40px;letter-spacing:-.45px;color:var(--color-text-primary);margin:0 0 12px;width:100%;max-width:640px;align-self:center}.hero-install{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:transform .15s ease}.hero-install:active{transform:scale(.97);transition:transform .1s ease-out}.hero-install-cmd{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:11px;line-height:18px;color:var(--color-text-secondary);transition:color .15s ease}.hero-install:focus-visible .hero-install-cmd,.hero-install:hover .hero-install-cmd{color:var(--color-text-primary)}.hero-install-icon{position:relative;width:14px;height:14px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color .15s ease}.hero-install:focus-visible .hero-install-icon,.hero-install:hover .hero-install-icon{color:var(--color-text-primary)}.hero-sub{font-size:14px;line-height:22px;color:var(--color-text-secondary);margin:0 0 32px;width:100%;max-width:640px;align-self:center}.section-heading{font-size:18px;font-weight:500;color:var(--color-text-primary);margin:0 0 16px;line-height:28px}.section-desc{font-size:14px;line-height:22px;color:var(--color-text-secondary);margin:8px 0 0;max-width:none}.section{padding-top:0;width:100%;max-width:640px;align-self:center}.hero{padding:72px 0 0;flex-shrink:0;flex-direction:column;max-width:800px}.cta-row,.hero{display:flex;align-items:center;justify-content:flex-start;align-self:center;width:100%}.cta-row{gap:20px;flex-wrap:wrap;max-width:640px}.mobile-callout{display:none;font-size:13px;line-height:20px;color:var(--color-text-secondary);margin:0;max-width:640px;align-self:center;width:100%}.cta-primary{display:inline-flex;align-items:center;padding:11px 22px;border:none;border-radius:61px;background:var(--color-cta-bg);color:var(--color-cta-text);font-size:13px;font-weight:400;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .15s ease}.cta-primary:active{transform:scale(.97);transition:background .15s ease,transform .1s ease-out}.cta-primary:focus-visible,.cta-primary:hover{background:var(--color-cta-hover)}.cta-primary:focus-visible{outline-color:var(--color-text-primary);outline-offset:3px}.desktop-bg{border-radius:8px;padding:32px 80px 48px;aspect-ratio:16/10;width:100%;max-width:800px;display:flex;flex-direction:column;background:url(https://gefwnmizrwwjultadzml.supabase.co/storage/v1/object/public/Retune/meadow_og.webp) 50%/cover no-repeat;overflow:clip;overflow-clip-margin:30px;position:relative}.desktop-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.06) 50%,transparent);z-index:1;border-radius:8px 8px 0 0;pointer-events:none}:root[data-theme=light] .desktop-bg:before{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.3) 50%,transparent)}.menu-bar{position:absolute;top:0;left:0;right:0;height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:5;font-size:8.5px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#fff;font-weight:400;letter-spacing:-.5px}.menu-bar-left,.menu-bar-right{display:flex;align-items:center;gap:10px}.menu-bar-apple{opacity:.9;color:white;margin-top:-1px}.menu-bar-app{font-weight:600}.menu-bar-item{opacity:.75}.menu-bar-icon{opacity:.75;width:11px;height:11px;color:white}.menu-bar-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.5px}.menu-bar-terminal-ctx{position:absolute;left:10px;top:0;height:100%;opacity:0;animation:menu-bar-terminal-toggle 10s step-end infinite}.menu-bar-safari-ctx{animation:menu-bar-safari-toggle 10s step-end infinite}@keyframes menu-bar-safari-toggle{0%{opacity:1}57%{opacity:0}90%{opacity:1}}@keyframes menu-bar-terminal-toggle{0%{opacity:0}57%{opacity:1}90%{opacity:0}}:root[data-theme=light] .menu-bar{color:rgba(0,0,0,.85)}:root[data-theme=light] .menu-bar .menu-bar-apple,:root[data-theme=light] .menu-bar .menu-bar-icon{color:#000}.mock-dock{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:0}.mock-dock-glass{display:flex;align-items:center;gap:2px;padding:4px;background:rgba(255,255,255,.18);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:10px;border:1px solid rgba(255,255,255,.4);box-shadow:0 1px 4px 0 rgba(0,0,0,.08)}.mock-dock-icon{width:26px;height:26px;border-radius:7px;display:block}.dock-calendar-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dock-calendar-bg{position:absolute;inset:0;width:100%;height:100%}.dock-calendar-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding-top:1px;gap:0;box-sizing:border-box}.dock-calendar-day{font-size:4px;font-weight:700;color:#fc3d39;letter-spacing:-.3px;text-transform:none}.dock-calendar-day,.dock-calendar-num{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.dock-calendar-num{font-size:12px;font-weight:400;color:#1d1d1f;line-height:1;letter-spacing:-.6px}.mock-dock-dots{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:flex-start;padding-left:45px;gap:27px}.mock-dock-dot-space{display:none}.mock-dock-dot{width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,.65);flex-shrink:0}.mock-dock-sep{width:1px;height:20px;background:rgba(255,255,255,.2);margin:0 3px}.mock-dock-spacer{width:26px;height:18px;overflow:hidden;animation:mock-dock-spacer-toggle 10s ease infinite}@keyframes mock-dock-spacer-toggle{0%,54%{width:26px;height:18px}57%{width:0;height:0}89%{width:0;height:0}92.1%{width:26px;height:18px}to{width:26px;height:18px}}.hero-visual{position:relative;margin-top:40px;width:100%;align-self:stretch;--tb-x:87%;--tb-y:85%;--card-x:40%;--card-y:33%;--pad-x:74%;--pad-y:64%;--rad-x:76%;--rad-y:71%;--dock-x:59%;--dock-y:96%;--min-x:34%;--min-y:65%;--scroll-pad:-80px;--scroll-rad:-250px;--genie-dx:80px;--genie-dy:130px;--genie-scale:0.087}.browser-window{display:flex;flex-direction:column;flex:1 0;max-height:420px;border-radius:8px;position:relative;z-index:2;box-shadow:0 0 0 .5px rgba(0,0,0,.15),0 6px 20px 4px rgba(0,0,0,.15)}.browser-chrome{background:#f6f6f6;border-radius:8px 8px 0 0;padding:6px 12px;display:flex;align-items:center;gap:8px;border:none}.browser-dots{display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:50%}.dot-red{animation:mock-dot-red-unfocus 10s ease infinite}.dot-yellow{animation:mock-dot-yellow-unfocus 10s ease infinite}.dot-green{animation:mock-dot-green-unfocus 10s ease infinite}@keyframes mock-dot-red-unfocus{0%,58%{background:#f87171}60%{background:var(--dot-inactive)}95%{background:var(--dot-inactive)}97%{background:#f87171}to{background:#f87171}}@keyframes mock-dot-yellow-unfocus{0%,58%{background:#fbbf24}60%{background:var(--dot-inactive)}95%{background:var(--dot-inactive)}97%{background:#fbbf24}to{background:#fbbf24}}@keyframes mock-dot-green-unfocus{0%,58%{background:#4ade80}60%{background:var(--dot-inactive)}95%{background:var(--dot-inactive)}97%{background:#4ade80}to{background:#4ade80}}.safari-pill{display:flex;align-items:center;gap:4px;padding:3px 6px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.06);border-radius:100px;box-shadow:0 2px 4px 0 rgba(0,0,0,.03);flex-shrink:0}.safari-pill-sep{width:1px;height:12px;background:rgba(0,0,0,.1)}.safari-btn{color:#1c1917;opacity:.55;display:block}.safari-chevron{margin-left:-3px;opacity:.3}.safari-back{opacity:.28}.safari-fwd{opacity:.55}.safari-url-wrap{flex:1 1;display:flex;justify-content:center}.browser-url.safari-pill{width:100%;max-width:280px;position:relative;padding:3px 10px;font-size:8px;font-family:system-ui;color:#3c3c43;justify-content:center;background:#ffffff;border:1px solid #ffffff;box-shadow:0 1px 5px 0 rgba(0,0,0,.02)}.safari-reload{color:#3c3c43;opacity:.35;position:absolute;right:8px}.browser-content{background:#fafaf9;border:none;border-radius:0 0 8px 8px;flex:1 1;overflow:hidden;position:relative}.mock-main{padding:0;display:flex;flex-direction:column;background:#fff}.mock-nav{display:flex;align-items:center;padding:8px 16px;gap:6px;border-bottom:1px solid rgba(0,0,0,.06);font-size:6px}.mock-nav-logo{width:14px;height:14px;flex-shrink:0}.mock-nav-brand{font-size:7px;font-weight:600;color:#1c1917;margin-right:4px}.mock-nav-links{display:flex;gap:10px;flex:1 1}.mock-nav-link{color:#a8a29e;font-weight:500}.mock-nav-cta{padding:3px 8px;background:#00983F;color:#fff;border-radius:4px;flex-shrink:0;font-size:6px;font-weight:500}.mock-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 32px 0;gap:0}.mock-hero-badge{font-size:5px;font-weight:500;color:#00983F;background:rgba(0,152,63,.1);border:none;border-radius:999px;padding:4px 7px;margin-bottom:8px}.mock-hero-heading{font-size:14px;font-weight:600;line-height:1.2;color:#1c1917;letter-spacing:-.4px;margin:0;max-width:80%}.mock-hero-sub{font-size:6px;line-height:1.6;color:#a8a29e;margin-top:8px;max-width:70%}.mock-hero-buttons{display:flex;gap:5px;margin-top:12px}.mock-hero-btn{padding:4px 10px;border-radius:5px;background:#fff;border:1px solid #e7e5e4;font-size:5.5px;font-weight:500;color:#1c1917}.mock-hero-btn.primary{background:#00983F;border-color:#00983F;color:#fff}.mock-logos{display:flex;flex-direction:column;align-items:center;gap:5px;padding:24px 24px 20px;border-bottom:1px solid rgba(0,0,0,.04)}.mock-logos-label{font-size:4.5px;color:#d6d3d1;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.mock-logos-row{display:flex;align-items:center;gap:16px}.mock-logo{font-size:6px;font-weight:600;color:#d6d3d1}.mock-features-header{text-align:center;padding:24px 24px 10px}.mock-section-title{font-size:10px;font-weight:600;color:#1c1917;margin:0;letter-spacing:-.2px}.mock-section-sub{font-size:5.5px;color:#a8a29e;margin:4px 0 0}.mock-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:8px 16px}.mock-bento-card{background:#fafaf9;border:1px solid rgba(0,0,0,.06);border-radius:0;padding:8px 8px 0;position:relative;display:flex;flex-direction:column}.mock-bento-card:not(.mock-card-target){overflow:hidden}.mock-bento-title{font-size:7px;font-weight:600;color:#1c1917}.mock-bento-sub{font-size:5px;color:#a8a29e;margin-top:1px}.mock-bento-visual{margin-top:8px;flex:1 1;min-height:60px}.mock-bento-chart{display:flex;align-items:flex-end;gap:4px;height:100%;padding-bottom:4px}.mock-chart-bar{flex:1 1;background:linear-gradient(180deg,#00983F,#4cd886);border-radius:2px 2px 0 0;min-height:4px}.mock-bento-links{display:flex;flex-direction:column;gap:4px}.mock-link-row{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:4px}.mock-link-url{font-size:5px;color:#1c1917;font-weight:500}.mock-link-count{font-size:5px;color:#a8a29e;font-weight:500}.mock-bento-code{background:#1c1917;border-radius:4px;padding:6px 8px;font-size:4.5px;font-family:SF Mono,Fira Code,Menlo,monospace;color:#e7e5e4;line-height:1.7}.mock-code-kw{color:#c084fc}.mock-code-fn{color:#60a5fa}.mock-code-str{color:#86efac}.mock-bottom-cta{text-align:center;padding:28px 24px}.mock-bottom-heading{font-size:10px;font-weight:600;color:#1c1917;margin:0;letter-spacing:-.2px}.mock-bottom-sub{font-size:5.5px;color:#a8a29e;margin:5px 0 0}.mock-bottom-cta .mock-hero-buttons,.mock-stats{justify-content:center}.mock-stats{display:flex;gap:24px;padding:20px 16px;border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04)}.mock-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.mock-stat-num{font-size:9px;font-weight:700;color:#1c1917;letter-spacing:-.2px}.mock-stat-label{font-size:4.5px;color:#a8a29e;font-weight:500}.mock-bento-2col{grid-template-columns:repeat(2,1fr)}.mock-integrations{display:flex;flex-wrap:wrap;gap:4px}.mock-integration-pill{padding:3px 7px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:999px;font-size:4.5px;font-weight:500;color:#1c1917}.mock-avatars{display:flex;gap:0}.mock-avatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:5px;font-weight:600;color:#fff;border:1.5px solid #fff;margin-left:-4px}.mock-avatar:first-child{margin-left:0}.mock-avatar-more{background:#f5f5f4!important;color:#78716c;font-size:4.5px}.mock-testimonials{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:8px 16px}.mock-testimonial{background:#fafaf9;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.mock-testimonial-text{font-size:4.5px;line-height:1.6;color:#57534e;margin:0;font-style:italic}.mock-testimonial-author{display:flex;align-items:center;gap:4px}.mock-testimonial-avatar{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mock-testimonial-name{font-size:4.5px;font-weight:600;color:#1c1917;display:block}.mock-testimonial-role{font-size:4px;color:#a8a29e}.mock-footer{background:#1c1917;padding:20px 16px 12px;margin-top:0}.mock-footer-cols{display:flex;gap:24px}.mock-footer-col{display:flex;flex-direction:column;gap:3px}.mock-footer-heading{font-size:5px;font-weight:600;color:#fff;margin-bottom:2px}.mock-footer-link{font-size:4.5px;color:#78716c}.mock-footer-bottom{margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.mock-footer-copy{font-size:4px;color:#57534e}@keyframes mock-page-scroll{0%,5%{transform:translateY(0)}12%,86%{transform:translateY(-180px)}92%,to{transform:translateY(0)}}.mock-bento-slot{position:relative}.mock-bento-slot .mock-bento-card{height:100%}.mock-selection-overlay{position:absolute;inset:0;border:1px solid #0d99ff;background:none;border-radius:0;pointer-events:none;z-index:1}.mock-handle{position:absolute;width:5px;height:5px;background:#fff;border:1px solid #0d99ff;border-radius:1px;z-index:2}.mock-handle-tl{top:-3px;left:-3px}.mock-handle-tr{top:-3px;right:-3px}.mock-handle-bl{bottom:-3px;left:-3px}.mock-handle-br{bottom:-3px;right:-3px}.mock-selection-label{position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);background:#0D99FF;color:#fff;font-size:5px;font-family:SF Mono,Fira Code,Menlo,monospace;line-height:1;padding:2px 4px;border-radius:2px;white-space:nowrap;pointer-events:none}.mock-toolbar{bottom:12px;right:12px;background:var(--rt-surface);border-radius:999px;box-shadow:var(--rt-shadow);min-width:26px;z-index:3;overflow:hidden;padding:3px}.mock-collapse-btn,.mock-toolbar{position:absolute;display:flex;align-items:center;height:26px;color:var(--rt-text)}.mock-collapse-btn{inset:0;width:26px;justify-content:center;flex-shrink:0;animation:mock-collapse-shrink 10s cubic-bezier(.215,.61,.355,1) infinite}@keyframes mock-collapse-shrink{0%,14%{opacity:1;transform:scale(1);filter:blur(0)}15.5%{opacity:0;transform:scale(.85);filter:blur(4px)}95.5%{opacity:0;transform:scale(.85);filter:blur(4px)}97%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}.mock-toolbar-expanded{display:flex;align-items:center;gap:4px;overflow:hidden;animation:mock-expanded-grow 10s cubic-bezier(.215,.61,.355,1) infinite}@keyframes mock-expanded-grow{0%,14%{max-width:0;opacity:0;gap:0}15.5%{max-width:200px;opacity:1;gap:4px}95.5%{max-width:200px;opacity:1;gap:4px}97%{max-width:0;opacity:0;gap:0}to{max-width:0;opacity:0;gap:0}}.mock-toolbar-btn{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rt-text);flex-shrink:0;position:relative}.mock-toolbar-expanded>:nth-child(2){animation-name:mock-icon-pop-0}.mock-toolbar-expanded>:nth-child(3){animation-name:mock-icon-pop-1}.mock-toolbar-expanded>:nth-child(4){animation-name:mock-icon-pop-2}.mock-toolbar-expanded>:nth-child(5){animation-name:mock-icon-pop-3}.mock-toolbar-expanded>:nth-child(6){animation-name:mock-icon-pop-4}.mock-toolbar-expanded>:nth-child(7){animation-name:mock-icon-pop-5}.mock-toolbar-expanded>:nth-child(n+2){animation-duration:10s;animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-iteration-count:infinite}@keyframes mock-icon-pop-0{0%,14.7%{transform:scale(.95);filter:blur(1px)}15.7%{transform:scale(1);filter:blur(0)}95.5%{transform:scale(1);filter:blur(0)}97%{transform:scale(.95);filter:blur(1px)}to{transform:scale(.95);filter:blur(1px)}}@keyframes mock-icon-pop-1{0%,14.85%{transform:scale(.95);filter:blur(1px)}15.85%{transform:scale(1);filter:blur(0)}95.5%{transform:scale(1);filter:blur(0)}97%{transform:scale(.95);filter:blur(1px)}to{transform:scale(.95);filter:blur(1px)}}@keyframes mock-icon-pop-2{0%,15.0%{transform:scale(.95);filter:blur(1px)}16.0%{transform:scale(1);filter:blur(0)}95.5%{transform:scale(1);filter:blur(0)}97%{transform:scale(.95);filter:blur(1px)}to{transform:scale(.95);filter:blur(1px)}}@keyframes mock-icon-pop-3{0%,15.15%{transform:scale(.95);filter:blur(1px)}16.15%{transform:scale(1);filter:blur(0)}95.5%{transform:scale(1);filter:blur(0)}97%{transform:scale(.95);filter:blur(1px)}to{transform:scale(.95);filter:blur(1px)}}@keyframes mock-icon-pop-4{0%,15.3%{transform:scale(.95);filter:blur(1px)}16.3%{transform:scale(1);filter:blur(0)}95.5%{transform:scale(1);filter:blur(0)}97%{transform:scale(.95);filter:blur(1px)}to{transform:scale(.95);filter:blur(1px)}}@keyframes mock-icon-pop-5{0%,15.45%{transform:scale(.95);filter:blur(1px)}16.45%{transform:scale(1);filter:blur(0)}95.5%{transform:scale(1);filter:blur(0)}97%{transform:scale(.95);filter:blur(1px)}to{transform:scale(.95);filter:blur(1px)}}.mock-toolbar-btn.enables-on-change{animation:mock-btn-enable 10s cubic-bezier(.215,.61,.355,1) infinite}@keyframes mock-btn-enable{0%,14.7%{transform:scale(.95);filter:blur(1px);opacity:.2}15.7%{transform:scale(1);filter:blur(0);opacity:.2}41%{opacity:.2}43%{opacity:1}72%{opacity:1}75%{opacity:.2}95.5%{opacity:.2;transform:scale(1);filter:blur(0)}97%{opacity:.2;transform:scale(.95);filter:blur(1px)}to{opacity:.2;transform:scale(.95);filter:blur(1px)}}.mock-toolbar-btn.always-disabled{animation:mock-btn-always-disabled 10s cubic-bezier(.215,.61,.355,1) infinite}@keyframes mock-btn-always-disabled{0%,15.0%{transform:scale(.95);filter:blur(1px);opacity:.2}16.0%{transform:scale(1);filter:blur(0);opacity:.2}95.5%{opacity:.2;transform:scale(1);filter:blur(0)}97%{opacity:.2;transform:scale(.95);filter:blur(1px)}to{opacity:.2;transform:scale(.95);filter:blur(1px)}}.mock-edit-count-wrap{overflow:hidden;flex-shrink:0;animation:mock-badge-space 10s cubic-bezier(.215,.61,.355,1) infinite}@keyframes mock-badge-space{0%,41%{width:0}42%{width:20px}72%{width:20px}75%{width:0}to{width:0}}.mock-edit-count{position:relative;width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0D99FF;color:#fff;font-size:8px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;will-change:transform,opacity;animation:mock-badge-pop 10s cubic-bezier(.215,.61,.355,1) infinite}@keyframes mock-badge-pop{0%,41%{transform:scale(0);opacity:0;filter:blur(4px)}42%{transform:scale(1);opacity:1;filter:blur(0)}72%{transform:scale(1);opacity:1;filter:blur(0)}75%{transform:scale(0);opacity:0;filter:blur(4px)}to{transform:scale(0);opacity:0;filter:blur(4px)}}.mock-count-1,.mock-count-2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mock-count-1{animation:mock-count-1-swap 10s cubic-bezier(.215,.61,.355,1) infinite}.mock-count-2{animation:mock-count-2-swap 10s cubic-bezier(.215,.61,.355,1) infinite}@keyframes mock-count-1-swap{0%,50%{opacity:1}51%{opacity:0}to{opacity:0}}@keyframes mock-count-2-swap{0%,50%{opacity:0}51%{opacity:1}to{opacity:1}}.mock-card-target~.mock-selection-label,.mock-card-target~.mock-selection-overlay{opacity:0;animation:mock-ring-toggle 10s ease infinite}@keyframes mock-ring-toggle{0%,27%{opacity:0}28%{opacity:1}95.5%{opacity:1}97%{opacity:0}to{opacity:0}}.mock-bento-card{animation:mock-card-changes 10s ease infinite}@keyframes mock-card-changes{0%,41%{padding:8px 8px 0;border-radius:0}42%{padding:16px 16px 0;border-radius:0}50%{padding:16px 16px 0;border-radius:0}51%{padding:16px 16px 0;border-radius:8px}98%{padding:16px 16px 0;border-radius:8px}99%{padding:8px 8px 0;border-radius:0}to{padding:8px 8px 0;border-radius:0}}.mock-panel,.mock-toolbar{--rt-surface:#ffffff;--rt-text:#1c1917;--rt-text-secondary:rgba(28,25,23,0.7);--rt-text-tertiary:rgba(28,25,23,0.5);--rt-input-bg:rgba(28,25,23,0.05);--rt-border:rgba(28,25,23,0.1);--rt-shadow:0 2px 12px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.04);--rt-selection:color-mix(in srgb,#0D99FF 30%,transparent)}:root[data-theme=dark] .mock-panel,:root[data-theme=dark] .mock-toolbar{--rt-surface:#1a1918;--rt-text:#ffffff;--rt-text-secondary:rgba(255,255,255,0.7);--rt-text-tertiary:rgba(255,255,255,0.5);--rt-input-bg:rgba(255,255,255,0.05);--rt-border:rgba(255,255,255,0.1);--rt-shadow:0 2px 12px rgba(0,0,0,0.3),inset 0 0.5px 0 rgba(255,255,255,0.08),0 0 0 1px rgba(255,255,255,0.06);--rt-selection:color-mix(in srgb,#0768CF 50%,transparent)}.mock-panel{position:absolute;top:8px;bottom:46px;right:8px;width:180px;background:var(--rt-surface);border-radius:8px;box-shadow:var(--rt-shadow);overflow:hidden;z-index:2;display:flex;flex-direction:column;color:var(--rt-text);animation:mock-panel-toggle 10s cubic-bezier(.23,1,.32,1) infinite}@keyframes mock-panel-toggle{0%,27%{opacity:0;transform:translateY(12px)}29%{opacity:1;transform:translateY(0)}95.5%{opacity:1;transform:translateY(0)}97%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(12px)}}.mock-panel-tabs{display:flex;position:relative;padding:6px 10px;gap:13px;border-bottom:1px solid var(--rt-border)}.mock-panel-tab-pill{position:absolute;top:6px;left:52px;width:40px;height:calc(100% - 12px);border-radius:4px;background:var(--rt-input-bg)}.mock-panel-tab{flex:0 0 auto;text-align:center;font-size:8px;font-weight:500;padding:4px 0;border-radius:6px;color:var(--rt-text-tertiary);position:relative;z-index:1}.mock-panel-tab.active{color:var(--rt-text)}.mock-panel-version{margin-left:auto;font-size:6px;font-weight:400;color:var(--rt-text-tertiary);align-self:center}.mock-panel-header{padding:8px 10px;border-bottom:1px solid var(--rt-border)}.mock-el-tag{font-size:8px;font-weight:600;color:var(--rt-text)}.mock-header-row{display:flex;flex-direction:column;gap:2px;margin-top:4px}.mock-row-label{font-size:7px;font-weight:450;color:var(--rt-text-tertiary)}.mock-input.mock-state-select{width:100%;flex:none}.mock-selector-field{display:flex;gap:3px;flex-wrap:wrap;flex:1 1}.mock-selector-divider{width:1px;height:12px;background:var(--rt-border);align-self:center;flex-shrink:0}.mock-selector-tag{display:inline-flex;align-items:center;gap:3px;padding:0 6px;border-radius:5px;background:var(--rt-input-bg);font-size:7px;font-weight:400;color:var(--rt-text);white-space:nowrap;height:20px}.mock-selector-tag.active{background:color-mix(in srgb,#0D99FF 30%,transparent);color:#0D99FF}:root[data-theme=dark] .mock-selector-tag.active{color:#fff}.mock-selector-count{display:inline-flex;align-items:center;justify-content:center;min-width:10px;height:10px;padding:0 2px;border-radius:3px;background:rgba(255,255,255,.9);font-size:6px;font-weight:600;color:#0768CF;line-height:1}.mock-panel-scroll{padding:0;flex:1 1;overflow:hidden;min-height:0}.mock-panel-inner{will-change:transform;animation:mock-panel-scroll-sim 10s ease infinite}@keyframes mock-panel-scroll-sim{0%,34%{transform:translateY(0)}37%{transform:translateY(var(--scroll-pad,-80px))}44%{transform:translateY(var(--scroll-pad,-80px))}47%{transform:translateY(var(--scroll-rad,-250px))}97%{transform:translateY(var(--scroll-rad,-250px))}97.5%{transform:translateY(0)}to{transform:translateY(0)}}.mock-section{border-bottom:1px solid var(--rt-border)}.mock-section:last-child{border-bottom:none}.mock-section-header{font-size:8px;font-weight:500;color:var(--rt-text);padding:0 5px 0 10px;height:28px;display:flex;align-items:center;justify-content:space-between}.mock-section-action{font-size:10px;font-weight:400;color:var(--rt-text-secondary);width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px}.mock-section-body{display:flex;flex-direction:column;gap:4px;padding:0 5px 8px 10px}.mock-input-row{display:flex;gap:4px;padding-right:18px}.mock-input-row:has(.mock-split-btn){padding-right:0}.mock-input{flex:1 1;height:20px;background:var(--rt-input-bg);border-radius:5px;display:flex;align-items:center;padding:0 6px;gap:0;position:relative;min-width:0}.mock-input.narrow{flex:0 0 44px}.mock-input.color{padding-left:3px}.mock-input:has(.mock-input-label svg){padding-left:3px}.mock-input-label{font-size:7px;font-weight:450;color:var(--rt-text-secondary);flex-shrink:0;width:14px;text-align:center;display:flex;align-items:center;justify-content:center}.mock-input-value{font-size:7px;font-weight:400;color:var(--rt-text)}.mock-field{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.mock-field .mock-input{flex:none}.mock-field-label{font-size:7px;font-weight:400;color:var(--rt-text-tertiary)}.mock-split-btn{width:14px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--rt-text-secondary)}.mock-select{justify-content:space-between}.mock-chevron{color:#a8a29e;flex-shrink:0}.mock-align-row{display:flex;gap:4px;padding-right:18px}.mock-btn-group{flex:1 1;display:flex;background:var(--rt-input-bg);border-radius:5px;height:20px;overflow:hidden}.mock-btn-group.disabled{opacity:.3}.mock-align-btn{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--rt-text)}.mock-segmented{display:flex;background:var(--rt-input-bg);border-radius:5px;height:20px;overflow:hidden}.mock-seg-btn{flex:1 1;display:flex;align-items:center;justify-content:center;font-size:6px;font-weight:500;color:var(--rt-text)}.mock-seg-btn.active{color:var(--rt-text);background:var(--rt-input-bg);border:.5px solid var(--rt-border);border-radius:4px}.mock-seg-btn.disabled{opacity:.3}.mock-color-swatch{width:14px;height:14px;border-radius:2px;background:#fff;border:1px solid var(--rt-border);flex-shrink:0;margin-right:4px}.mock-group-label{font-size:7px;font-weight:400;color:var(--rt-text-tertiary);padding-left:0}.mock-val-pad{position:relative;animation:mock-val-flash-1 10s ease infinite}@keyframes mock-val-flash-1{0%,40%{background:transparent}42%{background:var(--rt-selection);border-radius:3px}47%{background:transparent}to{background:transparent}}.mock-val-radius{position:relative;animation:mock-val-flash-2 10s ease infinite}@keyframes mock-val-flash-2{0%,49%{background:transparent}50%{background:var(--rt-selection);border-radius:3px}56%{background:transparent}to{background:transparent}}.mock-val-after,.mock-val-before{display:block}.mock-val-after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mock-val-pad .mock-val-before{animation:mock-val-pad-before 10s ease infinite}.mock-val-pad .mock-val-after{animation:mock-val-pad-after 10s ease infinite}@keyframes mock-val-pad-before{0%,41%{opacity:1}42%{opacity:0}86%{opacity:0}89%{opacity:1}to{opacity:1}}@keyframes mock-val-pad-after{0%,41%{opacity:0}42%{opacity:1}86%{opacity:1}89%{opacity:0}to{opacity:0}}.mock-val-radius .mock-val-before{animation:mock-val-rad-before 10s ease infinite}.mock-val-radius .mock-val-after{animation:mock-val-rad-after 10s ease infinite}@keyframes mock-val-rad-before{0%,50%{opacity:1}51%{opacity:0}86%{opacity:0}89%{opacity:1}to{opacity:1}}@keyframes mock-val-rad-after{0%,50%{opacity:0}51%{opacity:1}86%{opacity:1}89%{opacity:0}to{opacity:0}}.mock-terminal-wrapper{position:absolute;bottom:calc(48px + 32px);left:calc(50% - 150px);width:300px;z-index:10;pointer-events:none;border-radius:8px;--term-ring-1:#dddddd;--term-ring-2:#dddddd;box-shadow:0 0 0 .25px var(--term-ring-1),0 0 0 .5px var(--term-ring-2);filter:drop-shadow(0 6px 12px rgba(0,0,0,.12)) drop-shadow(0 1px 2px rgba(0,0,0,.08));will-change:transform;transform:translate(var(--genie-dx,80px),var(--genie-dy,130px)) scale(var(--genie-scale,.087));animation:mock-terminal-wrapper-toggle 10s linear infinite}.mock-terminal{width:300px;background:#fff;border-radius:8px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:9px;line-height:1.7;color:#1c1917;pointer-events:auto;will-change:clip-path;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:mock-terminal-clip 10s linear infinite;overflow:hidden}.mock-term-titlebar{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#f6f6f6;border-bottom:1px solid rgba(0,0,0,.06)}.mock-term-dot{width:7px;height:7px;border-radius:50%;background:var(--term-dot-inactive)}.mock-term-dot:first-child{animation:mock-term-dot-red 10s ease infinite}.mock-term-dot:nth-child(2){animation:mock-term-dot-yellow 10s ease infinite}.mock-term-dot:nth-child(3){animation:mock-term-dot-green 10s ease infinite}@keyframes mock-term-dot-red{0%,56%{background:var(--term-dot-inactive)}57%{background:#ff5f57}92%{background:#ff5f57}92.1%{background:var(--term-dot-inactive)}to{background:var(--term-dot-inactive)}}@keyframes mock-term-dot-yellow{0%,56%{background:var(--term-dot-inactive)}57%{background:#febc2e}92%{background:#febc2e}92.1%{background:var(--term-dot-inactive)}to{background:var(--term-dot-inactive)}}@keyframes mock-term-dot-green{0%,56%{background:var(--term-dot-inactive)}57%{background:#28c840}92%{background:#28c840}92.1%{background:var(--term-dot-inactive)}to{background:var(--term-dot-inactive)}}.mock-term-title{font-size:7px;font-family:system-ui;color:#57534e;margin-left:4px}.mock-term-body{padding:8px 10px}.mock-term-meta{display:flex;flex-direction:column;gap:1px}.mock-term-badge{background:#D4775B;color:#000;font-size:7.5px;font-weight:600;padding:1px 4px;border-radius:3px;width:-moz-fit-content;width:fit-content;line-height:1.4}@keyframes mock-terminal-wrapper-toggle{0%,53.9%{transform:translate(var(--genie-dx,80px),var(--genie-dy,130px)) scale(var(--genie-scale,.087));box-shadow:none}57%,89%{transform:none;box-shadow:0 0 0 .25px var(--term-ring-1),0 0 0 .5px var(--term-ring-2)}92.1%,to{transform:translate(var(--genie-dx,80px),var(--genie-dy,130px)) scale(var(--genie-scale,.087));box-shadow:none}}@keyframes mock-terminal-clip{0%,53.9%,92.1%,to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}57%,89%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.mock-terminal-line{white-space:nowrap;opacity:0}.mock-term-line-1{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06);animation:mock-term-reveal 10s ease infinite}.mock-term-line-2{animation:mock-term-reveal-2 10s ease infinite}.mock-term-line-3{animation:mock-term-reveal-3 10s ease infinite}.mock-term-line-4{animation:mock-term-reveal-4 10s ease infinite}.mock-term-line-5{margin-top:4px;animation:mock-term-reveal-5 10s ease infinite}@keyframes mock-term-reveal{0%,to{opacity:1}}@keyframes mock-term-reveal-2{0%,59%{opacity:0}61%{opacity:1}92%{opacity:1}92.1%{opacity:0}to{opacity:0}}@keyframes mock-term-reveal-3{0%,61%{opacity:0}63%{opacity:1}92%{opacity:1}92.1%{opacity:0}to{opacity:0}}@keyframes mock-term-reveal-4{0%,63%{opacity:0}65%{opacity:1}92%{opacity:1}92.1%{opacity:0}to{opacity:0}}@keyframes mock-term-reveal-5{0%,67%{opacity:0}69%{opacity:1}92%{opacity:1}92.1%{opacity:0}to{opacity:0}}.mock-term-mascot{flex-shrink:0}.mock-term-file{color:#b45309}.mock-term-dim{color:#a8a29e}.mock-term-marker{color:#D4775B;margin-right:2px}.mock-term-tool{color:#D4775B;font-weight:600}.mock-term-indent{display:inline-block;width:14px}.mock-cursor{position:absolute;z-index:100;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));left:60%;top:70%;animation:mock-cursor-move 10s ease infinite}.mock-cursor .cursor-pointer{position:absolute;top:0;left:0;animation:cursor-icon-pointer 10s ease infinite}.mock-cursor .cursor-crosshair{position:absolute;top:-9px;left:-9px;animation:cursor-icon-crosshair 10s ease infinite}@keyframes cursor-icon-pointer{0%,to{opacity:1}}@keyframes cursor-icon-crosshair{0%,to{opacity:0}}@keyframes mock-cursor-move{0%{opacity:1;left:50%;top:50%;transform:scale(1)}14%{opacity:1;left:var(--tb-x);top:var(--tb-y);transform:scale(1)}15%{opacity:1;left:var(--tb-x);top:var(--tb-y);transform:scale(.8)}15.5%{opacity:1;left:var(--tb-x);top:var(--tb-y);transform:scale(1)}22%{opacity:1;left:var(--card-x);top:var(--card-y);transform:scale(1)}27%{opacity:1;left:var(--card-x);top:var(--card-y);transform:scale(.8)}28%{opacity:1;left:var(--card-x);top:var(--card-y);transform:scale(1)}38%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(1)}41%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(.8)}42%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(1)}46%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(1)}48%{opacity:1;left:var(--rad-x);top:var(--rad-y);transform:scale(1)}49.5%{opacity:1;left:var(--rad-x);top:var(--rad-y);transform:scale(.8)}50%{opacity:1;left:var(--rad-x);top:var(--rad-y);transform:scale(1)}52.5%{opacity:1;left:var(--dock-x);top:var(--dock-y);transform:scale(1)}54%{opacity:1;left:var(--dock-x);top:var(--dock-y);transform:scale(.8)}54.5%{opacity:1;left:var(--dock-x);top:var(--dock-y);transform:scale(1)}57%{opacity:1;left:var(--dock-x);top:var(--dock-y);transform:scale(1)}60%{opacity:1;left:50%;top:65%;transform:scale(1)}84%{opacity:1;left:50%;top:65%;transform:scale(1)}88%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(1)}89%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(.8)}89.5%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(1)}92.1%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(1)}98%{opacity:1;left:50%;top:50%;transform:scale(1)}to{opacity:1;left:50%;top:50%;transform:scale(1)}}@keyframes mock-cursor-move-mobile{0%{opacity:1;left:50%;top:50%;transform:scale(1)}14%{opacity:1;left:var(--tb-x);top:var(--tb-y);transform:scale(1)}15%{opacity:1;left:var(--tb-x);top:var(--tb-y);transform:scale(.8)}15.5%{opacity:1;left:var(--tb-x);top:var(--tb-y);transform:scale(1)}22%{opacity:1;left:var(--card-x);top:var(--card-y);transform:scale(1)}27%{opacity:1;left:var(--card-x);top:var(--card-y);transform:scale(.8)}28%{opacity:1;left:var(--card-x);top:var(--card-y);transform:scale(1)}38%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(1)}41%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(.8)}42%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(1)}46%{opacity:1;left:var(--pad-x);top:var(--pad-y);transform:scale(1)}48%{opacity:1;left:var(--rad-x);top:var(--rad-y);transform:scale(1)}49.5%{opacity:1;left:var(--rad-x);top:var(--rad-y);transform:scale(.8)}50%{opacity:1;left:var(--rad-x);top:var(--rad-y);transform:scale(1)}55%{opacity:1;left:var(--rad-x);top:var(--rad-y);transform:scale(1)}62%{opacity:1;left:50%;top:65%;transform:scale(1)}84%{opacity:1;left:50%;top:65%;transform:scale(1)}88%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(1)}89%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(.8)}89.5%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(1)}92.1%{opacity:1;left:var(--min-x);top:var(--min-y);transform:scale(1)}98%{opacity:1;left:50%;top:50%;transform:scale(1)}to{opacity:1;left:50%;top:50%;transform:scale(1)}}.animation-pause-btn{position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--color-text-tertiary);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease,-webkit-backdrop-filter .15s ease;transition:color .15s ease,background .15s ease,backdrop-filter .15s ease,transform .15s ease;transition:color .15s ease,background .15s ease,backdrop-filter .15s ease,transform .15s ease,-webkit-backdrop-filter .15s ease;padding:0}.animation-pause-btn:hover{color:var(--color-text-primary);background:var(--color-bg-input)}.animation-pause-btn:active{transform:translateX(-50%) scale(.92);transition:color .15s ease,background .15s ease,transform .1s ease-out}@media (min-width:848px){.animation-pause-btn{bottom:8px;left:8px;transform:none;color:#ffffff;z-index:20}.animation-pause-btn:hover{color:#ffffff;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.animation-pause-btn:active{transform:scale(.92);transition:color .15s ease,background .15s ease,transform .1s ease-out}}@media (prefers-reduced-motion:reduce){.animation-pause-btn,.animation-pause-btn svg{transition:none}}.hero-visual.animation-paused .cursor-crosshair,.hero-visual.animation-paused .cursor-pointer,.hero-visual.animation-paused .dot-green,.hero-visual.animation-paused .dot-red,.hero-visual.animation-paused .dot-yellow,.hero-visual.animation-paused .mock-bento-card,.hero-visual.animation-paused .mock-card-target~.mock-selection-label,.hero-visual.animation-paused .mock-card-target~.mock-selection-overlay,.hero-visual.animation-paused .mock-collapse-btn,.hero-visual.animation-paused .mock-count-1,.hero-visual.animation-paused .mock-count-2,.hero-visual.animation-paused .mock-cursor,.hero-visual.animation-paused .mock-dock-spacer,.hero-visual.animation-paused .mock-edit-count,.hero-visual.animation-paused .mock-edit-count-wrap,.hero-visual.animation-paused .mock-main,.hero-visual.animation-paused .mock-panel,.hero-visual.animation-paused .mock-panel-inner,.hero-visual.animation-paused .mock-term-dot,.hero-visual.animation-paused .mock-terminal,.hero-visual.animation-paused .mock-terminal-line,.hero-visual.animation-paused .mock-terminal-wrapper,.hero-visual.animation-paused .mock-toolbar,.hero-visual.animation-paused .mock-toolbar-btn.always-disabled,.hero-visual.animation-paused .mock-toolbar-btn.enables-on-change,.hero-visual.animation-paused .mock-toolbar-expanded,.hero-visual.animation-paused .mock-toolbar-expanded>*,.hero-visual.animation-paused .mock-val-after,.hero-visual.animation-paused .mock-val-before,.hero-visual.animation-paused .mock-val-pad,.hero-visual.animation-paused .mock-val-radius{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.cursor-crosshair,.cursor-pointer,.dot-green,.dot-red,.dot-yellow,.mock-bento-card,.mock-card-target~.mock-selection-label,.mock-card-target~.mock-selection-overlay,.mock-collapse-btn,.mock-count-1,.mock-count-2,.mock-cursor,.mock-dock-spacer,.mock-edit-count,.mock-edit-count-wrap,.mock-main,.mock-panel,.mock-panel-inner,.mock-term-dot,.mock-terminal,.mock-terminal-line,.mock-terminal-wrapper,.mock-toolbar,.mock-toolbar-btn.always-disabled,.mock-toolbar-btn.enables-on-change,.mock-toolbar-expanded,.mock-toolbar-expanded>*,.mock-value-animate{animation:none}.animation-pause-btn{display:none}.mock-toolbar{padding:4px;gap:4px}.mock-collapse-btn{opacity:0}.mock-toolbar-expanded{max-width:200px;opacity:1;gap:4px}.mock-toolbar-expanded>*{transform:none;filter:none}.mock-panel{opacity:1;transform:none}.mock-card-target~.mock-selection-label,.mock-card-target~.mock-selection-overlay{opacity:1}.mock-edit-count-wrap{width:20px}.mock-edit-count{opacity:1;transform:scale(1);filter:none}.mock-toolbar-btn.enables-on-change{opacity:1}.mock-toolbar-btn.always-disabled{opacity:.2}.mock-cursor,.mock-terminal-wrapper{display:none}.mock-val-after,.mock-val-before,.mock-val-pad,.mock-val-radius{animation:none}}.pain-section{width:100%;max-width:640px;align-self:center;padding:48px 0 0}.pain-statement{font-size:15px;line-height:1.7;color:var(--color-text-muted);margin:0}.pain-statement em{font-style:italic;color:var(--color-text-primary)}.pain-resolution{font-size:15px;line-height:1.7;color:var(--color-text-primary);font-weight:500;margin:16px 0 0}.steps-grid{display:flex;flex-direction:column;gap:0;margin-top:8px}.step-card{background:transparent;border:none;border-bottom:1px solid var(--color-border-faint);border-radius:0;padding:24px 0}.step-title{font-size:14px;font-weight:400;line-height:22px;color:var(--color-text-primary);margin:0}.step-card-desc{font-size:14px;line-height:1.6;color:var(--color-text-secondary);margin:4px 0 0}.output-block{margin-top:32px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border-faint)}.output-chrome{background:var(--color-bg-chrome);padding:10px 16px;font-size:11px;font-weight:400;color:var(--color-text-tertiary)}.output-body{background:var(--color-bg-surface);padding:20px 24px;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:12.5px;line-height:1.8;color:var(--color-text-secondary);white-space:pre;overflow-x:auto}.output-h1,.output-h2,.output-h3{color:var(--color-text-primary);font-weight:500}.output-key{color:var(--color-text-secondary)}.output-prop{color:#0891b2}.output-old{color:#dc2626}.output-new{color:#059669}.output-table-hdr{color:var(--color-text-tertiary)}.output-table-sep{color:var(--color-text-faint)}.output-hint{color:#059669;font-style:italic}.code-block{position:relative;background:var(--color-bg-surface);border:1px solid var(--color-border-faint);border-radius:12px;padding:20px 24px;overflow-x:auto;margin-top:16px}.copy-btn{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;flex-shrink:0}.copy-btn:active{transform:scale(.92);transition:background .15s ease,color .15s ease,transform .1s ease-out}.code-block .copy-btn{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.code-block:hover .copy-btn{opacity:1}.copy-btn:focus-visible,.copy-btn:hover{background:var(--color-border);color:var(--color-text-muted)}.code-block .copy-btn:focus-visible{opacity:1}.copy-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity}.copy-icon-in{opacity:1;transform:scale(1)}.copy-icon-out{opacity:0;transform:scale(.75)}@media (prefers-reduced-motion:reduce){.copy-btn,.copy-icon{transition:none}}.code-line{font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:13px;line-height:1.8;color:var(--color-text-muted);white-space:pre}.code-comment{color:var(--color-text-tertiary)}.code-keyword{color:#7c3aed}.code-string{color:#059669}.code-component{color:#0891b2}.compat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;margin-top:24px;border:1px solid var(--color-border-faint);border-radius:12px;overflow:hidden}.compat-group{padding:20px 24px;display:flex;flex-direction:column;gap:6px}.compat-group:not(:last-child){border-right:1px solid var(--color-border-faint)}.compat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.compat-list{font-size:14px;color:var(--color-text-primary);line-height:1.6}.install-steps{margin-top:32px;gap:32px}.install-step,.install-steps{display:flex;flex-direction:column}.install-step{gap:8px}.install-step-content{flex:1 1;display:flex;flex-direction:column;gap:0}.install-step-title{font-size:14px;font-weight:400;color:var(--color-text-primary);line-height:22px;margin:0}.install-step-desc{font-size:14px;line-height:22px;color:var(--color-text-secondary);margin:8px 0 0}.install-note code,.install-step-desc code{font-size:12px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:5px;padding:2px 6px;font-family:ui-monospace,monospace}.install-compat,.install-note{font-size:13px;color:var(--color-text-secondary);line-height:22px;margin:8px 0 0}.install-compat{padding-top:0}.faq-list{margin-top:20px}.faq-item+.faq-item{border-top:1px solid var(--color-border-subtle)}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 0;border:none;background:none;font-family:inherit;font-size:14px;font-weight:400;color:var(--color-text-secondary);line-height:22px;text-align:left;cursor:pointer}.faq-question:focus-visible,.faq-question:hover{color:var(--color-text-primary)}.faq-question:focus-visible{outline-offset:-2px;border-radius:4px}.faq-chevron{flex-shrink:0;color:var(--color-text-tertiary);transition:transform .3s cubic-bezier(.165,.84,.44,1)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.165,.84,.44,1)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer>div{overflow:hidden;min-height:0;opacity:0;filter:blur(2px);transition:opacity .1s ease-out,filter .1s ease-out}.faq-item.open .faq-answer>div{opacity:1;filter:blur(0);transition:opacity .2s ease-out 80ms,filter .2s ease-out 80ms}.faq-answer>div>p{margin:0;padding-bottom:16px;font-size:14px;line-height:22px;color:var(--color-text-secondary)}.faq-answer code{font-size:12.5px;background:var(--color-bg-input);padding:1px 5px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq-answer{transition:none}.faq-answer>div{transition:none;opacity:1;filter:none}.faq-chevron,.hamburger-line,.toc,.toc-link{transition:none}.toc-link{opacity:1;filter:none}.cta-primary,.footer-link,.hero-install-cmd,.hero-install-icon{transition:none}}.footer{border-top:1px solid var(--color-border-faint);margin-top:0;padding:24px 0;width:100%;max-width:640px;align-self:center}.footer-text{font-size:13px;margin:0}.footer-link,.footer-text{color:var(--color-text-secondary)}.footer-link{text-decoration:underline;transition:color .15s ease}.footer-link:focus-visible,.footer-link:hover{color:var(--color-text-primary)}@media (max-width:1240px){html{scroll-padding-top:56px}.layout{flex-direction:column}.sidebar{position:-webkit-sticky;position:sticky;top:0;left:auto;width:100%;max-width:none;margin:0;height:auto;flex-direction:row;align-items:center;padding:12px calc((100% - 640px) / 2);border-right:none;border-bottom:none;gap:16px}.hamburger{display:flex}.sidebar{flex-wrap:wrap;gap:0}.sidebar-logo{margin-bottom:0;margin-left:0;margin-right:0;width:auto}.toc{display:grid;grid-template-rows:0fr;flex-basis:100%;grid-gap:0;justify-content:flex-start;will-change:grid-template-rows;transition:grid-template-rows .16s cubic-bezier(.165,.84,.44,1) .1s}.toc,.toc-inner{gap:0;overflow:hidden}.toc-inner{min-height:0;display:flex;flex-direction:column;width:auto;align-self:stretch;padding-top:12px}.sidebar.menu-open .toc{grid-template-rows:1fr;transition:grid-template-rows .25s cubic-bezier(.165,.84,.44,1)}.toc-link,.toc-toggles{opacity:0;filter:blur(3px);transition:opacity .1s ease-out}.toc-inner>:first-child{transition-delay:105ms}.toc-inner>:nth-child(2){transition-delay:90ms}.toc-inner>:nth-child(3){transition-delay:75ms}.toc-inner>:nth-child(4){transition-delay:60ms}.toc-inner>:nth-child(5){transition-delay:45ms}.toc-inner>:nth-child(6){transition-delay:30ms}.toc-inner>:nth-child(7){transition-delay:15ms}.toc-inner>:nth-child(8){transition-delay:0s}.toc-link{white-space:nowrap;padding:8px 0;font-size:13px;font-weight:400;text-align:left;align-self:flex-start;margin-left:24px}.toc-link:last-child{padding-right:0}.sidebar.menu-open .toc-link,.sidebar.menu-open .toc-toggles{opacity:1;filter:blur(0);transition:opacity .2s ease-out,filter .2s ease-out}.sidebar.menu-open .toc-inner>:first-child{transition-delay:30ms}.sidebar.menu-open .toc-inner>:nth-child(2){transition-delay:60ms}.sidebar.menu-open .toc-inner>:nth-child(3){transition-delay:90ms}.sidebar.menu-open .toc-inner>:nth-child(4){transition-delay:.12s}.sidebar.menu-open .toc-inner>:nth-child(5){transition-delay:.15s}.sidebar.menu-open .toc-inner>:nth-child(6){transition-delay:.18s}.sidebar.menu-open .toc-inner>:nth-child(7){transition-delay:.21s}.sidebar.menu-open .toc-inner>:nth-child(8){transition-delay:.24s}.toc-toggles{margin-top:0;margin-left:16px}.content{width:100%;margin:0 auto;padding:0 24px 48px;gap:48px}.hero{padding-top:40px}.hero-heading{font-size:24px;line-height:30px}.section-heading{font-size:16px;line-height:24px}}@media (min-width:1241px){.hero-visual{--scroll-rad:-290px}}@media (max-width:847px){.desktop-bg{aspect-ratio:unset;padding:0;max-width:640px;margin:0 auto;background:none;overflow-clip-margin:0;box-shadow:0 6px 20px 20px rgb(0 0 0/3%),0 1px 17px 3px rgb(0 0 0/7%),0 0 0 1px rgb(0 0 0/5%)}:root[data-theme=dark] .desktop-bg{box-shadow:0 6px 20px 20px rgb(0 0 0/3%),0 1px 17px 3px rgb(0 0 0/7%),0 0 0 1px rgb(255 255 255/17%)}.desktop-bg:before{display:none}.browser-window{max-height:420px}.menu-bar,.mock-cursor,.mock-dock{display:none}}@media (max-width:768px){.desktop-only{display:none}.mobile-callout{display:block}.hero-visual{margin-top:24px}}@media (max-width:640px){.sidebar{padding:12px 16px}.hero-install{display:none}.hero-visual{margin-top:24px;--scroll-pad:-180px;--scroll-rad:-400px}.content{padding:0 16px 40px;gap:40px}.hero{padding-top:32px}.hero-heading{font-size:22px;line-height:28px}.hero-sub{font-size:13px;line-height:20px;margin-bottom:24px}.section-heading{font-size:15px;line-height:22px}.section-desc{font-size:13px;line-height:20px}.steps-grid{grid-template-columns:1fr}.pain-section{padding-top:32px}.pain-resolution,.pain-statement{font-size:13px}.compat-grid{grid-template-columns:1fr}.compat-group:not(:last-child){border-right:none;border-bottom:1px solid var(--color-border-faint)}.compat-group{padding:16px 20px}.install-steps{gap:24px}.install-step{flex-direction:column;gap:8px}.step-title{font-size:13px}.step-desc{font-size:12px}.code-block{padding:14px 16px}.code-line{font-size:12px}.output-block{padding:14px 16px}.cta-primary{padding:10px 18px;font-size:12px}.faq-question{padding:14px 0;font-size:13px}.faq-answer>div>p{font-size:13px;line-height:20px;padding-bottom:12px}.footer{padding:20px 0}.footer-text{font-size:12px}}[data-theme=dark]{.desktop-bg{background-image:url(https://gefwnmizrwwjultadzml.supabase.co/storage/v1/object/public/Retune/meadow_night.webp)}.layout,.sidebar{background:#100d0a}.browser-chrome{background:#2d2d2d}.browser-window{box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 0 2px rgb(27,25,23),0 6px 20px 4px rgba(0,0,0,.26)}.safari-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.06)}.safari-pill-sep{background:rgba(255,255,255,.1)}.safari-btn{color:#d6d3d1}.browser-url.safari-pill{background:#1c1917;border-color:#1c1917;color:#a8a29e}.safari-reload{color:#a8a29e}.browser-content,.mock-main{background:#1c1917}.mock-nav{border-bottom-color:rgba(255,255,255,.08)}.mock-nav-brand{color:#e7e5e4}.mock-nav-link{color:#78716c}.mock-hero-heading{color:#e7e5e4}.mock-hero-sub{color:#78716c}.mock-hero-btn{background:#292524;border-color:#44403c;color:#e7e5e4}.mock-hero-btn.primary{background:#00983F;border-color:#00983F;color:#fff}.mock-logos{border-bottom-color:rgba(255,255,255,.06)}.mock-logo,.mock-logos-label{color:#57534e}.mock-section-title{color:#e7e5e4}.mock-section-sub{color:#78716c}.mock-bento-card{background:#292524;border-color:rgba(255,255,255,.06)}.mock-bento-title{color:#e7e5e4}.mock-bento-sub{color:#78716c}.mock-link-row{background:#1c1917;border-color:rgba(255,255,255,.06)}.mock-link-url{color:#e7e5e4}.mock-link-count{color:#78716c}.mock-bento-code{background:#0c0a09}.mock-bottom-heading{color:#e7e5e4}.mock-bottom-sub{color:#78716c}.mock-stats{border-top-color:rgba(255,255,255,.06);border-bottom-color:rgba(255,255,255,.06)}.mock-stat-num{color:#e7e5e4}.mock-stat-label{color:#78716c}.mock-integration-pill{background:#292524;border-color:rgba(255,255,255,.06);color:#e7e5e4}.mock-avatar{border-color:#1c1917}.mock-avatar-more{background:#292524!important;color:#a8a29e}.mock-testimonial{background:#292524;border-color:rgba(255,255,255,.06)}.mock-testimonial-text{color:#a8a29e}.mock-testimonial-name{color:#e7e5e4}.mock-testimonial-role{color:#78716c}.mock-footer{background:#0c0a09}.mock-footer-heading{color:#e7e5e4}.mock-footer-link{color:#57534e}.mock-footer-bottom{border-top-color:rgba(255,255,255,.06)}.mock-footer-copy{color:#44403c}.mock-terminal-wrapper{--term-ring-1:#3e3e3e;--term-ring-2:#121212;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3)) drop-shadow(0 1px 2px rgba(0,0,0,.15))}.mock-terminal{background:#0c0a09;color:#d6d3d1;box-shadow:0 0 0 .5px rgba(255,255,255,.15)}.mock-term-titlebar{background:#1c1917;border-bottom-color:rgba(255,255,255,.06)}.mock-term-title{color:#78716c}.mock-term-badge{color:#0c0a09}.mock-term-file{color:#d97706}.mock-term-dim{color:#57534e}.mock-term-line-1{border-bottom-color:rgba(255,255,255,.06)}.code-keyword{color:#a78bfa}.code-string{color:#34d399}.code-component,.output-prop{color:#22d3ee}.output-old{color:#f87171}.output-hint,.output-new{color:#34d399}@media (max-width:847px){.browser-window{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.3)}}}