@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}.accordion-item.svelte-1fg7ayl{border-radius:var(--radius-sm,.25rem);background-color:var(--bg-highlight);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));outline-style:var(--tw-outline-style);outline-width:1px;outline-color:var(--color-muted,var(--muted))}@supports (color:color-mix(in lab,red,red)){.accordion-item.svelte-1fg7ayl{outline-color:color-mix(in oklab,var(--color-muted,var(--muted)) 20%,transparent)}}@media not all and (min-width:40rem){.accordion-item.svelte-1fg7ayl{border-radius:0}}.accordion-item.svelte-1fg7ayl{outline-width:0;transition:outline .2s ease-out,background-color .2s ease-out;overflow:hidden}.accordion-item.is-open.svelte-1fg7ayl{background-color:#fff7;outline-width:1px}.accordion-heading.svelte-1fg7ayl{margin:0}.accordion-trigger.svelte-1fg7ayl{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;font-family:inherit;font-weight:400;line-height:1.35;display:flex}.accordion-answer.svelte-1fg7ayl{opacity:0;grid-template-rows:0fr;padding:0 1.5rem;transition:grid-template-rows .2s ease-out,opacity .2s ease-out,padding .2s ease-out;display:grid}.accordion-item.is-open.svelte-1fg7ayl .accordion-answer:where(.svelte-1fg7ayl){opacity:1;grid-template-rows:1fr;padding-bottom:1.5rem}.accordion-answer-inner.svelte-1fg7ayl{min-height:0;color:var(--muted)}.accordion-answer-inner.svelte-1fg7ayl p{margin:0}.accordion-answer-inner.svelte-1fg7ayl p+p{margin-top:1rem}.accordion-answer-inner.svelte-1fg7ayl ul{flex-direction:column;gap:.75rem;margin:1.25rem 0 0;padding-left:1.5rem;list-style:outside;display:flex}.accordion-answer-inner.svelte-1fg7ayl a{color:var(--accent);text-underline-offset:.16em;text-decoration:underline}.accordion-answer-inner.svelte-1fg7ayl a:hover{color:var(--accent-hover)}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}.section-block.svelte-7sbq87{height:calc(100vh - var(--header-h));align-items:center;display:flex}@media not all and (min-width:48rem){.right-pane.svelte-7sbq87 svg:where(.svelte-7sbq87){display:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@font-face{font-family:Yiana Keyboard Inter;src:url(/fonts/InterVariable-Subset.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:swap}.pillar-keyboard.svelte-lc0y2z{--key-size:clamp(4.45rem, 7.2vw, 5.85rem);--key-gap:clamp(.52rem, 1vw, .72rem);--key-radius:clamp(.35rem, .7vw, .5rem);--key-bg:transparent}@supports (color:color-mix(in lab,red,red)){.pillar-keyboard.svelte-lc0y2z{--key-bg:color-mix(in srgb, transparent 80%, var(--surface-strong))}}.pillar-keyboard.svelte-lc0y2z{--key-border:var(--line)}@supports (color:color-mix(in lab,red,red)){.pillar-keyboard.svelte-lc0y2z{--key-border:color-mix(in srgb, var(--line) 34%, transparent)}}.pillar-keyboard.svelte-lc0y2z{--key-text:var(--text)}@supports (color:color-mix(in lab,red,red)){.pillar-keyboard.svelte-lc0y2z{--key-text:color-mix(in srgb, var(--text) 82%, var(--accent) 18%)}}.pillar-keyboard.svelte-lc0y2z{--key-muted:var(--muted)}@supports (color:color-mix(in lab,red,red)){.pillar-keyboard.svelte-lc0y2z{--key-muted:color-mix(in srgb, var(--muted) 60%, white 40%)}}.pillar-keyboard.svelte-lc0y2z{border-radius:var(--radius-xl,.75rem);width:100%;min-width:0;padding:calc(var(--spacing,.25rem) * 4);max-width:46rem;font-family:"Yiana Keyboard Inter","Inter",var(--font-lato);gap:var(--key-gap);flex-direction:column;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#fff 40% 60%,#0000 100%);mask-image:linear-gradient(#0000,#fff 40% 60%,#0000)}.keyboard-row.svelte-lc0y2z{z-index:1;justify-content:flex-start;gap:var(--key-gap);flex-direction:row;width:max-content;display:flex;position:relative}.keyboard-row-home.svelte-lc0y2z,.keyboard-row-tab.svelte-lc0y2z{-webkit-mask-image:linear-gradient(90deg,#fff 80%,#0000 100%);mask-image:linear-gradient(90deg,#fff 80%,#0000)}.keyboard-key.svelte-lc0y2z{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 3);width:var(--key-size);height:var(--key-size);border-width:1px;border-color:var(--key-border);border-radius:var(--key-radius);background:var(--key-bg);color:var(--key-muted);flex-direction:column;flex:none;justify-content:space-between;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffdb,0 1px 2px #364c6b14}.key-tab.svelte-lc0y2z{width:calc(var(--key-size) * 1.5)}.key-shift.svelte-lc0y2z{width:calc(var(--key-gap) * 3 + var(--key-size) * 2)}.keyboard-key.svelte-lc0y2z>span:where(.svelte-lc0y2z){color:inherit;text-wrap:balance;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.1;display:block}.plain-key.svelte-lc0y2z{justify-content:center;align-items:center}.plain-key.key-tab.svelte-lc0y2z,.plain-key.key-shift.svelte-lc0y2z{justify-content:flex-end;align-items:start}.feature-key.svelte-lc0y2z{--transition-duration:.25s;--transition-easing:cubic-bezier(0, .7, 1, 1);transition:border-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing);font-weight:500}.feature-key.svelte-lc0y2z:before{content:"";background:linear-gradient(180deg,#ffffff40,#ffffffbd),var(--surface-strong);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.feature-key.svelte-lc0y2z:before{background:linear-gradient(180deg,#ffffff40,#ffffffbd),color-mix(in srgb,var(--surface-strong) 70%,var(--bg-depth) 30%)}}.feature-key.svelte-lc0y2z:before{opacity:0;pointer-events:none;transition:opacity var(--transition-duration) var(--transition-easing)}.feature-key.svelte-lc0y2z>span:where(.svelte-lc0y2z),.feature-key.svelte-lc0y2z .feature-icon{z-index:1;position:relative}.feature-key.svelte-lc0y2z .feature-icon{width:clamp(1.05rem,1.65vw,1.35rem);height:clamp(1.05rem,1.65vw,1.35rem);color:var(--key-muted);transition:color var(--transition-duration) var(--transition-easing)}.feature-key.highlighted.svelte-lc0y2z{border-color:var(--line)}@supports (color:color-mix(in lab,red,red)){.feature-key.highlighted.svelte-lc0y2z{border-color:color-mix(in srgb,var(--line) 80%,var(--key-bg))}}.feature-key.highlighted.svelte-lc0y2z{color:var(--key-text)}.feature-key.highlighted.svelte-lc0y2z:before{opacity:1}.feature-key.highlighted.svelte-lc0y2z .feature-icon{color:#00659d}.feature-key.svelte-lc0y2z>span:where(.svelte-lc0y2z){white-space:nowrap;max-width:none;font-size:clamp(.7rem,1.1vw,.9rem);line-height:1.1}.feature-key.feature-private.svelte-lc0y2z{width:calc(var(--key-size) * 2 - var(--key-gap))}.feature-key.feature-minimalism.svelte-lc0y2z,.feature-key.feature-keyboard-first.svelte-lc0y2z{width:calc(var(--key-size) * 1.5 + var(--key-gap))}.feature-key.feature-tabbed-multitasking.svelte-lc0y2z{width:calc(var(--key-size) * 2 + var(--key-gap))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.section-left.svelte-nbm8xp p:where(.svelte-nbm8xp){text-wrap:pretty}.demo.svelte-pc7bhe{position:relative;width:100%;height:clamp(400px,50vh,640px);border-radius:.5rem;overflow:hidden;outline:1px solid rgba(25,46,74,.12);box-shadow:0 18px 34px #1a2b480d}.demo.svelte-pc7bhe,.demo.demo-cover-enabled.svelte-pc7bhe:before{background-color:var(--bg-highlight);background-image:linear-gradient(#edf7fff3,#edf7fff3),var(--demo-background-image, none);background-position:center;background-size:cover;background-repeat:no-repeat;background-blend-mode:normal,luminosity}.demo.svelte-pc7bhe:before{content:none}.demo.demo-cover-enabled.svelte-pc7bhe:before{content:"";position:absolute;inset:0;z-index:11;pointer-events:none;opacity:0;--demo-cover-transition-ms: .26s;transition:opacity var(--demo-cover-transition-ms) ease-out}.demo.demo-cover-enabled.demo-cover-visible.svelte-pc7bhe:before{--demo-cover-transition-ms: .14s;opacity:1}.demo-window.svelte-pc7bhe{position:absolute;border-radius:.62rem;border:1px solid rgba(27,45,72,.14);background:#f8fbff4f;box-shadow:0 18px 30px #0e1f3a1f;overflow:hidden}.demo-window-back.svelte-pc7bhe{z-index:1}.demo-window-front.svelte-pc7bhe{z-index:2}.demo-window-titlebar.svelte-pc7bhe{display:flex;position:relative;align-items:center;padding:.26rem .52rem;background:#f0f5fcf5}.demo-window-back.svelte-pc7bhe .demo-window-titlebar:where(.svelte-pc7bhe){height:22px}.demo-window-front.svelte-pc7bhe .demo-window-titlebar:where(.svelte-pc7bhe){align-items:flex-end;height:36px;overflow:visible;padding:0;background:#fbfbfb}.window-buttons.svelte-pc7bhe,.window-tab.svelte-pc7bhe{display:block;flex:none}.window-tab.svelte-pc7bhe{width:1000px;position:relative;z-index:1;margin-left:-72px;margin-bottom:-1px}.window-dots.svelte-pc7bhe{display:inline-flex;position:absolute;align-items:center;gap:.22rem;height:100%}.window-dots.svelte-pc7bhe span:where(.svelte-pc7bhe){width:.56rem;height:.56rem;border-radius:999px;background:#59729647}.window-title.svelte-pc7bhe{margin-inline:auto;margin-bottom:-2px;font-family:var(--font-manrope);font-size:.7rem;color:#293c56b8}.demo-window-body.svelte-pc7bhe{position:relative;width:100%}.demo-back-body.svelte-pc7bhe{height:calc(100% - 22px)}.demo-front-body.svelte-pc7bhe{height:calc(100% - 36px);background:#fbfbfb;overflow:hidden}.demo-front-content.svelte-pc7bhe{user-select:none;font-family:var(--font-lato);font-size:clamp(.88rem,2.15vw,1rem);line-height:1.68;color:#173153c7;margin:0;padding:1.15rem 1.25rem}.demo-text.svelte-pc7bhe{user-select:none;font-family:var(--font-mono);font-size:clamp(.7rem,1.7vw,.8rem);line-height:1.68;color:#1e2b3a9a;margin:0;padding:1.15rem 1.25rem}.demo-text.svelte-pc7bhe pre:where(.svelte-pc7bhe){margin:0}.demo-caret.svelte-pc7bhe{position:absolute;width:2px;margin-top:.1rem;background:#102b51f2;transform:translate(-50%);z-index:4}.demo-caret.blink.svelte-pc7bhe{animation:svelte-pc7bhe-caret-blink 1.1s steps(1,end) infinite}.demo-caret.is-hidden.svelte-pc7bhe{display:none}.demo-mouse.svelte-pc7bhe{position:absolute;width:24px;height:24px;transform:translate(-3px,-2px);z-index:6;pointer-events:none;color:#12233aeb}.demo-mouse.svelte-pc7bhe img:where(.svelte-pc7bhe){width:100%;height:100%;display:block}.demo-mouse.moving.svelte-pc7bhe{transition:left 1s ease,top 1s ease}.demo-mouse.is-hidden.svelte-pc7bhe{display:none}.demo-context-menu.svelte-pc7bhe{position:absolute;transform:translate(0);min-width:min(14.2rem,78vw);border-radius:4px;border:1px solid rgba(27,49,83,.2);background:#fffffffa;box-shadow:0 4px 6px #17253b1a;padding:.34rem 0;z-index:5}.demo-context-menu.is-hidden.svelte-pc7bhe{display:none}.demo-context-row.svelte-pc7bhe{display:flex;align-items:center;gap:1.1rem;justify-content:space-between;font-family:var(--font-lato);font-size:.8rem;color:#122640eb;padding:.32rem .68rem;transition:background-color .11s ease,color .11s ease}.demo-context-row.svelte-pc7bhe kbd:where(.svelte-pc7bhe){font-family:var(--font-manrope);font-size:.69rem;color:#234168b8;transition:color .11s ease}.demo-context-row.is-hovered.svelte-pc7bhe{background:#1c58a926;color:#0a1f3afa}.demo-context-row.is-hovered.svelte-pc7bhe kbd:where(.svelte-pc7bhe){color:#153e72e6}@keyframes svelte-pc7bhe-caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}.keyboard-feature-left.svelte-1ei4uvj{position:relative}.keyboard-feature-controls.svelte-1ei4uvj{justify-content:center;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}@media not all and (min-width:48rem){.keyboard-feature-controls.svelte-1ei4uvj{align-items:flex-start}}.feature-layout.svelte-1ei4uvj{margin-block:calc(var(--spacing,.25rem) * 5);gap:calc(var(--spacing,.25rem) * 6);flex-direction:column;display:flex}@media(min-width:48rem){.feature-layout.svelte-1ei4uvj{flex-direction:row}}.scroll-anchor-list.svelte-1ei4uvj{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:100vh;margin:70vh 0 100vh;padding:0;list-style-type:none;display:flex}.scroll-anchor-item.svelte-1ei4uvj{width:1px;height:1px}.feature-pill.svelte-1ei4uvj{color:var(--text)}@supports (color:color-mix(in lab,red,red)){.feature-pill.svelte-1ei4uvj{color:color-mix(in srgb,var(--text) 30%,transparent)}}.feature-pill.svelte-1ei4uvj{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:0;padding-block:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));border-radius:3.40282e38px;margin:0;transition:color .22s ease-out;display:inline}.feature-pill-list.svelte-1ei4uvj{margin:0;list-style-type:none;display:inline}.feature-pill-list.svelte-1ei4uvj li:where(.svelte-1ei4uvj){padding-right:calc(var(--spacing,.25rem) * 4);margin:0;display:inline}.feature-pill.svelte-1ei4uvj:hover{color:var(--text)}.feature-pill.svelte-1ei4uvj:hover:after{opacity:1;transform:translate(.12rem)}.feature-pill.active.svelte-1ei4uvj{color:var(--text);font-weight:600}.feature-pill.active.svelte-1ei4uvj:after{opacity:1}.feature-pill-button.svelte-1ei4uvj{font:inherit;background:0 0;border:0}