@layer components{.app-launch[data-v-ee70a419]{--_hue:var(--color-teal-500);--_hue-light:var(--color-teal-400);--_hue-deep:var(--color-teal-700);z-index:28;border-radius:inherit;background-color:color-mix(in oklab, var(--_hue) 12%, light-dark(var(--color-zinc-50),var(--color-zinc-900)));pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.app-launch[data-app=music][data-v-ee70a419]{--_hue:var(--color-violet-500);--_hue-light:var(--color-violet-400);--_hue-deep:var(--color-fuchsia-600)}.app-launch[data-app=work][data-v-ee70a419]{--_hue:var(--color-indigo-500);--_hue-light:var(--color-blue-400);--_hue-deep:var(--color-indigo-600)}.icon{&[data-v-ee70a419]{aspect-ratio:1;background-image:linear-gradient(to bottom, var(--_hue-light), var(--_hue-deep));inline-size:clamp(3.5rem,22%,5.5rem);box-shadow:inset 0 1px 0 0 oklch(100% 0 none/.35), 0 6px 16px -6px color-mix(in oklab, var(--_hue-deep) 60%, transparent);border-radius:22.5%;place-items:center;display:grid}& svg[data-v-ee70a419]{stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;inline-size:54%}}.app-launch[data-app=work] svg[data-v-ee70a419]{fill:#fff;stroke:none}.app-launch[data-state=opening]{&[data-v-ee70a419]{opacity:0;transition:opacity .2s ease-out}& .icon[data-v-ee70a419]{opacity:0}}@media (prefers-reduced-motion:no-preference){.app-launch[data-state=opening]{&[data-v-ee70a419]{transition:opacity .28s cubic-bezier(.23,1,.32,1)}& .icon[data-v-ee70a419]{transition:scale .28s cubic-bezier(.23,1,.32,1),opacity .22s cubic-bezier(.23,1,.32,1);scale:1.6}}}:where(.demo-window[data-v-2f0ca82f]){grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:.5rem;margin:0;display:grid;container:demo-window/inline-size}.demo-window[data-dragging][data-v-2f0ca82f]{-webkit-user-select:none;user-select:none}.ground[data-v-2f0ca82f]{--_drop:0 8px 16px -10px light-dark(color-mix(in oklab, var(--color-zinc-600) 40%, transparent),color-mix(in oklab, var(--color-zinc-950) 85%, transparent));min-block-size:0;box-shadow:var(--demo-window-edge,0 0 0 1px light-dark(var(--color-zinc-300),color-mix(in oklab, var(--color-zinc-950) 80%, transparent)), 0 1px 0 0 light-dark(var(--color-zinc-400),var(--color-zinc-950))), var(--_drop);isolation:isolate;border-radius:1.25rem;display:grid;position:relative;overflow:clip;container:app/size}.ground[data-v-2f0ca82f]:after{content:"";z-index:35;border-radius:inherit;box-shadow:inset 0 1px 0 0 light-dark(oklch(100% 0 none/.95),oklch(100% 0 none/.1)), inset 0 -1px 0 0 light-dark(color-mix(in oklab, var(--color-zinc-300) 70%, transparent),color-mix(in oklab, var(--color-zinc-950) 60%, transparent));pointer-events:none;position:absolute;inset:0}.ground[data-scheme=light][data-v-2f0ca82f]{color-scheme:light}.ground[data-scheme=dark][data-v-2f0ca82f]{color-scheme:dark}.app-slot[data-v-2f0ca82f]{display:contents}.ground[data-moving][data-v-2f0ca82f] [data-scroller]{overflow:hidden}.ground[data-motion=reduce] .app-slot[data-v-2f0ca82f] *,.ground[data-motion=reduce] .app-slot[data-v-2f0ca82f] :before,.ground[data-motion=reduce] .app-slot[data-v-2f0ca82f] :after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}.ground[data-inverted][data-v-2f0ca82f] :is(.phone-status,.phone-home,.toasts),.ground[data-inverted] .app-slot[data-v-2f0ca82f]>*,.ground[data-inverted] .app-slot[data-v-2f0ca82f] :is(:popover-open,dialog:modal){filter:invert()}.demo-window[data-device=mobile][data-hand=reader] .ground[data-v-2f0ca82f],.demo-window[data-device=mobile][data-hand=reader] .ground[data-v-2f0ca82f] *{cursor:none!important}.demo-window[data-shell][data-v-2f0ca82f]{row-gap:1rem}.demo-window[data-shell] .ground[data-v-2f0ca82f]{--_bezel:light-dark(var(--color-zinc-800),var(--color-zinc-700));inline-size:min(100% - 1rem,24.375rem);box-shadow:0 -1px 0 .5rem light-dark(var(--color-zinc-600),var(--color-zinc-500)), 0 0 0 .5rem var(--_bezel), 0 1px 0 .5rem light-dark(var(--color-zinc-950),color-mix(in oklab, var(--_bezel), var(--color-zinc-950) 60%)), var(--_drop);border-radius:2.75rem;justify-self:center;margin-block-start:.5rem}.demo-window[data-shell] .ground[data-v-2f0ca82f]:focus-within{box-shadow:0 -1px 0 .5rem light-dark(var(--color-zinc-600),var(--color-zinc-500)), 0 0 0 .5rem var(--_bezel), 0 1px 0 .5rem light-dark(var(--color-zinc-950),color-mix(in oklab, var(--_bezel), var(--color-zinc-950) 60%)), var(--_drop), 0 0 0 calc(.5rem + 3px) color-mix(in oklab, var(--accent) 28%, transparent)}@media (width<60rem){.demo-window[data-shell][data-v-2f0ca82f]{row-gap:.625rem}.demo-window[data-shell] .ground[data-v-2f0ca82f]{inline-size:min(100% - .5rem,24.375rem);box-shadow:0 -1px 0 .25rem light-dark(var(--color-zinc-600),var(--color-zinc-500)), 0 0 0 .25rem var(--_bezel), 0 1px 0 .25rem light-dark(var(--color-zinc-950),color-mix(in oklab, var(--_bezel), var(--color-zinc-950) 60%)), var(--_drop);margin-block-start:.25rem}.demo-window[data-shell] .ground[data-v-2f0ca82f]:focus-within{box-shadow:0 -1px 0 .25rem light-dark(var(--color-zinc-600),var(--color-zinc-500)), 0 0 0 .25rem var(--_bezel), 0 1px 0 .25rem light-dark(var(--color-zinc-950),color-mix(in oklab, var(--_bezel), var(--color-zinc-950) 60%)), var(--_drop), 0 0 0 calc(.25rem + 3px) color-mix(in oklab, var(--accent) 28%, transparent)}}.phone-status[data-v-2f0ca82f]{z-index:29;block-size:var(--app-top);color:var(--app-fg);font-family:var(--font-sans);font-size:var(--text-sm);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;align-items:center;padding-inline:1.75rem 1.6rem;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.phone-island[data-v-2f0ca82f]{border-radius:var(--radius-full);background-color:var(--color-zinc-950);block-size:1.625rem;inline-size:6.25rem;margin-inline:auto;position:absolute;inset-block-start:.6rem;inset-inline:0}.phone-cell{&[data-v-2f0ca82f]{align-items:end;gap:2px;block-size:.7rem;display:flex}& i[data-v-2f0ca82f]{background-color:currentColor;border-radius:1px;inline-size:3px}& i[data-v-2f0ca82f]:first-child{block-size:35%}& i[data-v-2f0ca82f]:nth-child(2){block-size:55%}& i[data-v-2f0ca82f]:nth-child(3){block-size:78%}& i[data-v-2f0ca82f]:nth-child(4){block-size:100%}}.phone-home[data-v-2f0ca82f]{z-index:29;border-radius:var(--radius-full);background-color:color-mix(in oklab, var(--app-fg) 85%, transparent);pointer-events:none;block-size:.3rem;inline-size:8rem;margin-inline:auto;position:absolute;inset-block-end:.5rem;inset-inline:0}.demo-window[data-inspecting] .ground[data-v-2f0ca82f],.demo-window[data-inspecting] .ground[data-v-2f0ca82f] *{cursor:var(--cursor-pick)!important}.dim[data-v-2f0ca82f]{z-index:25;block-size:100%;inline-size:100%;fill:light-dark(color-mix(in oklab, var(--color-zinc-900) 30%, transparent),color-mix(in oklab, var(--color-zinc-950) 55%, transparent));pointer-events:none;position:absolute;inset:0}.ring[data-v-2f0ca82f],.probe[data-v-2f0ca82f],.glide[data-v-2f0ca82f]{z-index:26;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.ring[data-v-2f0ca82f]{box-shadow:0 0 0 1.5px var(--accent), 0 0 0 5px color-mix(in oklab, var(--accent) 16%, transparent)}.ring[data-cue][data-v-2f0ca82f]{box-shadow:0 0 0 1.5px color-mix(in oklab, var(--accent) 80%, transparent), 0 0 0 4px color-mix(in oklab, var(--accent) 10%, transparent)}.probe[data-v-2f0ca82f]{background-color:color-mix(in oklab, var(--accent) 6%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.glide[data-v-2f0ca82f]{box-shadow:0 0 0 2px var(--focus)}.tag[data-v-2f0ca82f]{z-index:27;background-color:var(--color-blue-600);box-shadow:0 1px 0 0 color-mix(in oklab, var(--color-blue-600) 55%, black);color:oklch(100% 0 none);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;border-radius:.375rem;align-items:baseline;gap:.5em;padding:.2rem .45rem;line-height:1.2;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0}.tag-kind[data-v-2f0ca82f]{color:oklch(100% 0 none/.8)}.probe-tag{&[data-v-2f0ca82f]{background-color:light-dark(var(--color-zinc-900),var(--color-zinc-100));color:light-dark(oklch(100% 0 none),var(--color-zinc-900));box-shadow:0 1px light-dark(oklch(0% 0 none/.4),oklch(0% 0 none/.6))}& .tag-kind[data-v-2f0ca82f]{color:light-dark(oklch(100% 0 none/.65),var(--color-zinc-500))}}.hand[data-v-2f0ca82f]{z-index:30;pointer-events:none;block-size:0;inline-size:0;position:absolute;inset-block-start:0;inset-inline-start:0}.hand-shape[data-v-2f0ca82f]{position:absolute;inset-block-start:0;inset-inline-start:0}.cursor[data-v-2f0ca82f]{display:block;overflow:visible}.hand[data-shape=arrow] .cursor[data-v-2f0ca82f]{transform-origin:1px 1px;block-size:21px;inline-size:14px;translate:-1px -1px}.hand[data-shape=pointer] .cursor[data-v-2f0ca82f]{transform-origin:6.9px 1px;block-size:20px;inline-size:17px;translate:-6.9px -1px}.hand[data-shape=text] .cursor[data-v-2f0ca82f]{transform-origin:5.5px 10px;block-size:20px;inline-size:10px;translate:-5.5px -10px}.cursor-ink[data-v-2f0ca82f]{fill:oklch(0% 0 none);stroke:oklch(100% 0 none);stroke-width:2px;stroke-linejoin:round;paint-order:stroke}.cursor-paper[data-v-2f0ca82f]{fill:oklch(100% 0 none);stroke:oklch(0% 0 none);stroke-width:1px;stroke-linejoin:round}.cursor-halo[data-v-2f0ca82f],.cursor-beam[data-v-2f0ca82f]{fill:none;stroke-linecap:round}.cursor-halo[data-v-2f0ca82f]{stroke:oklch(100% 0 none);stroke-width:3px}.cursor-beam[data-v-2f0ca82f]{stroke:oklch(0% 0 none);stroke-width:1.2px}.hand[data-down] .cursor[data-v-2f0ca82f]{scale:.9}.hand[data-shape=finger] .hand-shape[data-v-2f0ca82f]{background-color:color-mix(in oklab, var(--app-fg) 16%, transparent);block-size:2.25rem;inline-size:2.25rem;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--app-fg) 26%, transparent), 0 0 0 1px color-mix(in oklab, var(--app-bg) 50%, transparent);border-radius:50%;translate:-50% -50%}.hand[data-shape=finger][data-down] .hand-shape[data-v-2f0ca82f]{background-color:color-mix(in oklab, var(--app-fg) 28%, transparent);scale:.85}.hand[data-shape=finger][data-lifted] .hand-shape[data-v-2f0ca82f]{scale:1.15}.hand[popover][data-v-2f0ca82f]{z-index:auto;color:inherit;background-color:#0000;border:0;padding:0;position:fixed;inset:0 auto auto 0;overflow:visible}.ripple[data-v-2f0ca82f]{z-index:29;block-size:1.75rem;inline-size:1.75rem;box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 65%, transparent);opacity:0;pointer-events:none;border-radius:999px;position:absolute;inset-block-start:-.875rem;inset-inline-start:-.875rem}.keycast[data-v-2f0ca82f]{z-index:28;pointer-events:none;justify-content:center;gap:.5rem;display:flex;position:absolute;inset:auto 0 4.25rem}.cast[data-v-2f0ca82f]{background-color:color-mix(in oklab, var(--app-bg) 82%, transparent);box-shadow:var(--app-lift);opacity:0;border-radius:.6rem;gap:.25rem;padding:.3rem;animation:1.4s linear both demo-cast-still;display:flex}.caption[data-v-2f0ca82f]{align-items:center;gap:var(--space-4);min-block-size:1.5rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--demo-window-ink,var(--fg-muted));padding-inline:.5rem .25rem;line-height:1;display:flex}.meter[data-v-2f0ca82f]{align-items:center;gap:var(--space-2);white-space:nowrap;flex:none;display:flex}.lamp[data-v-2f0ca82f]{block-size:7px;inline-size:7px}.reads[data-v-2f0ca82f]{align-items:center;gap:var(--space-2);min-inline-size:0;color:var(--fg-soft);flex:1;display:flex}.reads-mark[data-v-2f0ca82f]{block-size:.95rem;inline-size:.95rem;color:var(--fg-muted);flex:none}.reads-text[data-v-2f0ca82f]{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:0;overflow:hidden}.hear[data-v-2f0ca82f],.hears[data-v-2f0ca82f]{display:none}.reset{&[data-v-2f0ca82f]{border-radius:var(--radius-full);color:var(--demo-window-ink,var(--fg-muted));font:inherit;letter-spacing:inherit;cursor:pointer;flex:none;align-items:center;gap:.35rem;margin-block:-.3rem;padding:.3rem .55rem;display:flex}& svg[data-v-2f0ca82f]{block-size:.85rem;inline-size:.85rem}&[data-v-2f0ca82f]:focus-visible{outline:2px solid var(--focus);outline-offset:1px}}@media (hover:hover){.reset[data-v-2f0ca82f]:hover,.commands[data-v-2f0ca82f]:hover{color:var(--fg)}}.commands{&[data-v-2f0ca82f]{border-radius:var(--radius-full);color:var(--demo-window-ink,var(--fg-muted));font:inherit;letter-spacing:inherit;flex:none;align-items:center;gap:.45rem;margin-block:-.3rem;padding:.25rem .5rem .25rem .3rem;display:flex}&[data-v-2f0ca82f]:focus-visible{outline:2px solid var(--focus);outline-offset:1px}}.commands-keys[data-v-2f0ca82f]{gap:.15rem;display:inline-flex}.commands-mark[data-v-2f0ca82f]{block-size:.95rem;inline-size:.95rem;display:none}@media (pointer:coarse){.commands-keys[data-v-2f0ca82f]{display:none}.commands-mark[data-v-2f0ca82f]{display:block}}.demo-window:focus-within .commands{&[data-v-2f0ca82f]{color:var(--fg)}& .keycap[data-v-2f0ca82f]{color:var(--accent-fg)}}.ground[data-v-2f0ca82f]:focus-within{box-shadow:0 0 0 1px light-dark(var(--color-zinc-300),color-mix(in oklab, var(--color-zinc-950) 80%, transparent)), 0 1px 0 0 light-dark(var(--color-zinc-400),var(--color-zinc-950)), var(--_drop), 0 0 0 3px color-mix(in oklab, var(--accent) 28%, transparent)}.ground[data-v-2f0ca82f]:focus-visible{outline:none}@container demo-window (width<30rem){.reset-word[data-v-2f0ca82f],.commands-word[data-v-2f0ca82f]{display:none}.caption[data-v-2f0ca82f]{gap:var(--space-3)}}@media (width<60rem){.caption[data-v-2f0ca82f]{gap:var(--space-2);letter-spacing:0;padding-inline:.375rem 0;position:relative}.press[data-v-2f0ca82f],.reset-word[data-v-2f0ca82f],.commands-word[data-v-2f0ca82f],.commands-keys[data-v-2f0ca82f]{display:none}.commands-mark[data-v-2f0ca82f]{display:block}.commands[data-v-2f0ca82f],.reset[data-v-2f0ca82f]{justify-content:center;block-size:2.25rem;inline-size:2.25rem;margin-block:-.375rem;padding:0}.commands+.reset[data-v-2f0ca82f]{margin-inline-start:calc(var(--space-2) * -1)}.meter[data-v-2f0ca82f]{flex:1}.reads[data-v-2f0ca82f]{display:none}.hear{&[data-v-2f0ca82f]{border-radius:var(--radius-full);block-size:2.25rem;inline-size:2.25rem;color:var(--demo-window-ink,var(--fg-muted));flex:none;place-items:center;margin-block:-.375rem;display:grid}&[data-v-2f0ca82f]:focus-visible{outline:2px solid var(--focus);outline-offset:1px}}.hear[aria-pressed=true][data-v-2f0ca82f]{color:var(--accent-fg);background-color:color-mix(in oklab, var(--accent) 14%, transparent)}.hears[data-v-2f0ca82f]{z-index:40;color-scheme:dark;background-color:light-dark(var(--color-zinc-100),var(--color-zinc-800));box-shadow:inset 0 1px 0 0 light-dark(oklch(100% 0 none/.8),oklch(100% 0 none/.12)), 0 1px 0 0 light-dark(var(--color-zinc-400),var(--color-zinc-950)), 0 8px 16px -8px light-dark(color-mix(in oklab, var(--color-zinc-950) 80%, transparent),color-mix(in oklab, var(--color-zinc-900) 45%, transparent));color:light-dark(var(--color-zinc-900),var(--color-zinc-50));pointer-events:none;border-radius:.875rem;gap:.2rem;margin:0;padding:.55rem .75rem .6rem;display:grid;position:absolute;inset-block-end:calc(100% + 1rem);inset-inline:.5rem}.hears-kicker[data-v-2f0ca82f]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:light-dark(var(--color-zinc-600),var(--color-zinc-400))}.hears-text[data-v-2f0ca82f]{-webkit-line-clamp:3;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-sm);letter-spacing:0;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<60rem) and (prefers-color-scheme:dark){.hears[data-v-2f0ca82f]{color-scheme:light}}@media (width<60rem) and (prefers-reduced-motion:no-preference){.hears[data-v-2f0ca82f]{transition:opacity .16s cubic-bezier(.23,1,.32,1),translate .16s cubic-bezier(.23,1,.32,1)}@starting-style{.hears[data-v-2f0ca82f]{opacity:0;translate:0 .25rem}}.hear[data-v-2f0ca82f]{transition:scale .12s cubic-bezier(.23,1,.32,1)}.hear[data-v-2f0ca82f]:active{scale:.97}}.toasts[data-v-2f0ca82f]{z-index:20;pointer-events:none;justify-items:center;display:grid;position:absolute;inset:auto .75rem .75rem}.banners[data-v-2f0ca82f]{grid-template-columns:minmax(0,1fr);align-items:end;inline-size:min(20rem,100%);display:grid}.banner[data-v-2f0ca82f]{--toast-depth:calc(sibling-count() - sibling-index());border-radius:var(--radius-full);background-color:var(--app-card);box-shadow:var(--app-lift);color:var(--app-fg);font-size:var(--text-sm);line-height:var(--leading-sm);pointer-events:auto;touch-action:pan-y;translate:0 calc(var(--toast-depth) * -6px);scale:calc(1 - var(--toast-depth) * .05);transform-origin:50% 0;z-index:calc(10 - var(--toast-depth));grid-area:1/1;align-items:center;gap:.75rem;padding:.55rem .55rem .55rem .9rem;display:flex;position:relative;overflow:hidden}.text[data-v-2f0ca82f]{flex:1;min-inline-size:0}.action{&[data-v-2f0ca82f]{border-radius:var(--radius-full);background-color:var(--app-fill);box-shadow:var(--app-sheen);color:var(--app-tint);font-size:var(--text-sm);cursor:pointer;padding:.3rem .75rem;font-weight:600}&[data-v-2f0ca82f]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}.timer[data-v-2f0ca82f]{background-color:color-mix(in oklab, var(--app-tint) 60%, transparent);transform-origin:0;block-size:1px;animation:4s linear both demo-toast-time;position:absolute;inset:auto 1rem 0}.banners:focus-within .timer[data-v-2f0ca82f]{animation-play-state:paused}@media (hover:hover){.banners:hover .timer[data-v-2f0ca82f]{animation-play-state:paused}}@media (prefers-reduced-motion:no-preference){.dim[data-v-2f0ca82f]{transition:opacity .18s var(--ease-out-quint)}.ring[data-v-2f0ca82f]{transition:opacity .18s var(--ease-out-quint), scale .22s var(--ease-out-quint)}@starting-style{.dim[data-v-2f0ca82f],.ring[data-v-2f0ca82f]{opacity:0}.ring[data-v-2f0ca82f]{scale:1.06}}.banner[data-v-2f0ca82f]{transition:translate .3s var(--ease-out-quint), scale .3s var(--ease-out-quint), opacity .2s var(--ease-out-quint)}@starting-style{.banner[data-v-2f0ca82f]{opacity:0;translate:0 1rem}}.hand-shape[data-v-2f0ca82f],.cursor[data-v-2f0ca82f]{transition:scale .12s var(--ease-out-quint), background-color .12s var(--ease-out-quint)}.glide[data-v-2f0ca82f]{transition:translate .14s var(--ease-out-quint), inline-size .14s var(--ease-out-quint), block-size .14s var(--ease-out-quint), border-radius .14s var(--ease-out-quint)}.ring[data-cue][data-v-2f0ca82f]{animation:demo-cue 1.1s var(--ease-out-quint) both}.tag[data-v-2f0ca82f]{animation:demo-tag .18s var(--ease-out-quint) both}.ripple[data-v-2f0ca82f]{animation:demo-ripple .42s var(--ease-out-quint) both}.cast[data-v-2f0ca82f]{animation:demo-cast 1.6s var(--ease-out-quint) both}.action[data-v-2f0ca82f]:active,.reset[data-v-2f0ca82f]:active{scale:.97}}}[data-flip-ghost],[data-flip-ghost] *{transition:none!important;animation:none!important}@keyframes demo-toast-time{0%{scale:1}to{scale:0 1}}@keyframes demo-cue{0%{opacity:0;scale:1.04}18%,70%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes demo-tag{0%{opacity:0}}@keyframes demo-ripple{0%{opacity:1;scale:.4}to{opacity:0;scale:1.6}}@keyframes demo-cast{0%{opacity:0;translate:0 .5rem}12%,78%{opacity:1;translate:0}to{opacity:0;translate:0 -.25rem}}@keyframes demo-cast-still{0%,85%{opacity:1}to{opacity:0}}