.contactspec[data-astro-cid-2l6i6grj]{width:min(20rem,100%);padding:.5rem;font-family:var(--font-sans)}.contactspec-eyebrow[data-astro-cid-2l6i6grj]{margin:.25rem .5rem .6rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground) / .72)}.contactspec-list[data-astro-cid-2l6i6grj]{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.contactspec-row[data-astro-cid-2l6i6grj]{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:inherit;text-decoration:none;transition:background .14s}.contactspec-row[data-astro-cid-2l6i6grj]:hover{background:hsl(var(--foreground) / .05)}.contactspec-chip[data-astro-cid-2l6i6grj]{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:hsl(var(--foreground) / .05);color:hsl(var(--muted-foreground));transition:color .15s,background .15s}.contactspec-chip[data-astro-cid-2l6i6grj] svg{width:17px;height:17px}.contactspec-body[data-astro-cid-2l6i6grj]{display:flex;flex-direction:column;gap:1px;min-width:0}.contactspec-name[data-astro-cid-2l6i6grj]{font-size:13.5px;font-weight:500;line-height:1.3;color:hsl(var(--foreground))}.contactspec-handle[data-astro-cid-2l6i6grj]{font-family:var(--font-mono);font-size:11.5px;line-height:1.3;color:hsl(var(--muted-foreground))}.contactspec-arrow[data-astro-cid-2l6i6grj]{flex:none;width:15px;height:15px;margin-left:auto;color:hsl(var(--muted-foreground));opacity:0;transform:translate(-2px,2px);transition:opacity .14s,transform .14s,color .14s}.contactspec-row[data-astro-cid-2l6i6grj]:hover .contactspec-arrow[data-astro-cid-2l6i6grj]{opacity:1;transform:none}.contactspec-row[data-astro-cid-2l6i6grj][data-channel=GitHub]:hover .contactspec-chip[data-astro-cid-2l6i6grj]{background:#181717;color:#fff}.dark .contactspec-row[data-astro-cid-2l6i6grj][data-channel=GitHub]:hover .contactspec-chip[data-astro-cid-2l6i6grj]{background:#fff;color:#181717}.contactspec-row[data-astro-cid-2l6i6grj][data-channel=Telegram]:hover .contactspec-chip[data-astro-cid-2l6i6grj]{color:#fff;background:linear-gradient(#2aabee,#229ed9)}.contactspec-row[data-astro-cid-2l6i6grj][data-channel=Telegram]:hover .contactspec-arrow[data-astro-cid-2l6i6grj]{color:#26a5e4}.contactspec-row[data-astro-cid-2l6i6grj][data-channel=Instagram]:hover .contactspec-chip[data-astro-cid-2l6i6grj]{color:#fff;background-image:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.contactspec-row[data-astro-cid-2l6i6grj][data-channel=Instagram]:hover .contactspec-arrow[data-astro-cid-2l6i6grj]{color:#dc2743}.contactspec-row[data-astro-cid-2l6i6grj][data-channel=Email]:hover .contactspec-chip[data-astro-cid-2l6i6grj]{color:#fff;background:#ea4335}.contactspec-row[data-astro-cid-2l6i6grj][data-channel=Email]:hover .contactspec-arrow[data-astro-cid-2l6i6grj]{color:#ea4335}.updbtn[data-astro-cid-svxqjqdy]{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;font-family:var(--font-sans)}.header-action-btn[data-astro-cid-svxqjqdy]{display:inline-flex;align-items:center;justify-content:center;gap:0;height:34px;min-width:34px;padding:0 9px;overflow:hidden;border:1px solid hsl(var(--foreground) / .08);border-radius:9px;color:hsl(var(--muted-foreground));background:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:color .2s,background .2s,border-color .2s,gap .2s}.header-action-btn[data-astro-cid-svxqjqdy]:hover,.header-action-btn[data-astro-cid-svxqjqdy]:focus-visible{gap:6px;color:hsl(var(--foreground));background:hsl(var(--foreground) / .05);border-color:hsl(var(--foreground) / .15)}.header-action-btn[data-astro-cid-svxqjqdy]:active{transform:scale(.96)}.header-action-btn-label[data-astro-cid-svxqjqdy]{display:inline-block;max-width:0;overflow:hidden;opacity:0;white-space:nowrap;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:max-width .2s,opacity .2s}.header-action-btn[data-astro-cid-svxqjqdy]:hover .header-action-btn-label[data-astro-cid-svxqjqdy],.header-action-btn[data-astro-cid-svxqjqdy]:focus-visible .header-action-btn-label[data-astro-cid-svxqjqdy]{max-width:8rem;opacity:1}.header-action-btn[data-astro-cid-svxqjqdy] svg[data-astro-cid-svxqjqdy]{width:15px;height:15px;flex:none}.tagspec[data-astro-cid-nicr7csp]{width:100%;font-family:var(--font-sans);container-type:inline-size}.tagspec-wall[data-astro-cid-nicr7csp]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;min-height:20rem}.tag-card[data-astro-cid-nicr7csp]{--tag-color: var(--tag-accent);--image-color: var(--tag-accent);--tag-pad-x: 24px;--row-h: 46px;position:relative;min-height:0;border-radius:20px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 20px);border:1px solid #0000;background:hsl(var(--foreground) / .06);transition:border-color .25s,box-shadow .25s}.tag-card[data-astro-cid-nicr7csp]:hover{border-color:color-mix(in srgb,var(--image-color) 50%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--image-color) 25%,#0003)}.tag-card-bg[data-astro-cid-nicr7csp]{display:block;position:absolute;inset:0;z-index:1;color:inherit;text-decoration:none}.tag-card-bg[data-astro-cid-nicr7csp]>img[data-astro-cid-nicr7csp]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .3s}.tag-card[data-astro-cid-nicr7csp]:hover .tag-card-bg[data-astro-cid-nicr7csp]>img[data-astro-cid-nicr7csp]{filter:brightness(1.06) saturate(1.05)}.tag-card-bg[data-astro-cid-nicr7csp]:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(#0000001f,#00000094);pointer-events:none}.tag-card-header[data-astro-cid-nicr7csp]{position:absolute;top:var(--tag-pad-x);left:var(--tag-pad-x);z-index:3}.tag-card-name[data-astro-cid-nicr7csp]{margin:0;color:#fff;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.3;text-shadow:0 1px 3px #0006}.tag-card-count[data-astro-cid-nicr7csp]{color:#ffffffe6;font-size:12.5px;font-weight:500;text-shadow:0 1px 2px #0000004d;font-variant-numeric:tabular-nums}.tag-card-posts[data-astro-cid-nicr7csp]{position:absolute;inset:auto 0 0;z-index:3;background:#00000040;-webkit-backdrop-filter:blur(24px) saturate(180%) brightness(1.1);backdrop-filter:blur(24px) saturate(180%) brightness(1.1);box-shadow:inset 0 .5px #ffffff26}.tag-post-preview[data-astro-cid-nicr7csp]{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--row-h);padding:0 var(--tag-pad-x);color:inherit;text-decoration:none;border-bottom:1px solid #ffffff1f;transition:background .15s}.tag-post-preview[data-astro-cid-nicr7csp]:last-child{border-bottom:none}.tag-post-preview[data-astro-cid-nicr7csp]:hover{background:#ffffff1a}.tag-post-title[data-astro-cid-nicr7csp]{min-width:0;font-size:14px;font-weight:500;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-post-date[data-astro-cid-nicr7csp]{flex-shrink:0;font-size:12px;color:#ffffffb3;text-shadow:0 1px 2px #0000004d;font-variant-numeric:tabular-nums}@container (width <= 26rem){.tagspec-wall[data-astro-cid-nicr7csp]{grid-template-columns:minmax(0,1fr);gap:.85rem;min-height:0}.tag-card[data-astro-cid-nicr7csp]{min-height:14rem}}.components{--line: hsl(var(--foreground) / .1);--line2: hsl(var(--foreground) / .2);--surface: hsl(var(--foreground) / .02);--shell: min(64rem, 100% - 2.5rem)}body:has(.components):before{display:none}.components--index{position:relative;isolation:isolate;min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased}.cgrid-hero{width:min(84rem,100% - 2.5rem);margin:3.5rem auto 1.75rem}.cgrid-hero-eyebrow{margin:0 0 .6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--foreground) / .45)}.cgrid-hero-title{margin:0;max-width:18ch;font-family:var(--font-display);font-size:clamp(1.9rem,4.5vw,3.1rem);font-weight:700;line-height:1.02;letter-spacing:-.035em;text-wrap:balance;color:hsl(var(--foreground))}.cgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:5rem;gap:.75rem;width:min(84rem,100% - 2.5rem);margin:0 auto;padding-bottom:4rem}.cgrid-tile{position:relative;display:flex;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .2s ease,box-shadow .3s var(--ease-out),translate .25s var(--ease-out)}.cgrid-tile:hover{border-color:var(--line2);translate:0 -3px;box-shadow:0 1px 2px #0000000d,0 14px 30px -14px #00000047}html.dark .cgrid-tile:hover{border-color:hsl(var(--foreground) / .28);box-shadow:0 1px 2px #0006,0 16px 34px -16px #000000b3}.cgrid-tile--iframe{background:hsl(var(--background))}.cgrid-tile iframe{width:100%;height:100%;border:0;display:block}.cgrid-cap{position:absolute;left:0;bottom:0;z-index:3;padding:.95rem .9rem .6rem;font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:-.005em;color:hsl(var(--foreground) / .6);pointer-events:none;background:linear-gradient(to top,hsl(var(--background) / .85),hsl(var(--background) / 0))}.cgrid-cap--link{display:inline-flex;align-items:center;gap:.3rem;padding-top:1.05rem;padding-bottom:.75rem;pointer-events:auto;text-decoration:none;transition:color .2s ease,transform .16s var(--ease-out)}.cgrid-cap--link:hover{color:hsl(var(--foreground))}.cgrid-cap--link:active{transform:scale(.97)}.cgrid-cap--link:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:2px;border-radius:var(--radius-sm)}.cgrid-cap-arrow{flex-shrink:0;opacity:.45;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.cgrid-tile--link:hover .cgrid-cap-arrow,.cgrid-cap--link:hover .cgrid-cap-arrow,.cgrid-cap--link:focus-visible .cgrid-cap-arrow{opacity:1;transform:translate(1px,-1px)}.cgrid-stage{display:grid;place-items:center;width:100%;height:100%;min-height:0;padding:1.5rem;overflow:hidden}.cgrid-stage--projects{align-content:center;padding:1.75rem 1.5rem 2.5rem;overflow:visible}.cgrid-stage--contrib{place-items:center stretch;align-content:center;padding:1.75rem 1.75rem 3rem}.cgrid-stage--contrib .activity-section{margin:0;width:100%;flex-direction:column-reverse;align-items:stretch;gap:1rem}.cgrid-stage--contrib .activity-wave{width:100%;flex:none;height:3rem}.cgrid-stage--contrib .activity-stats{justify-content:flex-end}.cgrid-stage--hover{place-items:stretch;align-content:stretch;padding:0;overflow:visible}.cgrid-stage--decode{padding:1.75rem 1.75rem 2rem;display:flex;align-items:center}.cgrid-tile--decode .decode-preview{font-size:clamp(.72rem,1.05vw,.92rem);line-height:1.7;font-weight:500;letter-spacing:0;text-align:left}.cgrid-stage--contact{place-items:center;padding:1.25rem}.cgrid-stage--tags{place-items:start stretch;align-content:start;padding:1.5rem 1.5rem 2.5rem}.cgrid-stage--moodbtn{place-items:center;padding:1.5rem}.cgrid-tile--projects{grid-column:1 / 6;grid-row:1 / 7}.cgrid-tile--mood{grid-column:6 / 9;grid-row:1 / 10}.cgrid-tile--decode{grid-column:9 / 13;grid-row:1 / 5}.cgrid-tile--contact{grid-column:9 / 13;grid-row:5 / 10}.cgrid-tile--listening{grid-column:1 / 6;grid-row:7 / 10}.cgrid-tile--toc{grid-column:1 / 5;grid-row:10 / 17}.cgrid-tile--tags{grid-column:5 / 13;grid-row:10 / 15}.cgrid-tile--contrib{grid-column:5 / 9;grid-row:15 / 17}.cgrid-tile--moodbtn{grid-column:9 / 13;grid-row:15 / 17}.cgrid-tile--hover{grid-column:1 / 13;grid-row:17 / 22;overflow:visible}.hoverlist{position:relative;width:100%;max-width:70rem;height:100%;margin:0 auto;padding:1.5rem 2rem 2.5rem;font-family:var(--font-sans)}.hoverlist-rows{position:relative;display:flex;flex-direction:column;width:min(68%,44rem);margin:0;padding:0;list-style:none}.hoverlist-row{position:relative;z-index:1;display:flex;flex-direction:column;padding:.85rem 1rem;cursor:default;transition:opacity .25s ease}.hoverlist-excerpt{display:-webkit-box;margin-top:.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:1.55;color:hsl(var(--foreground) / .58);text-wrap:pretty}.hoverlist-title{font-family:var(--font-sans);font-size:19px;line-height:1.45;font-weight:550;letter-spacing:-.012em;color:hsl(var(--foreground) / .92)}.hoverlist-meta{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;margin-top:.55rem}.hoverlist-date{font-size:13px;line-height:1.4;color:hsl(var(--foreground) / .42);font-variant-numeric:tabular-nums}.hoverlist-tags{display:inline-flex;flex-wrap:wrap;gap:6px}.hoverlist-tag{font-size:11.5px;line-height:1;padding:4px 9px;border-radius:999px;color:hsl(var(--foreground) / .42);background:hsl(var(--foreground) / .04);transition:color .2s ease,background-color .2s ease}.hoverlist-row:hover .hoverlist-tag{color:hsl(var(--foreground) / .6);background:hsl(var(--foreground) / .07)}.hoverlist-rows.is-hovering .hoverlist-row:not(:hover){opacity:.4}.hoverlist-indicator{position:absolute;top:0;left:0;z-index:0;border-radius:var(--radius-md);background:hsl(var(--foreground) / .06);opacity:0;pointer-events:none;transition:transform .32s var(--ease-out),width .32s var(--ease-out),height .32s var(--ease-out),opacity .2s ease}.hoverlist-preview{position:absolute;top:0;right:-2rem;width:18rem;height:12rem;border-radius:var(--radius);background:hsl(var(--foreground) / .06);box-shadow:0 18px 40px -18px #000000a6;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;opacity:0;transform:translateY(1rem);transition:opacity .24s var(--ease-out);pointer-events:none;will-change:transform}.hoverlist-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);display:block}.hoverlist-preview.is-visible{opacity:1}.js .cgrid-tile{opacity:0;transform:translateY(14px)}.js .cgrid-tile.is-revealed{opacity:1;transform:none;transition:opacity .55s var(--ease-out) calc(var(--i, 0) * 55ms),transform .55s var(--ease-out) calc(var(--i, 0) * 55ms),border-color .2s ease,box-shadow .3s var(--ease-out),translate .25s var(--ease-out)}@media(max-width:900px){.cgrid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:5rem}.cgrid-tile--projects{grid-column:1 / 4;grid-row:1 / 7}.cgrid-tile--mood{grid-column:4 / 7;grid-row:1 / 10}.cgrid-tile--listening{grid-column:1 / 4;grid-row:7 / 10}.cgrid-tile--decode{grid-column:1 / 4;grid-row:10 / 14}.cgrid-tile--contact{grid-column:4 / 7;grid-row:10 / 14}.cgrid-tile--toc{grid-column:1 / 4;grid-row:14 / 21}.cgrid-tile--tags{grid-column:4 / 7;grid-row:14 / 19}.cgrid-tile--contrib{grid-column:4 / 7;grid-row:19 / 21}.cgrid-tile--moodbtn{grid-column:1 / 4;grid-row:21 / 23}.cgrid-tile--hover{grid-column:4 / 7;grid-row:21 / 23}}@media(max-width:560px){.cgrid{grid-template-columns:1fr;grid-auto-rows:auto;gap:.6rem;width:calc(100% - 2rem)}.cgrid-tile{grid-column:1 / -1!important;grid-row:auto!important;min-height:20rem}.cgrid-tile--mood,.cgrid-tile--toc{min-height:30rem}.cgrid-tile--decode{min-height:16rem}.cgrid-tile--listening{min-height:14rem}.hoverlist-rows{width:100%}.hoverlist-preview{display:none}}@media(prefers-reduced-motion:reduce){.js .cgrid-tile,.js .cgrid-tile.is-revealed{opacity:1;transform:none;transition:opacity .3s ease}.cgrid-tile:hover{translate:none}}.detail{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:var(--shell);margin:0 auto;padding:2.5rem 0 6rem}@media(min-width:60rem){.detail{grid-template-columns:minmax(0,1fr) 12rem;gap:4rem}}.detail-main{min-width:0}.detail-title{margin:1.25rem 0 0;font-family:var(--font-display);font-size:clamp(1.9rem,3.5vw,2.4rem);font-weight:700;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.detail-tagline{margin:.6rem 0 0;max-width:48ch;font-family:var(--font-sans);font-size:1.125rem;line-height:1.55;color:hsl(var(--muted-foreground));text-wrap:pretty}.detail-section{scroll-margin-top:6rem}.detail-section-label{margin:0 0 1rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:hsl(var(--foreground))}.preview-frame{position:relative;display:grid;place-items:center;min-height:16rem;padding:2.5rem 2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.preview-frame--iframe{padding:0;overflow:hidden}.preview-frame iframe{width:100%;height:30rem;border:0;display:block}.detail-usage pre{margin:0;padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto;font-family:var(--font-code);font-size:.84rem;line-height:1.6}.detail-credits{max-width:60ch;font-family:var(--font-sans);font-size:.92rem;line-height:1.6;color:hsl(var(--muted-foreground));text-wrap:pretty}.detail-credits a{color:hsl(var(--foreground));text-underline-offset:.2em}.detail-source{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.5rem;font-family:var(--font-sans);font-size:.85rem;color:hsl(var(--muted-foreground));transition:color .15s ease}.detail-source:hover{color:hsl(var(--foreground))}.detail-back{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:.5rem;margin-top:3.5rem;padding:.6rem .95rem .6rem .8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:hsl(var(--foreground));text-decoration:none;transition:border-color .16s ease,background .16s ease}.detail-back:hover{border-color:var(--line2);background:hsl(var(--foreground) / .04)}.detail-back:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:2px}.detail-back svg{color:hsl(var(--muted-foreground));transition:transform .16s var(--ease-out)}.detail-back:hover svg{transform:translate(-2px)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.02em;color:hsl(var(--muted-foreground) / .7)}.breadcrumb a{color:inherit;text-decoration:none;transition:color .15s ease}.breadcrumb a:hover{color:hsl(var(--foreground))}.breadcrumb-sep{color:hsl(var(--muted-foreground) / .35);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-current{color:hsl(var(--foreground) / .85)}.preview-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.9rem}.decode-preview{display:block;width:min(100%,48ch);margin-inline:auto;font-family:var(--font-mono);font-size:clamp(.78rem,1.9vw,.95rem);line-height:2;font-weight:400;text-align:left;color:hsl(var(--foreground) / .45);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.decode-preview-mark{color:hsl(var(--foreground))}.preview-listening{display:flex;justify-content:center;width:100%}.preview-projects{width:min(100%,30rem)}.preview-contributions,.preview-hover-list{width:100%}.preview-contributions .activity-section{margin-top:0}.playground{display:flex;flex-direction:column;gap:.75rem}.playground-instrument{border:1px solid var(--line);border-radius:var(--radius);background:hsl(var(--background));overflow:hidden}.playground-stage-wrap{position:relative}.playground-stage{display:flex;align-items:center;min-height:15rem;padding:3rem 1.75rem 2rem;font-family:var(--font-mono);font-size:clamp(.8rem,2.1vw,.95rem);line-height:2;color:hsl(var(--foreground) / .45);overflow-x:auto}.playground-stage--sans{font-family:var(--font-sans);letter-spacing:-.005em}.playground-mark{color:hsl(var(--foreground))}.playground-actions{position:absolute;top:.7rem;right:.7rem;display:flex;gap:.25rem}.playground-action{display:inline-flex;align-items:center;gap:.35rem;height:1.75rem;padding:0 .6rem;border:1px solid transparent;border-radius:calc(var(--radius) - 4px);background:none;color:hsl(var(--foreground) / .35);font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;transition:color .16s ease,border-color .16s ease,transform .16s var(--ease-out)}.playground-action:active{transform:scale(.97)}.playground-action:focus-visible{outline:none;color:hsl(var(--foreground));border-color:var(--line2)}@media(hover:hover)and (pointer:fine){.playground-stage-wrap:hover .playground-action{color:hsl(var(--foreground) / .6)}.playground-action:hover{color:hsl(var(--foreground));border-color:var(--line)}}.playground-panel{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;border-top:1px solid var(--line);background:var(--surface)}.playground-row--controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.25rem}.playground-row--controls .playground-field{flex:0 0 auto}.playground-field--charset{flex:1 1 10rem;min-width:8rem}.playground-row--sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.9rem 1.25rem}.playground-field{display:flex;flex-direction:column;gap:.45rem;min-width:0}.playground-label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:-.005em;color:hsl(var(--foreground) / .55)}.playground-value{font-family:var(--font-mono);font-size:.72rem;font-variant-numeric:tabular-nums;color:hsl(var(--foreground) / .4)}.playground-row--sliders .playground-value{color:hsl(var(--foreground) / .8)}.playground-label--inline{justify-content:flex-start;gap:.6rem}.playground-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(3.75rem,auto);height:1.9rem;padding:2px;border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:hsl(var(--foreground) / .03);isolation:isolate}.playground-seg:before{content:"";position:absolute;z-index:-1;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / var(--seg-count));border-radius:calc(var(--radius) - 5px);background:hsl(var(--background));box-shadow:0 1px 2px hsl(var(--foreground) / .07);transform:translate(calc(var(--seg-index) * 100%));transition:transform .2s var(--ease-out)}.playground-seg-item{display:grid;place-items:center;height:100%;padding:0 .7rem;border:0;border-radius:calc(var(--radius) - 5px);background:none;color:hsl(var(--foreground) / .45);font-family:var(--font-sans);font-size:.76rem;font-weight:500;line-height:1;cursor:pointer;transition:color .16s ease,transform .16s var(--ease-out)}.playground-seg-item[aria-pressed=true]{color:hsl(var(--foreground))}.playground-seg-item:active{transform:scale(.97)}.playground-seg-item:focus-visible{outline:2px solid hsl(var(--foreground) / .4);outline-offset:1px}@media(hover:hover)and (pointer:fine){.playground-seg-item:hover{color:hsl(var(--foreground) / .8)}}.playground-input{width:100%;border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-mono);font-size:.78rem;transition:border-color .16s ease}.playground-field--charset .playground-input{height:1.9rem;padding:0 .6rem}.playground-input:focus-visible{outline:none;border-color:hsl(var(--foreground) / .4)}.playground-textarea{resize:vertical;min-height:9.5rem;padding:.7rem .85rem;line-height:1.9}.playground-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1rem;background:transparent;cursor:pointer}.playground-range::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:hsl(var(--foreground) / .15)}.playground-range::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:2px;background:hsl(var(--foreground) / .7);-webkit-transition:transform .16s var(--ease-out),background-color .16s ease;transition:transform .16s var(--ease-out),background-color .16s ease}.playground-range:active::-webkit-slider-thumb{transform:scale(1.25);background:hsl(var(--foreground))}.playground-range:focus-visible::-webkit-slider-thumb{outline:2px solid hsl(var(--foreground) / .4);outline-offset:2px}.playground-range::-moz-range-track{height:2px;border-radius:1px;background:hsl(var(--foreground) / .15)}.playground-range::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:2px;background:hsl(var(--foreground) / .7)}@media(hover:hover)and (pointer:fine){.playground-range:hover::-webkit-slider-thumb{background:hsl(var(--foreground))}}@media(prefers-reduced-motion:reduce){.playground-seg:before,.playground-seg-item,.playground-action,.playground-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.install-tabs{display:flex;flex-direction:column;gap:.75rem}.install-tabs-track{position:relative;display:inline-flex;align-self:flex-start;isolation:isolate}.install-tabs-layer{display:inline-flex}.install-tabs-layer--ink{position:absolute;inset:0;pointer-events:none;transition:clip-path .18s var(--ease-out)}.install-tab{padding:.35rem .7rem;border:0;background:none;font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;color:hsl(var(--muted-foreground))}.install-tabs-layer--ink .install-tab{color:hsl(var(--foreground))}.install-tab:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:-2px;border-radius:var(--radius-sm)}.install-tabs-underline{position:absolute;left:0;bottom:0;height:1.5px;background:hsl(var(--foreground));transition:transform .18s var(--ease-out),width .18s var(--ease-out)}.copy-command{display:flex;align-items:center;gap:.75rem;padding:.7rem .7rem .7rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.copy-command-text{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-family:var(--font-code);font-size:.82rem;color:hsl(var(--foreground) / .9);scrollbar-width:none}.copy-command-text::-webkit-scrollbar{display:none}.copy-command-btn{position:relative;flex-shrink:0;display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;transition:transform .16s var(--ease-out),border-color .16s ease}.copy-command-btn:hover{border-color:var(--line2)}.copy-command-btn:active{transform:scale(.97)}.copy-command-btn:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:2px}.copy-command-icons{position:relative;display:grid;width:.9rem;height:.9rem}.copy-command-icon{grid-area:1 / 1;width:.9rem;height:.9rem;transition:opacity .2s ease,filter .2s ease}.copy-command-icon--copy{opacity:1;filter:blur(0)}.copy-command-icon--check,.copy-command-btn[data-copied] .copy-command-icon--copy{opacity:0;filter:blur(2px)}.copy-command-btn[data-copied] .copy-command-icon--check{opacity:1;filter:blur(0)}.copy-command-tip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:.2rem .5rem;border-radius:var(--radius-sm);background:hsl(var(--foreground));color:hsl(var(--background));font-family:var(--font-sans);font-size:.7rem;font-weight:500;white-space:nowrap;pointer-events:none}@media(hover:none){.copy-command-btn:active{transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.install-tabs-layer--ink,.install-tabs-underline,.copy-command-icon{transition-duration:.01ms}}