.vs-root{--vs-page:var(--surface-page);--vs-surface:var(--surface-card);--vs-surface-strong:var(--surface-raised);--vs-panel:var(--surface-panel);--vs-text:var(--text-primary);--vs-muted:var(--text-secondary);--vs-line:var(--border-subtle);--vs-border-passive:1px solid var(--vs-line);--vs-border-tactile:2px solid var(--vs-text);--vs-grid:var(--grid-subtle);--vs-shadow-card:var(--shadow-surface);--vs-shadow-panel:var(--shadow-modal);--vs-shadow-control:var(--shadow-control);--vs-focus:var(--focus-ring);min-height:100vh;color:var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-page);font-family:var(--font-ui);background-size:32px 32px,32px 32px,auto}html[data-card-theme=dark] .vs-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:has(.vs-root) .companion-tray{display:none}:is(body:has(.vs-root) .top-escape,body:has(.vs-root) .theme-dock){z-index:132}:where(.vs-root button,.vs-root input,.vs-root select){font:inherit}:where(.vs-root button,.vs-root a,.vs-root input,.vs-root select){-webkit-tap-highlight-color:transparent}:where(.vs-root button,.vs-root a,.vs-root input,.vs-root select):focus-visible{box-shadow:var(--vs-focus);outline:none}.vs-skip-link{z-index:700;background:var(--lime);color:#151515;min-height:44px;font-family:var(--font-mono);opacity:0;pointer-events:none;text-transform:uppercase;transition:opacity var(--motion-ui), transform var(--motion-ui);border:2px solid #151515;border-radius:8px;place-items:center;padding:.65rem .85rem;font-size:.7rem;font-weight:900;display:grid;position:fixed;top:-6rem;left:.75rem;transform:translateY(-100%);box-shadow:0 5px #151515}.vs-skip-link:focus-visible{opacity:1;pointer-events:auto;top:.75rem;transform:translateY(0)}.vs-topbar{z-index:120;border-bottom:1px solid var(--vs-text);background:color-mix(in srgb, var(--vs-page) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.vs-topbar__inner{width:min(100% - 3rem,1540px);min-height:calc(var(--top-control-top) + var(--top-control-height) + var(--top-side-depth) + var(--space-3));grid-template-columns:minmax(var(--top-side-width), 1fr) auto minmax(var(--top-side-width), 1fr);align-items:center;gap:var(--top-control-gap);padding-top:var(--top-control-top);padding-bottom:calc(var(--top-side-depth) + var(--space-3));margin:0 auto;display:grid}.vs-brand{border-radius:10px;grid-column:2;justify-self:center;align-items:center;gap:.55rem;min-width:0;display:inline-flex}.vs-mobile-index__mark{background:var(--lime);color:#151515;width:44px;height:44px;font-family:var(--font-mono);letter-spacing:-.04em;border:2px solid #151515;border-radius:8px;flex:none;place-items:center;font-size:.72rem;font-weight:950;display:grid;box-shadow:inset 0 -3px #1515152e,0 4px #151515}.vs-brand__wordmark{align-items:baseline;column-gap:var(--brand-wordmark-gap);font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:800;line-height:.86;display:inline-flex}.vs-brand__wordmark strong{font:inherit}.vs-brand__wordmark strong:first-child{color:var(--accent-blue-text)}.vs-brand__wordmark strong:last-child{color:var(--accent-lime-text)}.vs-brand__copy{gap:.12rem;min-width:0;display:grid}.vs-brand__copy strong{font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:900;line-height:1}.vs-brand__copy small{color:var(--vs-muted);font-family:var(--font-mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:800;line-height:1.2;overflow:hidden}.vs-segmented{border:2px solid var(--vs-text);background:var(--vs-surface);border-radius:10px;align-items:center;gap:3px;padding:3px;display:inline-flex}.vs-segmented button{min-height:36px;color:var(--vs-text);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:0 .8rem;font-size:.64rem;font-weight:900;line-height:1;display:inline-flex}.vs-segmented button svg{stroke-width:2.4px;width:14px;height:14px}.vs-segmented button[aria-pressed=true]{background:var(--yellow);color:#151515;box-shadow:inset 0 -2px #15151529}.vs-shell{grid-template-columns:252px minmax(0,1fr);align-items:start;gap:clamp(1.5rem,2.6vw,2.75rem);width:min(100% - 3rem,1540px);margin:0 auto;padding:2rem 0 5rem;display:grid}.vs-sidebar{grid-template-rows:minmax(0,1fr) auto;gap:1rem;height:calc(100svh - 128px);max-height:calc(100vh - 128px);display:grid;position:sticky;top:104px}.vs-sidebar nav{border:var(--vs-border-passive);border-radius:var(--radius-panel);background:var(--vs-surface);min-height:0;box-shadow:var(--vs-shadow-card);gap:.7rem;padding:.8rem;display:grid;overflow-y:auto}.vs-sidebar__label{color:var(--vs-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:900}.vs-sidebar__links{gap:.32rem;display:grid}.vs-sidebar__links a{border-radius:var(--radius-surface);min-height:48px;color:var(--vs-muted);font-family:var(--font-display);transition:background var(--motion-ui), border-color var(--motion-ui), color var(--motion-ui);border:1px solid #0000;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:.58rem;padding:.34rem .45rem;font-size:.84rem;line-height:1.2;display:grid}.vs-sidebar__links a strong{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.vs-section-index{border:1px solid color-mix(in srgb, var(--pink) 48%, var(--vs-line));border-radius:var(--radius-control);background:color-mix(in srgb, var(--pink) 9%, var(--vs-panel));width:38px;height:38px;color:var(--accent-pink-text);font-family:var(--font-mono);place-items:center;font-size:.7rem;font-weight:950;line-height:1;display:grid}.vs-sidebar__links a:hover{border-color:var(--vs-line);background:color-mix(in srgb, var(--vs-surface) 78%, var(--lime));color:var(--vs-text)}.vs-sidebar__links a:focus-visible{border-color:var(--blue);outline:3px solid color-mix(in srgb, var(--blue) 34%, transparent);outline-offset:2px;background:color-mix(in srgb, var(--vs-surface) 82%, var(--blue));color:var(--vs-text)}.vs-sidebar__links a[aria-current=page]{border-color:color-mix(in srgb, var(--yellow) 54%, var(--vs-line));background:color-mix(in srgb, var(--yellow) 13%, var(--vs-surface));color:var(--vs-text)}.vs-sidebar__links a[aria-current=page] .vs-section-index{background:var(--yellow);color:#151515;border-color:#151515;box-shadow:0 3px #151515}.vs-sidebar__version{border:var(--vs-border-passive);border-radius:var(--radius-surface);background:var(--vs-surface);min-height:54px;box-shadow:var(--vs-shadow-card);font-family:var(--font-mono);grid-template-columns:1fr auto;align-items:center;gap:.45rem;padding:.65rem .8rem;display:grid}.vs-sidebar__version span{color:var(--vs-muted);text-transform:uppercase;font-size:.62rem;font-weight:800}.vs-sidebar__version strong{font-size:.72rem;font-weight:950}.vs-content{min-width:0}.vs-page{gap:clamp(1.25rem,2.2vw,2rem);min-width:0;display:grid}.vs-page-intro{--vs-page-intro-image:var(--vs-page-intro-image-light);--vs-page-intro-reading-surface:color-mix(in srgb, var(--vs-surface) 97%, transparent);isolation:isolate;border:var(--vs-border-passive);background-color:var(--vs-surface);background-image:var(--vs-page-intro-image);background-position:var(--vs-page-intro-position,center);min-width:0;min-height:clamp(360px,36vw,500px);box-shadow:var(--vs-shadow-card);background-repeat:no-repeat;background-size:cover;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;padding:clamp(2rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}html[data-card-theme=dark] .vs-page-intro{--vs-page-intro-image:var(--vs-page-intro-image-dark);--vs-page-intro-reading-surface:color-mix(in srgb, var(--vs-page) 97%, transparent)}.vs-page-intro:before{z-index:0;background:linear-gradient(90deg, var(--vs-page-intro-reading-surface) 0%, var(--vs-page-intro-reading-surface) 38%, color-mix(in srgb, var(--vs-page-intro-reading-surface) 88%, transparent) 56%, transparent 78%);content:"";pointer-events:none;position:absolute;inset:0}.vs-page-intro>*{z-index:1;position:relative}.vs-page-intro>div:first-child{min-width:0}.vs-eyebrow{color:var(--accent-pink-text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:900;line-height:1.2;display:inline-block}.vs-page-intro h1,.vs-page-intro p,.vs-overview-hero h1,.vs-overview-hero p,.vs-block h2,.vs-block p{margin:0}.vs-page-intro h1{max-width:900px;font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin-top:.8rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:.96}.vs-page-intro>div:first-child>p{max-width:780px;color:var(--vs-muted);margin-top:1.1rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.5}.vs-page-intro__aside{align-self:start;min-width:0;max-width:100%}.vs-page-status,.vs-version-chip{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:38px;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;border-radius:7px;align-items:center;gap:.45rem;padding:.55rem .72rem;font-size:.65rem;font-weight:900;display:inline-flex}.vs-page-status svg{width:15px;height:15px}.vs-version-chip{background:var(--yellow);color:#151515;border:2px solid #151515;box-shadow:0 4px #151515}.vs-overview-hero{--vs-hero-reading-surface:color-mix(in srgb, var(--vs-surface) 96%, transparent);isolation:isolate;border:var(--vs-border-passive);min-height:clamp(500px,65vw,630px);box-shadow:var(--vs-shadow-card);background-image:url(/visual-system/hero-light.webp);background-position:50%;background-size:cover;border-radius:18px;align-content:center;gap:1.5rem;padding:clamp(2rem,6vw,5rem);display:grid;position:relative;overflow:hidden}html[data-card-theme=dark] .vs-overview-hero{--vs-hero-reading-surface:color-mix(in srgb, var(--vs-page) 96%, transparent);background-image:url(/visual-system/hero-dark.webp)}.vs-overview-hero:before{z-index:0;background:linear-gradient(90deg, var(--vs-hero-reading-surface) 0%, var(--vs-hero-reading-surface) 38%, color-mix(in srgb, var(--vs-hero-reading-surface) 86%, transparent) 56%, transparent 78%);content:"";pointer-events:none;position:absolute;inset:0}.vs-overview-hero>*{z-index:1;position:relative}.vs-overview-hero__badge{background:var(--yellow);color:#151515;font-family:var(--font-mono);text-transform:uppercase;border:2px solid #151515;border-radius:7px;justify-self:start;padding:.62rem .75rem;font-size:.64rem;font-weight:950;box-shadow:0 5px #151515}.vs-overview-hero__copy{gap:1.5rem;width:min(54rem,68%);display:grid}.vs-overview-hero h1{max-width:8ch;font-family:var(--font-display);letter-spacing:-.058em;text-transform:uppercase;font-size:clamp(3.4rem,8.8vw,7.8rem);font-weight:800;line-height:.85}.vs-overview-hero__copy p{max-width:44ch;color:var(--vs-text);font-size:clamp(1rem,1.55vw,1.25rem);line-height:1.5}.vs-meta-row{flex-wrap:wrap;gap:.5rem;display:flex}.vs-meta-row span{border:1px solid var(--vs-line);background:color-mix(in srgb, var(--vs-surface) 90%, transparent);color:var(--vs-text);font-family:var(--font-mono);border-radius:6px;padding:.55rem .62rem;font-size:.62rem;font-weight:850;line-height:1}.vs-notice{background:var(--yellow);color:#151515;border:2px solid #151515;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:1.1rem 1.25rem;display:grid;box-shadow:0 6px #151515}.vs-notice>svg{stroke-width:2.4px;width:20px;height:20px;margin-top:.1rem}.vs-notice strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.vs-notice p{margin:.35rem 0 0;font-size:.92rem;line-height:1.45}.vs-overview-status{border:var(--vs-border-passive);border-radius:var(--radius-surface);background:color-mix(in srgb, var(--lime) 7%, var(--vs-surface));box-shadow:var(--vs-shadow-card);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem 1rem;display:grid}.vs-overview-status>svg{width:20px;height:20px;color:var(--accent-lime-text);stroke-width:2.6px}.vs-overview-status>div{gap:.2rem;display:grid}.vs-overview-status strong,.vs-overview-status>span{font-family:var(--font-mono);text-transform:uppercase;font-size:.66rem;font-weight:900;line-height:1.2}.vs-overview-status p{color:var(--vs-muted);margin:0;font-size:.82rem;line-height:1.4}.vs-overview-status>span{border:1px solid var(--vs-line);border-radius:var(--radius-inner);background:var(--vs-panel);color:var(--vs-muted);white-space:nowrap;padding:.5rem .6rem}.vs-block{border:var(--vs-border-passive);background:var(--vs-surface);box-shadow:var(--vs-shadow-card);border-radius:18px;overflow:hidden}.vs-block__header{border-bottom:1px solid var(--vs-line);gap:.55rem;padding:clamp(1.35rem,3.4vw,2.6rem);display:grid}.vs-block__header h2{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:800;line-height:1}.vs-block__header p{max-width:820px;color:var(--vs-muted);font-size:.95rem;line-height:1.5}.vs-block__meta{flex-wrap:wrap;align-items:center;gap:.42rem;display:flex}.vs-block__meta code,.vs-status-badge{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:26px;color:var(--vs-muted);font-family:var(--font-mono);border-radius:6px;align-items:center;padding:.24rem .5rem;font-size:.58rem;font-weight:850;line-height:1.2;display:inline-flex}.vs-overview-specimen{gap:1rem;display:grid}.vs-overview-specimen__toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.vs-overview-specimen__live{border:1px solid var(--vs-line);border-radius:var(--radius-inner);background:var(--vs-panel);min-height:36px;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.45rem;padding:.45rem .62rem;font-size:.62rem;font-weight:900;display:inline-flex}.vs-overview-specimen__live>span{background:var(--lime);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--lime) 22%, transparent);border-radius:50%}.vs-overview-specimen__stage{border:1px dashed color-mix(in srgb, var(--vs-muted) 68%, transparent);border-radius:var(--radius-panel);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), color-mix(in srgb, var(--vs-panel) 84%, var(--vs-page));background-size:24px 24px;justify-items:center;min-width:0;padding:clamp(.75rem,2.4vw,1.5rem);display:grid;overflow:hidden}.vs-overview-specimen__canvas{border:var(--vs-border-passive);border-radius:var(--radius-panel);background:var(--vs-page);width:min(100%,1080px);min-width:0;box-shadow:var(--vs-shadow-panel);transition:width var(--motion-panel), box-shadow var(--motion-ui);overflow:hidden}.vs-overview-specimen__stage[data-mode=mobile] .vs-overview-specimen__canvas{width:min(100%,430px)}.vs-overview-specimen__canvas>header{border-bottom:1px solid var(--vs-line);background:var(--vs-surface);justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.55rem .75rem;display:flex}.vs-overview-specimen__canvas>header span,.vs-overview-specimen__canvas>header code{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.6rem;font-weight:900}.vs-overview-specimen__composition{grid-template-columns:minmax(310px,390px) minmax(240px,1fr);align-items:start;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,3vw,2rem);display:grid}.vs-overview-specimen__card{min-width:0}.vs-overview-specimen__card .card{width:100%;transition:box-shadow var(--motion-ui), transform var(--motion-ui)}.vs-overview-specimen__composition>aside{border:1px solid var(--vs-line);border-radius:var(--radius-surface);background:var(--vs-surface);align-content:start;gap:.85rem;padding:1rem;display:grid}.vs-overview-specimen__composition>aside>span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem;font-weight:900}.vs-overview-specimen__composition>aside h3,.vs-overview-specimen__composition>aside p{margin:0}.vs-overview-specimen__composition>aside h3{font-family:var(--font-display);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1}.vs-overview-specimen__composition>aside p{color:var(--vs-muted);font-size:.86rem;line-height:1.5}.vs-overview-specimen__composition dl{gap:.45rem;margin:0;display:grid}.vs-overview-specimen__composition dl>div{border:1px solid var(--vs-line);border-radius:var(--radius-inner);background:var(--vs-panel);transition:background var(--motion-ui), border-color var(--motion-ui);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.75rem;padding:.62rem;display:grid}.vs-overview-specimen__composition dl>div[data-rule=active]{border-color:color-mix(in srgb, var(--yellow) 72%, var(--vs-line));background:color-mix(in srgb, var(--yellow) 12%, var(--vs-panel))}.vs-overview-specimen__composition dt,.vs-overview-specimen__composition dd{font-family:var(--font-mono);margin:0;font-size:.62rem;font-weight:850}.vs-overview-specimen__composition dt{color:var(--vs-muted);text-transform:uppercase}.vs-overview-specimen__event{border:1px solid color-mix(in srgb, var(--blue) 48%, var(--vs-line));border-radius:var(--radius-control);background:color-mix(in srgb, var(--blue) 8%, var(--vs-panel));gap:.35rem;padding:.7rem;display:grid}.vs-overview-specimen__event strong{color:var(--accent-blue-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem;font-weight:900}.vs-overview-specimen__event p{color:var(--vs-text);font-family:var(--font-mono);font-size:.62rem;font-weight:750;line-height:1.45}.vs-overview-specimen__stage[data-mode=mobile] .vs-overview-specimen__composition{grid-template-columns:1fr;padding:.75rem}.vs-overview-specimen__stage[data-highlight=surface] .card{box-shadow:0 0 0 4px color-mix(in srgb, var(--pink) 68%, transparent), var(--shadow-card);transform:translateY(-2px)}.vs-overview-specimen__stage[data-highlight=controls] .card .actions{border-radius:var(--radius-control);box-shadow:0 0 0 4px color-mix(in srgb, var(--yellow) 72%, transparent)}.vs-overview-specimen__stage[data-highlight=stage] .card .stage{box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--blue) 70%, transparent)}.vs-overview-specimen__stage[data-highlight=anatomy] .card .meta{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--pink) 62%, transparent)}.vs-overview-specimen__stage[data-rule-focus=radius] .card{outline:3px solid color-mix(in srgb, var(--pink) 44%, transparent);outline-offset:4px}.vs-overview-specimen__stage[data-rule-focus=control] .card .actions{box-shadow:0 0 0 4px color-mix(in srgb, var(--yellow) 40%, transparent)}.vs-overview-specimen__stage[data-rule-focus=spacing] .vs-overview-specimen__composition{outline:2px dashed color-mix(in srgb, var(--lime) 66%, var(--vs-text));outline-offset:-.4rem}.vs-overview-specimen__stage[data-rule-focus=units] .vs-overview-specimen__canvas{box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 36%, transparent), var(--vs-shadow-panel)}.vs-overview-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.vs-overview-rule{border:1px solid var(--vs-line);border-radius:var(--radius-surface);background:var(--vs-panel);min-width:0;transition:border-color var(--motion-ui), box-shadow var(--motion-ui), transform var(--motion-ui);align-content:start;gap:1rem;padding:1rem;display:grid}.vs-overview-rule[data-active=true]{border-color:color-mix(in srgb, var(--lime) 66%, var(--vs-line));background:color-mix(in srgb, var(--lime) 7%, var(--vs-panel))}.vs-overview-rule>header{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.vs-overview-rule>header>span{border:1px solid color-mix(in srgb, var(--pink) 48%, var(--vs-line));border-radius:var(--radius-control);background:color-mix(in srgb, var(--pink) 9%, var(--vs-surface));width:40px;height:40px;color:var(--accent-pink-text);font-family:var(--font-mono);place-items:center;font-size:.75rem;font-weight:950;display:grid}.vs-overview-rule>header>div{gap:.2rem;display:grid}.vs-overview-rule>header strong{font-family:var(--font-display);font-size:1.2rem;line-height:1}.vs-overview-rule>header code{color:var(--vs-muted);font-family:var(--font-mono);font-size:.58rem;font-weight:800}.vs-overview-rule__choices{flex-wrap:wrap;gap:.4rem;display:flex}.vs-overview-rule__choices button{border:1px solid var(--vs-line);border-radius:var(--radius-inner);background:var(--vs-surface);min-height:44px;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;padding:.5rem .66rem;font-size:.62rem;font-weight:900}.vs-overview-rule__choices button[aria-pressed=true]{background:var(--yellow);color:#151515;border-color:#151515;box-shadow:0 3px #151515}.vs-overview-rule__comparison{border:1px solid var(--vs-line);border-radius:var(--radius-control);background:var(--vs-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.3rem;display:grid}.vs-overview-rule__comparison button{border-radius:var(--radius-inner);min-height:40px;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;background:0 0;border:1px solid #0000;font-size:.6rem;font-weight:900}.vs-overview-rule__comparison button[aria-pressed=true]{border-color:var(--vs-line);background:var(--vs-panel);color:var(--vs-text);box-shadow:0 2px 0 var(--vs-line)}.vs-overview-rule__comparison button:last-child[aria-pressed=true]{border-color:color-mix(in srgb, var(--orange) 58%, var(--vs-line));background:color-mix(in srgb, var(--orange) 12%, var(--vs-panel));color:var(--accent-orange-text)}.vs-overview-spacing-stage,.vs-overview-radius-stage,.vs-overview-control-stage,.vs-overview-unit-stage{border:1px dashed color-mix(in srgb, var(--vs-muted) 68%, transparent);border-radius:var(--radius-surface);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-surface);background-size:20px 20px;min-height:160px}.vs-overview-spacing-stage{padding:var(--vs-overview-space);transition:padding var(--motion-ui);gap:.45rem;display:grid;position:relative}.vs-overview-spacing-stage>span{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.56rem;font-weight:850}.vs-overview-spacing-stage>div:last-child{border:1px solid var(--vs-text);border-radius:var(--radius-control);background:var(--lime);color:#151515;min-height:82px;font-family:var(--font-mono);place-items:center;font-size:.66rem;font-weight:950;display:grid}.vs-overview-spacing-guide{width:var(--vs-overview-space);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.vs-overview-spacing-guide i{border-top:1px dashed var(--accent-pink-text);width:100%}.vs-overview-spacing-guide:before,.vs-overview-spacing-guide:after{background:var(--accent-pink-text);content:"";width:1px;height:14px;position:absolute}.vs-overview-spacing-guide:before{left:0}.vs-overview-spacing-guide:after{right:0}.vs-overview-spacing-guide b{background:var(--vs-surface);color:var(--accent-pink-text);font-family:var(--font-mono);border-radius:4px;padding:.15rem .25rem;font-size:.5rem;line-height:1;position:absolute}.vs-overview-radius-stage{gap:var(--vs-overview-radius-inset);border-radius:var(--vs-overview-radius-outer);background:color-mix(in srgb, var(--lime) 18%, var(--vs-surface));transition:border-radius var(--motion-ui), gap var(--motion-ui);border-style:solid;align-content:stretch;padding:.75rem;display:grid}.vs-overview-radius-stage>span,.vs-overview-radius-stage>div span{font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem;font-weight:900}.vs-overview-radius-stage>span{color:var(--vs-muted)}.vs-overview-radius-stage>div{border:1px solid var(--vs-line);border-radius:var(--vs-overview-radius-inner);background:var(--vs-surface);min-height:96px;transition:border-radius var(--motion-ui);place-items:center;display:grid}.vs-overview-radius-stage>strong{border-radius:var(--radius-inner);background:color-mix(in srgb, var(--lime) 16%, var(--vs-surface));color:var(--vs-text);font-family:var(--font-mono);padding:.42rem .5rem;font-size:.55rem;font-weight:850;line-height:1.35}.vs-overview-radius-stage[data-comparison=broken]{border-color:color-mix(in srgb, var(--orange) 66%, var(--vs-line));background:color-mix(in srgb, var(--orange) 13%, var(--vs-surface))}.vs-overview-radius-stage[data-comparison=broken]>strong{background:color-mix(in srgb, var(--orange) 15%, var(--vs-surface));color:var(--accent-orange-text)}.vs-overview-control-stage{place-content:center;justify-items:center;gap:.8rem;padding:1rem;display:grid}.vs-overview-control-measure{justify-items:center;gap:.75rem;display:grid}.vs-overview-control-legend{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.vs-overview-control-legend>span{border:1px solid var(--vs-line);border-radius:var(--radius-inner);background:var(--vs-panel);color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;padding:.28rem .42rem;font-size:.5rem;font-weight:850}.vs-overview-control-legend strong{color:var(--vs-text)}.vs-overview-control-target{color:#151515;cursor:pointer;background:0 0;border:0;place-items:center;width:min(100%,240px);min-width:0;min-height:44px;padding:0;display:grid;position:relative}.vs-overview-control-target:before{border:1px dashed color-mix(in srgb, var(--pink) 72%, var(--vs-text));border-radius:calc(var(--radius-control) + 2px);background:color-mix(in srgb, var(--pink) 5%, transparent);content:"";position:absolute;inset:0}.vs-overview-control-visual{z-index:1;min-width:176px;height:var(--vs-overview-control-height);border-radius:var(--radius-control);background:var(--lime);box-shadow:var(--arcade-keycap-inset-light), 0 var(--arcade-depth-control) 0 #151515;color:#151515;font-family:var(--font-mono);font-size:var(--command-label-size);font-weight:var(--command-label-weight);letter-spacing:var(--command-label-tracking);line-height:var(--command-label-line-height);text-transform:uppercase;transition:transform var(--motion-ui), box-shadow var(--motion-ui);border:2px solid #151515;grid-auto-flow:column;place-content:center;align-items:center;gap:.5rem;padding:.38rem .85rem;display:inline-grid;position:relative}.vs-overview-control-visual>span{transform:translateY(var(--command-label-optical-offset))}.vs-overview-control-visual svg{width:var(--command-icon-size);height:var(--command-icon-size)}.vs-overview-control-target:hover .vs-overview-control-visual,.vs-overview-control-target:focus-visible .vs-overview-control-visual{transform:translateY(-1px)}.vs-overview-control-target:active .vs-overview-control-visual{box-shadow:var(--arcade-keycap-inset-light), 0 1px 0 #151515;transform:translateY(calc(var(--arcade-depth-control) - 1px))}.vs-overview-control-target:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.vs-overview-control-stage>span{color:var(--vs-muted);font-family:var(--font-mono);text-align:center;text-transform:uppercase;font-size:.58rem;font-weight:850}.vs-overview-unit-stage{align-content:center;gap:.65rem;padding:1rem;display:grid}.vs-overview-unit-stage>label{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:.56rem;font-weight:900;display:flex}.vs-overview-unit-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.vs-overview-unit-presets button{border:1px solid var(--vs-line);border-radius:var(--radius-inner);background:var(--vs-surface);min-height:36px;color:var(--vs-muted);font-family:var(--font-mono);font-size:.56rem;font-weight:900}.vs-overview-unit-presets button[aria-pressed=true]{background:var(--yellow);color:#151515;border-color:#151515;box-shadow:0 2px #151515}.vs-overview-unit-stage output{color:var(--vs-text)}.vs-overview-unit-stage input[type=range]{width:100%;accent-color:var(--yellow)}.vs-overview-unit-viewport{width:var(--vs-overview-viewport-width);border:1px solid var(--vs-text);border-radius:var(--radius-control);background:color-mix(in srgb, var(--blue) 10%, var(--vs-surface));min-width:42%;min-height:62px;transition:width var(--motion-panel);grid-template-columns:auto 1fr;justify-self:center;align-items:center;gap:.45rem;padding:.55rem;display:grid}.vs-overview-unit-viewport span{background:var(--blue);color:#081018;font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;padding:.25rem .32rem;font-size:.52rem;font-weight:900}.vs-overview-unit-viewport strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.9rem,3vw,1.45rem);overflow:hidden}.vs-overview-unit-copy{gap:.4rem;display:grid}.vs-overview-unit-copy code{overflow-wrap:anywhere;border-radius:var(--radius-inner);background:var(--yellow);color:#151515;width:fit-content;max-width:100%;font-family:var(--font-mono);border:1px solid #151515;padding:.48rem .56rem;font-size:.62rem;font-weight:900}.vs-overview-unit-copy strong{font-family:var(--font-display);font-size:1.15rem}.vs-overview-unit-copy p{color:var(--vs-muted);margin:0;font-size:.8rem;line-height:1.45}.vs-overview-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.vs-overview-principles>a{border:1px solid var(--vs-line);border-radius:var(--radius-surface);background:var(--vs-panel);min-height:168px;color:var(--vs-text);transition:background var(--motion-ui), border-color var(--motion-ui), transform var(--motion-ui);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:1rem;display:grid}.vs-overview-principles>a>span{border:1px solid color-mix(in srgb, var(--pink) 48%, var(--vs-line));border-radius:var(--radius-control);background:color-mix(in srgb, var(--pink) 9%, var(--vs-surface));width:36px;height:36px;color:var(--accent-pink-text);font-family:var(--font-mono);place-items:center;font-size:.68rem;font-weight:950;display:grid}.vs-overview-principles>a>div{gap:.5rem;display:grid}.vs-overview-principles strong{font-family:var(--font-display);font-size:1.1rem;line-height:1.08}.vs-overview-principles p{color:var(--vs-muted);font-size:.76rem;line-height:1.45}.vs-overview-principles svg{width:18px;height:18px;margin-top:.55rem}.vs-overview-principles>a:hover,.vs-overview-principles>a:focus-visible{border-color:color-mix(in srgb, var(--lime) 55%, var(--vs-line));background:color-mix(in srgb, var(--lime) 8%, var(--vs-panel));transform:translateY(-2px)}.vs-status-badge{border-color:var(--vs-text);color:#151515;text-transform:uppercase}.vs-status-badge[data-status=production]{background:var(--lime)}.vs-status-badge[data-status=proposed]{background:var(--yellow)}.vs-status-badge[data-status=exception]{background:var(--pink)}.vs-block__body{gap:1.35rem;padding:clamp(1.35rem,3.4vw,2.6rem);display:grid}.vs-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.2vw,2rem);display:grid}.vs-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.vs-route-card{--vs-route-art-active-position:var(--vs-route-art-position,70% 50%);--vs-route-art-active-scale:var(--vs-route-art-scale,1.015);--vs-route-reading-surface:color-mix(in srgb, var(--vs-surface-strong) 96%, transparent);--vs-route-keycap-border:#151515;isolation:isolate;border:1px solid var(--vs-line);border-radius:var(--radius-surface);background:var(--vs-surface);min-height:160px;box-shadow:var(--vs-shadow-card);color:var(--vs-text);content-visibility:auto;contain-intrinsic-size:auto 160px;transition:border-color var(--motion-ui), box-shadow var(--motion-ui), transform var(--motion-ui);grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:1rem;padding:.9rem;display:grid;position:relative;overflow:hidden}.vs-route-card:before{z-index:1;background:linear-gradient(90deg, transparent 0 56%, color-mix(in srgb, var(--vs-surface-strong) 18%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--vs-route-reading-surface) 96%, transparent) 0%, color-mix(in srgb, var(--vs-route-reading-surface) 86%, transparent) 48%, color-mix(in srgb, var(--vs-route-reading-surface) 42%, transparent) 68%, transparent 100%);content:"";pointer-events:none;position:absolute;inset:0}.vs-route-card__artwork{z-index:0;border-radius:calc(var(--radius-surface) - 4px);pointer-events:none;background:0 0;width:46%;position:absolute;inset:.72rem .72rem .72rem auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000004d 18%,#000 42%);mask-image:linear-gradient(90deg,#0000 0%,#0000004d 18%,#000 42%)}.vs-route-card__artwork img{object-fit:cover;object-position:var(--vs-route-art-active-position);opacity:.78;filter:saturate(.92)contrast(.98);transform:scale(var(--vs-route-art-active-scale));transform-origin:var(--vs-route-art-active-position);transition:filter var(--motion-panel), opacity var(--motion-panel), transform var(--motion-panel)}html[data-card-theme=dark] .vs-route-card{--vs-route-reading-surface:color-mix(in srgb, var(--vs-page) 96%, transparent);--vs-route-keycap-border:#f8faefe0}html[data-card-theme=dark] .vs-route-card__artwork img{opacity:.82;filter:saturate(.94)contrast(1.02)brightness(1.04)}.vs-route-card__content,.vs-route-card__arrow{z-index:2;position:relative}.vs-route-card__content{border:1px solid color-mix(in srgb, var(--vs-text) 24%, transparent);background:var(--vs-route-reading-surface);width:min(74%,610px);min-width:0;box-shadow:0 8px 22px color-mix(in srgb, var(--vs-page) 12%, transparent);border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:.78rem;padding:.78rem .88rem;display:grid}html[data-card-theme=dark] .vs-route-card__content{border-color:#f8faef33;box-shadow:0 10px 26px #00000038}.vs-route-card__index{border:1px solid color-mix(in srgb, var(--pink) 48%, var(--vs-line));border-radius:var(--radius-inner);background:color-mix(in srgb, var(--pink) 12%, var(--vs-surface-strong));min-width:40px;min-height:34px;color:var(--accent-pink-text);font-family:var(--font-mono);place-items:center;padding:.2rem .3rem;font-size:.86rem;font-weight:950;line-height:1;display:inline-grid}.vs-route-card__copy{gap:.35rem;min-width:0;max-width:48ch;display:grid}.vs-route-card__copy strong{font-family:var(--font-display);font-size:clamp(1.1rem,1.25vw,1.25rem);font-weight:800;line-height:1.05}.vs-route-card__copy>span{color:var(--vs-muted);font-size:.8rem;line-height:1.45}.vs-route-card__arrow{border:2px solid var(--vs-route-keycap-border);border-radius:var(--radius-control);background:var(--yellow);width:48px;height:48px;box-shadow:var(--arcade-keycap-inset-light), 0 var(--arcade-depth-control) 0 var(--vs-route-keycap-border);color:#151515;transition:background var(--motion-ui), box-shadow var(--motion-ui), transform var(--motion-ui);place-self:center end;place-items:center;display:grid}.vs-route-card__arrow svg{stroke-width:2.8px;width:19px;height:19px}.vs-route-card:focus-visible{border-color:var(--vs-text);box-shadow:var(--vs-focus), 0 5px 0 var(--vs-text);transform:translateY(-2px)}.vs-route-card:focus-visible .vs-route-card__arrow{background:var(--lime)}.vs-route-card:active{box-shadow:0 2px 0 var(--vs-text);transform:translateY(2px)}.vs-route-card:active .vs-route-card__arrow{box-shadow:var(--arcade-keycap-inset-pressed), 0 var(--arcade-pressed-depth) 0 var(--vs-route-keycap-border);transform:translateY(2px)}.vs-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.vs-process li{border:1px solid var(--vs-line);background:var(--vs-panel);align-content:start;gap:.65rem;padding:1.1rem;display:grid;position:relative}.vs-process li:first-child{border-radius:10px 0 0 10px}.vs-process li:last-child{border-radius:0 10px 10px 0}.vs-process li+li{border-left:0}.vs-process span{color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.65rem;font-weight:900}.vs-process strong{font-family:var(--font-display);font-size:1.2rem}.vs-process p{color:var(--vs-muted);font-size:.8rem;line-height:1.45}.vs-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.vs-color-token{border:1px solid var(--vs-line);background:var(--vs-surface-strong);min-width:0;color:var(--vs-text);text-align:left;cursor:pointer;border-radius:10px;grid-template-rows:88px auto;padding:0;display:grid;position:relative;overflow:hidden}.vs-color-token:focus-visible{box-shadow:var(--vs-focus)}.vs-color-token__swatch{border-bottom:1px solid var(--vs-line);width:100%}.vs-color-token__copy{gap:.25rem;padding:.8rem;display:grid}.vs-color-token__copy strong{font-family:var(--font-display);font-size:.95rem}.vs-color-token__copy code{color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.66rem;font-weight:800}.vs-color-token__copy small{color:var(--vs-muted);font-size:.72rem;line-height:1.35}.vs-color-token>svg{width:15px;height:15px;color:var(--vs-muted);position:absolute;bottom:.55rem;right:.55rem}.vs-token-selector,.vs-filter-row{flex-wrap:wrap;gap:.45rem;display:flex}.vs-token-selector button,.vs-filter-row button,.vs-playground__toolbar button{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:36px;color:var(--vs-text);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border-radius:7px;padding:0 .7rem;font-size:.65rem;font-weight:850}.vs-token-selector button[aria-pressed=true],.vs-filter-row button[aria-pressed=true],.vs-playground__toolbar button[aria-pressed=true]{background:var(--yellow);color:#151515;border-color:#151515;box-shadow:0 3px #151515}.vs-spacing-stage{min-height:240px;padding:var(--vs-space);border:1px dashed var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:16px 16px;border-radius:12px;place-items:center;display:grid}.vs-spacing-stage>div{border:2px solid var(--vs-text);background:var(--lime);color:#151515;width:100%;min-height:120px;font-family:var(--font-mono);border-radius:8px;place-items:center;font-size:.7rem;font-weight:900;display:grid}.vs-radius-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.vs-radius-grid button{border:1px solid var(--vs-line);background:var(--vs-panel);min-width:0;color:var(--vs-text);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.2rem .7rem;padding:.65rem;display:grid}.vs-radius-grid button[aria-pressed=true]{border-color:var(--vs-text);box-shadow:0 4px 0 var(--vs-text)}.vs-radius-grid button>span{border:2px solid var(--vs-text);background:var(--yellow);grid-row:1/3;width:42px;height:42px}.vs-radius-grid strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.7rem}.vs-radius-grid small{color:var(--vs-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1.25;overflow:hidden}.vs-radius-rule{grid-template-columns:minmax(0,1.2fr) minmax(15rem,.8fr);gap:.75rem;display:grid}.vs-radius-stage{border:1px dashed var(--vs-text);border-radius:var(--radius-surface);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:16px 16px;place-items:center;min-height:180px;padding:1.25rem;display:grid}.vs-radius-stage__outer{width:min(100%,27rem);min-height:120px;padding:var(--vs-radius-inset);border:2px solid var(--vs-text);border-radius:var(--vs-radius-outer);background:color-mix(in srgb, var(--lime) 22%, var(--vs-surface-strong));transition:border-radius var(--motion-panel);gap:.6rem;display:grid}.vs-radius-stage__outer>span,.vs-radius-stage__inner strong,.vs-radius-stage__inner small{font-family:var(--font-mono);text-transform:uppercase;font-weight:900}.vs-radius-stage__outer>span{color:var(--vs-muted);padding:.3rem .45rem 0;font-size:.58rem}.vs-radius-stage__inner{border:1px solid var(--vs-line);border-radius:var(--vs-radius-inner);background:var(--vs-surface-strong);min-height:76px;transition:border-radius var(--motion-panel);align-content:center;gap:.25rem;padding:.8rem;display:grid}.vs-radius-stage__inner strong{font-size:.74rem}.vs-radius-stage__inner small{color:var(--vs-muted);font-size:.56rem}.vs-radius-formula{border:1px solid var(--vs-line);border-radius:var(--radius-surface);background:var(--vs-panel);align-content:center;gap:.7rem;padding:1rem;display:grid}.vs-radius-formula code{border:1px solid var(--vs-text);border-radius:var(--radius-inner);background:var(--yellow);color:#151515;width:fit-content;font-family:var(--font-mono);padding:.48rem .58rem;font-size:.66rem;font-weight:900}.vs-radius-formula p{color:var(--vs-muted);margin:0;font-size:.78rem;line-height:1.5}.vs-border-contract{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.8rem;display:grid}.vs-border-contract article{border:var(--vs-border-passive);border-radius:var(--radius-surface);background:var(--vs-panel);gap:.75rem;min-width:0;padding:1rem;display:grid}.vs-border-contract__sample{border:var(--vs-border-passive);border-radius:var(--radius-control);background:var(--vs-surface-strong);min-height:92px;box-shadow:var(--vs-shadow-card);color:var(--vs-text);font-family:var(--font-mono);text-align:center;text-transform:uppercase;place-items:center;padding:.8rem;font-size:.66rem;font-weight:900;display:grid}.vs-border-contract article[data-border-role=tactile] .vs-border-contract__sample{border:var(--vs-border-tactile);background:var(--yellow);box-shadow:var(--vs-shadow-control);color:#151515}.vs-border-contract article[data-border-role=focus] .vs-border-contract__sample{box-shadow:var(--vs-focus)}.vs-border-contract strong{font-family:var(--font-display);font-size:1.05rem;line-height:1}.vs-border-contract p{color:var(--vs-muted);font-size:.78rem;line-height:1.5}.vs-border-contract code{overflow-wrap:anywhere;color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.58rem;font-weight:850}.vs-shadow-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.vs-shadow-theme{--preview-page:#f8faef;--preview-surface:#fffdf8;--preview-text:#151515;--preview-muted:#5f655c;--preview-line:#15151524;--preview-grid:#1515150e;--preview-shadow:0 12px 0 #15151512, 0 24px 52px #1515151c;border:1px solid var(--preview-line);background:linear-gradient(var(--preview-grid) 1px, transparent 1px), linear-gradient(90deg, var(--preview-grid) 1px, transparent 1px), var(--preview-page);min-height:360px;color:var(--preview-text);background-size:24px 24px;border-radius:12px;align-content:start;gap:1rem;padding:1.2rem;display:grid}.vs-shadow-theme[data-preview-theme=dark]{--preview-page:#0f1117;--preview-surface:#171a22;--preview-text:#f6f4ea;--preview-muted:#afb5aa;--preview-line:#f8faef29;--preview-grid:#f8faef0e;--preview-shadow:0 12px 0 #f8faef12, 0 24px 52px #0006}.vs-shadow-theme__label{color:var(--preview-muted);font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.62rem;font-weight:900;display:flex}.vs-shadow-card{border:1px solid var(--preview-line);background:var(--preview-surface);min-height:230px;box-shadow:var(--preview-shadow);border-radius:12px;align-content:center;gap:.75rem;padding:1.5rem;display:grid}.vs-shadow-card strong{font-family:var(--font-display);font-size:1.55rem}.vs-shadow-card p,.vs-shadow-card code{color:var(--preview-muted);margin:0}.vs-shadow-card p{font-size:.82rem;line-height:1.45}.vs-shadow-card code{font-family:var(--font-mono);font-size:.62rem;line-height:1.5}.vs-rule-strip{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:1rem;display:grid}.vs-rule-strip strong{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem}.vs-rule-strip span{color:var(--vs-muted);font-size:.82rem;line-height:1.45}.vs-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.vs-rule-card{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.75rem;min-height:150px;padding:1rem;display:grid}.vs-rule-card__icon{border:1px solid var(--vs-line);background:var(--vs-surface);border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.vs-rule-card[data-tone=lime] .vs-rule-card__icon{background:var(--lime);color:#151515}.vs-rule-card[data-tone=yellow] .vs-rule-card__icon{background:var(--yellow);color:#151515}.vs-rule-card[data-tone=pink] .vs-rule-card__icon{background:var(--pink);color:#151515}.vs-rule-card[data-tone=blue] .vs-rule-card__icon{background:var(--blue);color:#151515}.vs-rule-card__icon svg{stroke-width:2.3px;width:17px;height:17px}.vs-rule-card>div{gap:.4rem;display:grid}.vs-rule-card strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem;font-weight:900}.vs-rule-card p{color:var(--vs-muted);font-size:.77rem;line-height:1.45}.vs-motion-lab{gap:1rem;display:grid}.vs-motion-lab__controls,.vs-responsive-lab__controls,.vs-collision-lab__controls,.vs-stack-lab__controls,.vs-async-lab__controls{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.vs-motion-lab__controls label,.vs-responsive-lab__controls label{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:44px;font-family:var(--font-mono);text-transform:uppercase;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.64rem;font-weight:850;display:inline-flex}.vs-motion-lab__stage{border:1px dashed var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:20px 20px;border-radius:12px;align-items:center;min-height:290px;padding:clamp(1.2rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.vs-motion-lab__origin{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem;font-weight:850;position:absolute;top:1rem;left:1rem}.vs-motion-lab__stage article{border:2px solid var(--vs-text);background:var(--vs-surface-strong);width:min(100%,320px);box-shadow:var(--vs-shadow-control);opacity:.48;transition:opacity var(--vs-motion-duration), transform var(--vs-motion-duration);border-radius:12px;gap:.45rem;padding:1.2rem;display:grid;transform:translate(-18%,12px)}.vs-motion-lab__stage[data-active=true] article{opacity:1;transform:translate(48%)}.vs-motion-lab__stage[data-reduced-motion=true] article{transform:none}.vs-motion-lab__stage article span,.vs-motion-lab__stage article code{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem;font-weight:850}.vs-motion-lab__stage article strong{font-family:var(--font-display);font-size:1.5rem}.vs-table-wrap{border:1px solid var(--vs-line);border-radius:10px;overflow-x:auto}.vs-table{border-collapse:collapse;background:var(--vs-surface-strong);width:100%;min-width:640px}.vs-table th,.vs-table td{border-bottom:1px solid var(--vs-line);text-align:left;vertical-align:top;padding:.85rem .9rem}.vs-table th{background:var(--vs-panel);color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.63rem;font-weight:900}.vs-table td{color:var(--vs-muted);font-size:.78rem;line-height:1.4}.vs-table td:first-child{color:var(--vs-text);font-family:var(--font-mono);font-weight:850}.vs-table tr:last-child td{border-bottom:0}.vs-sample-field{gap:.45rem;display:grid}.vs-sample-field>span{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem;font-weight:900}.vs-sample-field input{border:2px solid var(--vs-text);background:var(--vs-surface-strong);min-height:48px;color:var(--vs-text);border-radius:8px;padding:0 .9rem}.vs-type-specimens{border-top:1px solid var(--vs-line);display:grid}.vs-type-specimen{border-bottom:1px solid var(--vs-line);grid-template-columns:170px minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.35rem 0;display:grid}.vs-type-specimen>div{color:var(--vs-muted);font-family:var(--font-mono);gap:.18rem;font-size:.62rem;line-height:1.4;display:grid}.vs-type-specimen>div strong{color:var(--accent-pink-text);text-transform:uppercase}.vs-type-specimen p{color:var(--vs-text);overflow-wrap:anywhere}.vs-type-specimen p[data-role-index="0"]{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:.98}.vs-type-specimen p[data-role-index="1"]{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1}.vs-type-specimen p[data-role-index="2"]{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.vs-type-specimen p[data-role-index="3"]{font-family:var(--font-display);font-size:1.65rem;font-weight:800;line-height:1}.vs-type-specimen p[data-role-index="4"]{max-width:68ch;font-size:1rem;line-height:1.48}.vs-type-specimen p[data-role-index="5"]{font-family:var(--font-mono);text-transform:uppercase;font-size:.75rem;font-weight:850;line-height:1.2}.vs-type-specimens[data-mode=mobile] .vs-type-specimen p[data-role-index="0"]{font-size:2.625rem}.vs-type-specimens[data-mode=mobile] .vs-type-specimen p[data-role-index="1"]{font-size:2rem}.vs-type-specimens[data-mode=mobile] .vs-type-specimen p[data-role-index="2"]{font-size:1.7rem}.vs-type-specimens[data-mode=mobile] .vs-type-specimen p[data-role-index="3"]{font-size:1.45rem}.vs-font-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.vs-font-grid article{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;gap:.8rem;min-width:0;padding:1.1rem;display:grid}.vs-font-grid article>span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem;font-weight:900}.vs-font-grid strong{overflow-wrap:anywhere;font-size:2rem;line-height:1}.vs-font-grid strong[data-font=display]{font-family:var(--font-display);font-weight:800}.vs-font-grid strong[data-font=body]{font-family:var(--font-ui)}.vs-font-grid strong[data-font=mono]{font-family:var(--font-mono);font-size:1.45rem}.vs-font-grid p{color:var(--vs-muted);font-size:.78rem;line-height:1.45}.vs-font-grid code{overflow-wrap:anywhere;color:var(--vs-muted);font-family:var(--font-mono);font-size:.58rem;line-height:1.45}.vs-do-dont{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.vs-do-dont article{border:var(--vs-border-passive);border-radius:10px;gap:.7rem;padding:1.1rem;display:grid}.vs-do-dont article[data-kind=do]{background:color-mix(in srgb, var(--lime) 18%, var(--vs-surface))}.vs-do-dont article[data-kind=dont]{background:color-mix(in srgb, var(--orange) 13%, var(--vs-surface))}.vs-do-dont strong{font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.45rem;font-size:.7rem;display:flex}.vs-do-dont strong svg{width:17px;height:17px}.vs-do-dont p{color:var(--vs-muted);font-size:.82rem;line-height:1.5}.vs-playground{gap:1rem;display:grid}.vs-playground__toolbar{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:.9rem;display:flex}.vs-playground__toolbar>div{flex-wrap:wrap;gap:.4rem;display:flex}.vs-playground__toolbar>div>span{width:100%;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.6rem;font-weight:900}.vs-playground__toolbar label,.vs-contract-toggles label{min-height:36px;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;align-items:center;gap:.45rem;font-size:.65rem;font-weight:850;display:inline-flex}.vs-playground__toolbar input,.vs-contract-toggles input{width:18px;height:18px;accent-color:var(--lime)}.vs-playground__stage,.vs-component-stage{border:1px dashed var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:20px 20px;border-radius:12px;place-items:center;gap:1.5rem;min-height:220px;padding:1.5rem;display:grid}.vs-button,.vs-icon-button{--button-fill:var(--lime);--button-ink:#151515;--button-border:var(--vs-text);--button-depth:var(--arcade-depth-action);--button-keycap-inset:var(--arcade-keycap-inset-light);--button-hover-fill:var(--arcade-hover-primary);appearance:none;min-height:var(--command-height);justify-content:center;align-items:center;gap:var(--command-content-gap);border:2px solid var(--button-border);border-radius:var(--radius-control);background:var(--button-fill);box-shadow:var(--button-keycap-inset), 0 var(--button-depth) 0 var(--button-border);color:var(--button-ink);cursor:pointer;font-family:var(--font-mono);font-size:var(--command-label-size);font-weight:900;line-height:var(--command-label-line-height);text-align:center;text-transform:uppercase;transition:background-color var(--arcade-release), box-shadow var(--arcade-release), transform var(--arcade-release);grid-auto-flow:column;padding:.72rem .95rem;text-decoration:none;display:inline-grid}.vs-button svg,.vs-icon-button svg{width:var(--command-icon-size);height:var(--command-icon-size);stroke-width:3px;flex:none}.vs-button[data-size=compact]{--button-depth:var(--arcade-depth-compact);min-height:var(--command-height-compact);font-size:var(--type-meta);padding:.5rem .72rem}.vs-button[data-variant=secondary]{--button-fill:var(--vs-surface-strong);--button-ink:var(--vs-text);--button-border:var(--vs-text);--button-hover-fill:color-mix(in srgb, var(--vs-surface-strong) 90%, var(--lime));--button-keycap-inset:var(--arcade-keycap-inset-neutral-light)}.vs-button[data-variant=warning]{--button-fill:var(--yellow);--button-hover-fill:color-mix(in srgb, var(--yellow) 88%, #fff)}.vs-button[data-variant=pink]{--button-fill:var(--pink);--button-hover-fill:color-mix(in srgb, var(--pink) 90%, #fff)}.vs-button[data-variant=danger]{--button-fill:var(--orange);--button-hover-fill:color-mix(in srgb, var(--orange) 86%, #fff);--button-ink:#151515}.vs-button:focus-visible,.vs-icon-button:focus-visible,.vs-button[data-demo-state=focus]{background:var(--button-hover-fill);box-shadow:var(--button-keycap-inset), 0 var(--button-depth) 0 var(--button-border), var(--vs-focus);outline:none}.vs-button[data-demo-state=hover]{background:var(--button-hover-fill);box-shadow:var(--button-keycap-inset), 0 var(--button-depth) 0 var(--button-border), var(--arcade-hover-ring-light)}html[data-card-theme=dark] .vs-button[data-demo-state=hover]{box-shadow:var(--button-keycap-inset), 0 var(--button-depth) 0 var(--button-border), var(--arcade-hover-ring-dark)}.vs-button:active,.vs-icon-button:active,.vs-button[data-demo-state=pressed]{box-shadow:var(--arcade-keycap-inset-pressed), 0 var(--arcade-pressed-depth) 0 var(--button-border);transition:box-shadow var(--arcade-press-down), transform var(--arcade-press-down);transform:translateY(var(--arcade-press-y-action))}.vs-button:disabled{opacity:.46;cursor:not-allowed;filter:grayscale(.4)}.vs-button[aria-busy=true]{cursor:progress}.vs-icon-button{width:44px;min-width:44px;padding:0}html[data-card-theme=dark] .vs-button,html[data-card-theme=dark] .vs-icon-button{--button-border:#f8faefdb}html[data-card-theme=dark] .vs-button[data-variant=secondary]{--button-fill:#f8faef14;--button-hover-fill:#f8faef21;--button-keycap-inset:var(--arcade-keycap-inset-neutral-dark)}.vs-measurement{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.vs-measurement span{border:1px solid var(--vs-line);background:var(--vs-surface);color:var(--vs-muted);font-family:var(--font-mono);border-radius:6px;padding:.38rem .5rem;font-size:.58rem;font-weight:800}.vs-button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.vs-button-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;width:100%;display:grid}.vs-button-state-grid article{border:1px solid var(--vs-line);background:var(--vs-surface);border-radius:10px;justify-items:start;gap:.75rem;min-width:0;padding:1rem;display:grid}.vs-button-state-grid article>span{color:var(--vs-muted);font-family:var(--font-mono);font-size:var(--type-meta);letter-spacing:.04em;text-transform:uppercase;font-weight:850}.vs-spin{animation:.85s linear infinite vs-spin}@keyframes vs-spin{to{transform:rotate(360deg)}}.vs-chip-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.vs-chip-row>button,.vs-chip-row>span{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:32px;color:var(--vs-text);font-family:var(--font-mono);border-radius:6px;align-items:center;padding:.4rem .62rem;font-size:.63rem;font-weight:850;display:inline-flex}.vs-chip-row>button{cursor:pointer}.vs-chip-row>button[aria-pressed=true]{border-color:var(--vs-text);box-shadow:0 3px 0 var(--vs-text)}.vs-chip-row>[data-tone=pink]{background:color-mix(in srgb, var(--pink) 22%, var(--vs-surface))}.vs-chip-row>[data-tone=lime]{background:color-mix(in srgb, var(--lime) 28%, var(--vs-surface))}.vs-chip-row>[data-tone=yellow]{background:color-mix(in srgb, var(--yellow) 32%, var(--vs-surface))}.vs-chip-row>[data-tone=dark]{color:#f8faef;background:#151515}.vs-field-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,.4fr);gap:1rem;display:grid}.vs-field{gap:.45rem;min-width:0;display:grid}.vs-field>span:first-child{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.67rem;font-weight:900}.vs-field__control{min-width:0;display:grid;position:relative}.vs-field input,.vs-field select{appearance:none;border:2px solid var(--vs-text);background:var(--vs-surface-strong);width:100%;min-width:0;height:48px;color:var(--vs-text);border-radius:8px;font-size:.9rem}.vs-field input{padding:0 1rem 0 3rem}.vs-field select{padding:0 3.25rem 0 1rem}.vs-smart-search-icon{z-index:1;width:20px;height:20px;color:var(--vs-text);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.vs-field__chevron{pointer-events:none;width:18px;height:18px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.vs-field small{color:var(--vs-muted);font-size:.72rem}.vs-pet-state-demo{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:1rem;display:grid}.vs-pet-stage{border:2px solid var(--vs-text);background:radial-gradient(circle at 50% 56%, #94f03d2e, transparent 37%), linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:auto,24px 24px,24px 24px,auto;border-radius:12px;place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.vs-pet-stage>img{z-index:2;object-fit:contain;width:min(72%,330px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 14px 18px #1515152e);position:relative}.vs-pet-stage[data-playing=true]>img{animation:1.8s steps(2,end) infinite vs-pet-breathe}@keyframes vs-pet-breathe{50%{transform:translateY(-3px)}}.vs-pet-stage__hud{z-index:3;border:1px solid var(--vs-line);background:var(--vs-surface);color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;border-radius:6px;padding:.4rem .5rem;font-size:.58rem;font-weight:900;position:absolute;top:.8rem;left:.8rem}.vs-pet-stage__ground{z-index:1;filter:blur(6px);background:#1515152b;border-radius:50%;width:44%;height:7%;position:absolute;bottom:20%}html[data-card-theme=dark] .vs-pet-stage__ground{background:#00000085}.vs-pet-stage>button{z-index:4;position:absolute;bottom:.8rem;right:.8rem}.vs-state-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.65rem;display:grid}.vs-state-controls button{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:76px;color:var(--vs-text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:.65rem;padding:.55rem;display:grid}.vs-state-controls button[aria-pressed=true]{background:var(--yellow);color:#151515;border:2px solid #151515;box-shadow:0 4px #151515}.vs-state-controls img{object-fit:contain;width:52px;height:52px;image-rendering:pixelated}.vs-state-controls span{font-family:var(--font-mono);font-size:.68rem;font-weight:850;line-height:1.2}.vs-surface-playground{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:stretch;gap:1rem;display:grid}.vs-surface-playground__sample{border:var(--vs-border-passive);background:var(--vs-surface-strong);min-height:280px;transition:border-radius var(--motion-panel), box-shadow var(--motion-panel);align-content:center;gap:.65rem;padding:2rem;display:grid}.vs-surface-playground[data-surface=card] .vs-surface-playground__sample{box-shadow:none;border-radius:12px}.vs-surface-playground[data-surface=panel] .vs-surface-playground__sample{box-shadow:none;border-radius:18px}.vs-surface-playground[data-surface=tray] .vs-surface-playground__sample{box-shadow:none;border-radius:20px}html[data-card-theme=dark] .vs-surface-playground[data-surface=tray] .vs-surface-playground__sample{box-shadow:none}.vs-surface-playground__sample>span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem;font-weight:900}.vs-surface-playground__sample strong{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2rem,4vw,3rem);line-height:.95}.vs-surface-playground__sample p{color:var(--vs-muted);font-size:.9rem}.vs-surface-playground__rules{gap:.6rem;display:grid}.vs-surface-playground__rules span{border:1px solid var(--vs-line);background:var(--vs-panel);color:var(--vs-muted);font-family:var(--font-mono);border-radius:9px;align-content:center;gap:.25rem;padding:1rem;font-size:.68rem;display:grid}.vs-surface-playground__rules strong{color:var(--vs-text);text-transform:uppercase;font-size:.62rem}.vs-pet-card-demo{border:var(--vs-border-passive);background:var(--vs-surface-strong);max-width:980px;box-shadow:none;border-radius:12px;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);display:grid;overflow:hidden}.vs-pet-card-demo__stage{place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.vs-pet-card-demo__background{object-fit:cover}.vs-pet-card-demo__pet{z-index:2;width:min(76%,290px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 14px 15px #15151533);position:relative}.vs-pet-card-demo__stage>span{z-index:3;color:#151515;font-family:var(--font-mono);text-transform:uppercase;background:#fffdf8d9;border:1px solid #1515156b;border-radius:6px;padding:.42rem .5rem;font-size:.58rem;font-weight:900;position:absolute;top:.75rem;left:.75rem}.vs-pet-card-demo__body{align-content:center;gap:.9rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid}.vs-pet-card-demo__body h2,.vs-pet-card-demo__body p{margin:0}.vs-pet-card-demo__body h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:.95}.vs-pet-card-demo__body>p{color:var(--vs-muted);font-size:.9rem;line-height:1.5}.vs-pet-card-demo__body>.vs-button{justify-self:start;margin-top:.4rem}.vs-inspector{border:var(--vs-border-passive);background:var(--vs-panel);box-shadow:none;border-radius:18px;overflow:hidden}.vs-inspector__tabs{border-bottom:1px solid var(--vs-line);grid-template-columns:repeat(3,minmax(0,1fr));padding:.45rem;display:grid}.vs-inspector__tabs button{min-height:40px;color:var(--vs-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:.65rem;font-weight:850}.vs-inspector__tabs button[aria-selected=true]{background:var(--yellow);color:#151515;box-shadow:0 3px #151515}.vs-inspector__panel{align-content:center;gap:.5rem;min-height:180px;padding:1.2rem;display:grid}.vs-inspector__panel strong{font-family:var(--font-display);font-size:1.5rem}.vs-inspector__panel p{color:var(--vs-muted);font-size:.83rem;line-height:1.45}.vs-tray-demo{gap:.7rem;display:grid}.vs-tray-demo>button{border:2px solid var(--vs-text);background:var(--vs-surface-strong);min-height:72px;box-shadow:0 4px 0 var(--vs-text), 0 14px 34px #15151529;color:var(--vs-text);text-align:left;cursor:pointer;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.55rem .7rem;display:grid}.vs-tray-demo>button>span:nth-child(2){gap:.2rem;display:grid}.vs-tray-demo>button strong{font-family:var(--font-display);font-size:.95rem}.vs-tray-demo>button small{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.57rem;font-weight:800}.vs-tray-demo>button>svg{width:18px;height:18px;transition:transform var(--motion-panel)}.vs-tray-demo[data-open=true]>button>svg{transform:rotate(180deg)}.vs-tray-demo__pet{background:var(--yellow);border-radius:14px;place-items:center;width:54px;height:54px;display:grid}.vs-tray-demo__pet img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated}.vs-tray-demo>div{border:var(--vs-border-passive);background:var(--vs-panel);min-height:130px;box-shadow:none;border-radius:18px;align-content:center;gap:.45rem;padding:1rem;display:grid}.vs-tray-demo>div strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.7rem}.vs-tray-demo>div p{color:var(--vs-muted);font-size:.8rem;line-height:1.45}.vs-toast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.vs-toast-reset{border:1px dashed var(--vs-text);background:var(--vs-panel);min-height:136px;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;border-radius:12px;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:.9rem;padding:1rem;font-size:.68rem;font-weight:850;display:flex}.vs-toast-fixture{max-width:100%;width:100%!important}.vs-dialog-demo>button svg{stroke-width:2.6px;width:1rem;height:1rem}.vs-stack-lab{gap:1rem;display:grid}.vs-toast-stack-stage{border:1px dashed var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:20px 20px;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(170px,.3fr);align-items:stretch;gap:1rem;padding:1.5rem;display:grid;overflow:hidden}.vs-toast-stack{align-content:start;min-height:176px;padding:1rem .75rem 1.4rem;display:grid;position:relative}.vs-toast-stack__item{justify-self:center;width:min(100%,520px)}.vs-toast-stack-stage[data-stack-mode=collapsed] .vs-toast-stack__item{width:auto;transition:opacity var(--motion-panel), transform var(--motion-panel);position:absolute;top:1rem;left:.75rem;right:.75rem}.vs-toast-stack-stage[data-stack-mode=collapsed] .vs-toast-stack__item:first-child{z-index:2}.vs-toast-stack-stage[data-stack-mode=collapsed] .vs-toast-stack__item:nth-child(2){z-index:1;opacity:.72;transform:translateY(18px)scale(.975)}.vs-toast-stack-stage[data-stack-mode=expanded] .vs-toast-stack{gap:var(--toast-stack-gap);min-height:250px}.vs-toast-stack__empty{min-height:120px;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;place-items:center;font-size:.68rem;font-weight:850;display:grid}.vs-stack-lab__measure{align-content:start;gap:.5rem;margin:0;display:grid}.vs-stack-lab__measure div{border:1px solid var(--vs-line);background:var(--vs-surface);border-radius:8px;gap:.25rem;padding:.7rem;display:grid}.vs-stack-lab__measure dt,.vs-stack-lab__measure dd{font-family:var(--font-mono);margin:0;font-size:.62rem}.vs-stack-lab__measure dt{color:var(--vs-muted);text-transform:uppercase;font-weight:750}.vs-stack-lab__measure dd{font-weight:900}.vs-live-feedback{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:12px;grid-template-columns:minmax(180px,.6fr) minmax(220px,.7fr) minmax(280px,1fr);align-items:start;gap:1rem;padding:1rem;display:grid}.vs-live-feedback>div:first-child{gap:.5rem;display:grid}.vs-live-feedback>div:first-child p{color:var(--vs-muted);font-size:.78rem;line-height:1.45}.vs-live-feedback__actions{flex-wrap:wrap;gap:.65rem;display:flex}.vs-live-feedback__region{min-height:136px;color:var(--vs-muted);font-family:var(--font-mono);place-items:center;font-size:.65rem;display:grid}.vs-toast-fixture--live{width:100%}.vs-dialog-stage{border:1px dashed var(--vs-text);background:var(--vs-panel);border-radius:12px;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.vs-dialog-demo{border:2px solid var(--vs-text);background:var(--vs-surface-strong);box-shadow:var(--vs-shadow-panel);border-radius:18px;align-content:center;gap:1rem;padding:clamp(1rem,4vw,2rem);display:grid;position:absolute;inset:1rem}.vs-dialog-demo>button{position:absolute;top:1rem;left:1rem}.vs-dialog-demo>div:nth-child(2){gap:.6rem;padding-top:3.2rem;display:grid}.vs-dialog-demo h3,.vs-dialog-demo p{margin:0}.vs-dialog-demo h3{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1}.vs-dialog-demo p{color:var(--vs-muted);font-size:.82rem;line-height:1.45}.vs-dialog-demo__actions{flex-wrap:wrap;justify-content:flex-end;gap:.8rem;display:flex}.vs-loading-demo{border:1px dashed var(--vs-text);background:radial-gradient(circle at 28% 50%, #ffd21f26, transparent 34%), var(--vs-panel);border-radius:12px;grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);align-items:center;gap:1rem;min-height:430px;padding:1rem;display:grid}.vs-loading-demo__egg{place-items:center;min-height:260px;display:grid;position:relative}.vs-loading-demo__egg:after{content:"";filter:blur(7px);background:#15151529;border-radius:50%;width:56%;height:10%;position:absolute;bottom:11%}.vs-loading-demo__egg img{z-index:1;object-fit:contain;width:min(100%,220px);height:auto;image-rendering:pixelated;position:relative}.vs-loading-demo[data-loading=true] .vs-loading-demo__egg img{animation:1.25s steps(2,end) infinite vs-egg-pulse}@keyframes vs-egg-pulse{50%{opacity:.72;transform:translateY(-4px)}}.vs-loading-demo__copy{gap:.5rem;display:grid}.vs-loading-demo__copy strong{font-family:var(--font-display);font-size:1.7rem}.vs-loading-demo__copy span{color:var(--vs-muted);font-family:var(--font-mono);font-size:.68rem}.vs-loading-demo__copy .vs-button{justify-self:start;margin-top:.6rem}.vs-async-lab{gap:1rem;display:grid}.vs-async-lab__controls{padding-bottom:.35rem;overflow-x:auto}.vs-async-lab__stage{border:1px dashed var(--vs-text);background:var(--vs-panel);border-radius:12px;min-height:440px;padding:clamp(.8rem,2vw,1.25rem);overflow:hidden}.vs-production-loading .content-wrap{width:100%}.vs-production-loading .catalog-loading-state--compact{gap:1rem;padding-top:0}.vs-production-loading .catalog-loading-state--compact h2{font-size:clamp(2rem,5vw,3.5rem)}.vs-production-loading .catalog-loading-state--compact p{font-size:.9rem}.vs-production-loading .catalog-loading-state--compact .catalog-loading-card{min-height:220px}.vs-production-loading .detail-loading-state--compact{gap:.8rem;display:grid}.vs-production-loading .detail-loading-state--compact .detail-nav{margin:0}.vs-production-loading .detail-loading-state--compact .pet-detail-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);grid-template-areas:"stage intro""stage decision"}.vs-production-loading .detail-loading-state--compact .detail-stage{min-height:280px}.vs-production-loading .detail-loading-state--compact .pet-detail-intro h1{font-size:clamp(2rem,5vw,3.3rem)}.vs-route-state{border:var(--vs-border-passive);background:var(--vs-surface);max-width:680px;min-height:380px;box-shadow:var(--vs-shadow-card);border-radius:14px;align-content:center;gap:.75rem;margin:0 auto;padding:clamp(1.2rem,4vw,2.2rem);display:grid}.vs-route-state>svg{border:1px solid var(--vs-text);background:var(--yellow);color:#151515;border-radius:8px;width:36px;height:36px;padding:.45rem}.vs-route-state[data-state=error]>svg{background:var(--orange)}.vs-route-state[data-state=package]>svg{background:var(--blue)}.vs-route-state>strong{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.3rem);line-height:.95}.vs-route-state>p{max-width:52ch;color:var(--vs-muted);line-height:1.5}.vs-route-state .vs-button{justify-self:start}.vs-package-progress{border:2px solid var(--vs-text);background:var(--vs-panel);border-radius:6px;height:12px;overflow:hidden}.vs-package-progress span{background:linear-gradient(90deg, var(--lime), var(--yellow), var(--pink));height:100%;transition:width var(--motion-ui);display:block}.vs-route-state label{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;gap:.45rem;font-size:.62rem;font-weight:850;display:grid}.vs-contract-playground{gap:1rem;display:grid}.vs-contract-toggles{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;flex-wrap:wrap;gap:.8rem 1.2rem;padding:.9rem;display:flex}.vs-contract-stage{border:1px dashed var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:20px 20px;border-radius:12px;align-content:center;place-items:center;gap:1.2rem;min-height:260px;padding:1.5rem;display:grid}.vs-contract-stage[data-focus=true] .vs-button{box-shadow:inset 0 -3px #1515152e,0 5px #151515,0 0 0 4px #0ea5e961}.vs-contract-stage[data-large-target=false] .vs-button{min-height:32px;padding-block:.35rem}.vs-contract-stage[data-reduced-motion=false] .vs-button{animation:vs-contract-nudge 1.6s var(--ease-out) infinite}@keyframes vs-contract-nudge{50%{transform:translateY(-2px)}}.vs-contract-stage>span{color:var(--vs-muted);font-family:var(--font-mono);text-align:center;font-size:.65rem}.vs-keyboard-lab{grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:1rem;display:grid}.vs-keyboard-lab__journey{gap:.55rem;display:grid}.vs-keyboard-step{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:68px;color:var(--vs-text);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:auto minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:.75rem;padding:.7rem;display:grid}.vs-keyboard-step>span,.vs-keyboard-step>small{color:var(--vs-muted);font-family:var(--font-mono);font-size:.62rem}.vs-keyboard-step>strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem}.vs-keyboard-step:focus-visible{border-color:var(--vs-text);box-shadow:var(--vs-focus);outline:none}.vs-keyboard-lab__output{border:2px solid var(--vs-text);background:var(--yellow);box-shadow:0 5px 0 var(--vs-text);color:#151515;border-radius:10px;align-content:start;gap:.55rem;padding:1rem;display:grid}.vs-keyboard-lab__output span,.vs-keyboard-lab__output small{font-family:var(--font-mono);font-size:.62rem}.vs-keyboard-lab__output strong{font-family:var(--font-display);font-size:1.4rem}.vs-responsive-lab{gap:.8rem;display:grid}.vs-responsive-lab__ruler{border:1px solid var(--vs-line);background:var(--vs-panel);color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;border-radius:8px;justify-content:space-between;align-items:center;gap:.7rem;padding:.65rem .8rem;font-size:.65rem;font-weight:850;display:flex}.vs-responsive-lab__ruler svg{width:16px;height:16px}.vs-responsive-frame{width:min(100%, var(--vs-preview-width));border:2px solid var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-page);min-height:540px;box-shadow:0 8px 0 var(--vs-text);transition:width .28s var(--ease-out);background-size:20px 20px;border-radius:12px;justify-self:center;position:relative;overflow:hidden}.vs-responsive-frame__top{border-bottom:1px solid var(--vs-text);background:var(--vs-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;height:56px;padding:0 .8rem;display:grid}.vs-responsive-frame__top span,.vs-responsive-frame__dock span{background:var(--lime);color:#151515;width:32px;height:32px;font-family:var(--font-mono);border:1px solid #151515;border-radius:6px;place-items:center;font-size:.5rem;font-weight:900;display:grid}.vs-responsive-frame__top strong{font-family:var(--font-display);text-transform:uppercase;font-size:.8rem}.vs-responsive-frame__top i{border:1px solid var(--vs-line);background:var(--yellow);border-radius:7px;width:70px;height:28px}.vs-responsive-frame__body{grid-template-columns:140px minmax(0,1fr);gap:1rem;padding:1rem;display:grid}.vs-responsive-frame__body aside{border:1px solid var(--vs-text);background:var(--vs-surface);box-shadow:0 4px 0 var(--vs-text);border-radius:9px;align-content:start;gap:.5rem;padding:.7rem;display:grid}.vs-responsive-frame__body aside span{color:var(--vs-muted);font-family:var(--font-mono);border-radius:5px;padding:.45rem;font-size:.48rem}.vs-responsive-frame__body aside span:first-child{background:var(--yellow);color:#151515}.vs-responsive-frame__main{border:1px solid var(--vs-text);background:var(--vs-surface);border-radius:10px;align-content:center;gap:.8rem;min-height:360px;padding:1.2rem;display:grid}.vs-responsive-frame__main small{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem;font-weight:900}.vs-responsive-frame__main>strong{max-width:650px;font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.5rem,4vw,3rem);line-height:.95}.vs-responsive-frame__main>p{max-width:450px;color:var(--vs-muted);font-size:.65rem}.vs-responsive-frame__main>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.vs-responsive-frame__main>div span{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:7px;min-height:80px}.vs-responsive-frame__dock{display:none}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]){min-height:620px}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__top strong{font-size:0}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__top strong:after{content:"67";font-size:.7rem}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__body{grid-template-columns:1fr;padding:.7rem}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__body aside{display:none}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__main{min-height:440px;padding:1rem}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__main>div{grid-template-columns:1fr}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__main>div span{min-height:58px}.vs-responsive-frame:is([data-preset=mobile],[data-preset=narrow]) .vs-responsive-frame__dock{border:2px solid var(--vs-text);background:var(--vs-surface);height:58px;box-shadow:0 4px 0 var(--vs-text);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:0 .6rem;display:grid;position:absolute;bottom:.6rem;left:.6rem;right:.6rem}.vs-responsive-frame[data-safe-area=true]:after{z-index:8;border:10px solid color-mix(in srgb, var(--blue) 13%, transparent);content:"";pointer-events:none;position:absolute;inset:0}.vs-responsive-frame__dock strong{font-family:var(--font-mono);font-size:.55rem}.vs-responsive-frame__dock svg{width:15px;height:15px}.vs-collision-lab{gap:1rem;display:grid}.vs-collision-stage{isolation:isolate;border:2px solid var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-page);min-height:520px;box-shadow:0 7px 0 var(--vs-text);background-size:20px 20px;border-radius:14px;position:relative;overflow:hidden}.vs-collision-stage__top{z-index:2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;height:66px;padding:.65rem;display:grid;position:relative}.vs-collision-stage__top button,.vs-collision-stage__top strong{background:var(--lime);color:#151515;min-height:44px;font-family:var(--font-mono);text-transform:uppercase;border:2px solid #151515;border-radius:8px;font-size:.62rem;font-weight:900;box-shadow:0 4px #151515}.vs-collision-stage__top button{min-width:64px;padding:0 .6rem}.vs-collision-stage__top strong{background:var(--yellow);place-items:center;display:grid}.vs-collision-stage__content{border:1px solid var(--vs-line);background:var(--vs-surface);border-radius:12px;gap:.8rem;margin:2rem 1rem 7rem;padding:clamp(1rem,4vw,2rem);display:grid}.vs-collision-stage__content>span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem;font-weight:900}.vs-collision-stage__content>strong{max-width:18ch;font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);line-height:.92}.vs-collision-stage__content>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.vs-collision-stage__content i{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:9px;min-height:120px}.vs-collision-layer{border:2px solid var(--vs-text);box-shadow:0 5px 0 var(--vs-text);font-family:var(--font-mono);text-transform:uppercase;border-radius:9px;align-items:center;gap:.5rem;padding:.7rem;font-size:.66rem;font-weight:900;display:flex;position:absolute}.vs-collision-layer>span{border:1px solid;border-radius:5px;place-items:center;min-width:30px;min-height:24px;font-size:.56rem;display:grid}.vs-collision-layer--theme{z-index:3;background:var(--vs-surface);top:4.5rem;right:.75rem}.vs-collision-layer--tray{z-index:2;background:var(--lime);color:#151515;justify-content:center;bottom:.75rem;left:.75rem;right:.75rem}.vs-collision-layer--toast{z-index:5;background:color-mix(in srgb, var(--blue) 14%, var(--vs-surface));width:min(19rem,100% - 2rem);top:6.6rem;right:1rem}.vs-collision-layer--modal{z-index:4;box-shadow:none;background:#08090c8f;border:0;border-radius:0;place-items:center;display:grid;inset:0}.vs-collision-layer--modal article{border:2px solid var(--vs-text);background:var(--vs-surface);width:min(26rem,100% - 2rem);box-shadow:var(--vs-shadow-panel);border-radius:14px;gap:.75rem;padding:1.2rem;display:grid}.vs-collision-layer--modal strong{font-family:var(--font-display);font-size:1.8rem}.vs-collision-layer--modal button{border:2px solid var(--vs-text);background:var(--orange);color:#151515;min-height:44px;font-family:var(--font-mono);text-transform:uppercase;border-radius:8px;font-weight:900}.vs-exception-list{gap:.7rem;display:grid}.vs-exception-list article{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;grid-template-columns:minmax(130px,.35fr) minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:1rem;padding:1rem;display:grid}.vs-exception-list article>div{gap:.5rem;display:grid}.vs-exception-list article>div>span{border:1px solid var(--vs-line);color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;border-radius:6px;justify-self:start;padding:.35rem .48rem;font-size:.58rem;font-weight:900}.vs-exception-list article>div>span[data-status=accepted]{background:color-mix(in srgb, var(--lime) 30%, var(--vs-surface))}.vs-exception-list article>div>span[data-status=review]{background:color-mix(in srgb, var(--yellow) 36%, var(--vs-surface))}.vs-exception-list article>div>span[data-status=blocked]{background:color-mix(in srgb, var(--orange) 24%, var(--vs-surface))}.vs-exception-list strong{font-family:var(--font-display);font-size:1.15rem}.vs-exception-list p{color:var(--vs-muted);gap:.3rem;font-size:.78rem;line-height:1.45;display:grid}.vs-exception-list p b{color:var(--vs-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem}.vs-version-current{background:var(--yellow);color:#151515;border:2px solid #151515;border-radius:18px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1.5rem;padding:clamp(1.5rem,4vw,3rem);display:grid;box-shadow:0 8px #151515}.vs-version-current>div:first-child{align-content:center;gap:.8rem;display:grid}.vs-version-current>div:first-child>span{font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem;font-weight:900}.vs-version-current h2,.vs-version-current p{margin:0}.vs-version-current h2{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(3.8rem,9vw,7.5rem);line-height:.82}.vs-version-current p{max-width:680px;font-size:.95rem;line-height:1.5}.vs-version-current__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.vs-version-current__meta span{font-family:var(--font-mono);background:#fffdf880;border:1px solid #15151559;border-radius:8px;align-content:center;gap:.3rem;padding:.8rem;font-size:.65rem;font-weight:850;display:grid}.vs-version-current__meta strong{text-transform:uppercase;font-size:.55rem}.vs-version-timeline{gap:.9rem;padding-left:1.4rem;display:grid;position:relative}.vs-version-timeline:before{background:var(--vs-line);content:"";width:2px;position:absolute;top:0;bottom:0;left:.35rem}.vs-version-timeline article{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;gap:.65rem;padding:1.1rem;display:grid;position:relative}.vs-version-timeline article:before{border:2px solid var(--vs-text);background:var(--vs-surface);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:1.25rem;left:-1.45rem}.vs-version-timeline article[data-current=true]:before{background:var(--lime)}.vs-version-timeline article>span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.63rem;font-weight:900}.vs-version-timeline h3{font-family:var(--font-display);margin:0;font-size:1.5rem}.vs-version-timeline ul{color:var(--vs-muted);gap:.35rem;margin:0;padding-left:1.1rem;font-size:.8rem;line-height:1.45;display:grid}.vs-source-list{gap:.65rem;display:grid}.vs-source-list button{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:72px;color:var(--vs-text);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr) auto;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid}.vs-source-list code{overflow-wrap:anywhere;color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.68rem;font-weight:850}.vs-source-list span{color:var(--vs-muted);font-size:.78rem;line-height:1.4}.vs-source-list svg{width:17px;height:17px;color:var(--vs-muted)}.vs-code-block{border:var(--vs-border-passive);box-shadow:var(--vs-shadow-card);color:#f8faef;font-family:var(--font-mono);background:#151515;border-radius:10px;margin:0;padding:1.1rem;font-size:.72rem;line-height:1.6;overflow-x:auto}.vs-page-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:2rem;display:grid}.vs-page-stepper a{border:2px solid var(--vs-text);background:var(--vs-surface);min-height:80px;box-shadow:0 5px 0 var(--vs-text);transition:box-shadow var(--motion-press), transform var(--motion-press);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.8rem .95rem;display:grid}.vs-page-stepper a:last-child{text-align:right;grid-template-columns:minmax(0,1fr) auto}.vs-page-stepper a:active{box-shadow:0 2px 0 var(--vs-text);transform:translateY(3px)}.vs-page-stepper a>svg{width:18px;height:18px}.vs-page-stepper a>span{gap:.2rem;display:grid}.vs-page-stepper small{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem;font-weight:800}.vs-page-stepper strong{font-family:var(--font-display);font-size:1rem;font-weight:800}.vs-mobile-index,.vs-mobile-backdrop{display:none}@media (hover:hover) and (pointer:fine){.vs-route-card:hover{border-color:var(--vs-text);box-shadow:0 5px 0 var(--vs-text);transform:translateY(-2px)}.vs-route-card:hover .vs-route-card__artwork img{opacity:.94;filter:saturate(1.02)contrast(1.02);transform:scale(calc(var(--vs-route-art-active-scale) + .035))}.vs-route-card:hover .vs-route-card__arrow{background:color-mix(in srgb, var(--lime) 88%, var(--vs-surface));transform:translate(2px)}.vs-button:hover:not(:disabled),.vs-icon-button:hover{background:var(--button-hover-fill);box-shadow:var(--button-keycap-inset), 0 var(--button-depth) 0 var(--button-border), var(--arcade-hover-ring-light);transform:translateY(var(--arcade-hover-y))}html[data-card-theme=dark] .vs-button:hover:not(:disabled),html[data-card-theme=dark] .vs-icon-button:hover{box-shadow:var(--button-keycap-inset), 0 var(--button-depth) 0 var(--button-border), var(--arcade-hover-ring-dark)}.vs-color-token:hover,.vs-state-controls button:hover,.vs-source-list button:hover{border-color:var(--vs-text)}}@media (max-width:1180px){.vs-shell,.vs-topbar__inner{width:min(100% - 2rem,1540px)}.vs-shell{grid-template-columns:220px minmax(0,1fr);gap:1.25rem}.vs-sidebar__links a{grid-template-columns:34px minmax(0,1fr);font-size:.78rem}.vs-sidebar__links .vs-section-index{width:34px;height:34px;font-size:.64rem}.vs-color-grid,.vs-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.vs-process li,.vs-process li:first-child,.vs-process li:last-child{border:1px solid var(--vs-line);border-radius:10px}.vs-live-feedback{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-live-feedback__region{grid-column:1/-1}}@media (max-width:900px){.vs-shell{grid-template-columns:1fr;padding-top:1.2rem}.vs-route-grid{grid-template-columns:1fr}.vs-sidebar{display:none}.vs-root{--vs-mobile-index-height:68px;padding-bottom:calc(var(--persistent-bottom-offset) + var(--vs-mobile-index-height) + var(--arcade-depth-panel) + var(--space-6))}.vs-mobile-index,.vs-mobile-backdrop{display:block}.vs-mobile-backdrop{z-index:138;opacity:0;pointer-events:none;transition:opacity var(--motion-panel);background:#08090c8f;position:fixed;inset:0}.vs-root[data-index-open=true] .vs-mobile-backdrop{opacity:1;pointer-events:auto}.vs-mobile-index{z-index:145;right:max(.75rem, env(safe-area-inset-right));bottom:var(--persistent-bottom-offset);left:max(.75rem, env(safe-area-inset-left));position:fixed}.vs-mobile-index__summary{border:2px solid var(--vs-text);border-radius:var(--radius-tray);background:var(--vs-surface);width:100%;min-height:68px;box-shadow:0 5px 0 var(--vs-text), 0 16px 38px #0000002e;color:var(--vs-text);text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.55rem .7rem;display:grid}.vs-mobile-index__identity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-width:0;display:grid}.vs-mobile-index__identity>span:last-child{gap:.18rem;min-width:0;display:grid}.vs-mobile-index__identity strong{font-family:var(--font-mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:900;overflow:hidden}.vs-mobile-index__identity small{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.55rem;font-weight:800}.vs-mobile-index__summary>svg{width:18px;height:18px;transition:transform var(--motion-panel)}.vs-root[data-index-open=true] .vs-mobile-index__summary>svg{transform:rotate(180deg)}.vs-mobile-index__panel{max-height:min(680px, calc(100svh - var(--top-control-top) - var(--top-control-height) - var(--top-side-depth) - var(--space-3) - var(--persistent-bottom-offset) - var(--vs-mobile-index-height) - .8rem - var(--space-2)));overscroll-behavior:contain;border:2px solid var(--vs-text);border-radius:var(--radius-tray);background:var(--vs-surface);box-shadow:0 6px 0 var(--vs-text), 0 24px 62px #00000047;opacity:0;pointer-events:none;transform-origin:bottom;transition:opacity var(--motion-panel), transform var(--motion-panel);gap:.8rem;padding:1rem;display:grid;position:absolute;bottom:calc(100% + .8rem);left:0;right:0;overflow-y:auto;transform:translateY(18px)}.vs-root[data-index-open=true] .vs-mobile-index__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.vs-mobile-index__head{border-bottom:1px solid var(--vs-line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.7rem;display:flex}.vs-mobile-index__head>div{align-items:baseline;gap:.6rem;display:flex}.vs-mobile-index__head strong{font-family:var(--font-display);font-size:1.45rem;font-weight:800}.vs-mobile-index__head span{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.55rem;font-weight:850}.vs-mobile-index__head button{border:1px solid var(--vs-line);border-radius:var(--radius-control);background:var(--vs-panel);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--vs-text);flex:0 0 44px;place-items:center;padding:0;display:grid}.vs-mobile-index__head button svg{width:17px;height:17px}.vs-mobile-index__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.vs-mobile-index__links a{border:1px solid var(--vs-line);border-radius:var(--radius-surface);background:var(--vs-panel);min-height:58px;color:var(--vs-muted);font-family:var(--font-display);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:.5rem;padding:.5rem;font-size:.82rem;display:grid}.vs-mobile-index__links a[aria-current=page]{border-color:color-mix(in srgb, var(--yellow) 54%, var(--vs-line));background:color-mix(in srgb, var(--yellow) 13%, var(--vs-surface));color:var(--vs-text)}.vs-mobile-index__links .vs-section-index{width:40px;height:40px;font-size:.68rem}.vs-mobile-index__links a[aria-current=page] .vs-section-index{background:var(--yellow);color:#151515;border-color:#151515;box-shadow:0 3px #151515}.vs-mobile-index__links a strong{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.vs-split,.vs-pet-state-demo,.vs-pet-card-demo,.vs-version-current{grid-template-columns:1fr}.vs-field-grid{grid-template-columns:minmax(0,1fr)}.vs-pet-stage{min-height:430px}.vs-pet-card-demo__stage{min-height:360px}.vs-toast-stack-stage,.vs-keyboard-lab{grid-template-columns:1fr}.vs-stack-lab__measure{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-production-loading .detail-loading-state--compact .pet-detail-hero{grid-template-columns:1fr;grid-template-areas:"intro""stage""decision"}}@media (max-width:720px){.vs-radius-rule{grid-template-columns:1fr}.vs-topbar__inner,.vs-shell{width:min(100% - 1.5rem,1540px)}.vs-topbar__inner{grid-template-columns:calc(var(--top-control-left) + var(--top-side-width)) minmax(0, 1fr) calc(var(--top-control-edge) + var(--top-side-width));align-items:center;width:100%;padding-left:0;padding-right:0}.vs-brand{gap:.42rem}.vs-brand__wordmark{font-size:clamp(1.08rem,5.2vw,1.28rem)}.vs-brand__copy strong{font-size:clamp(.56rem,2.7vw,.66rem)}.vs-brand__copy small{display:none}.vs-root .top-escape--labelled{width:var(--top-side-width);min-width:var(--top-side-width);padding-inline:0}.vs-root .top-escape--labelled .top-escape__key>span{display:none}.vs-page{gap:1rem}.vs-overview-hero{background-position:62%;align-content:start;gap:1.1rem;min-height:650px;padding:2rem 1.4rem}.vs-overview-hero:before{background:linear-gradient(180deg, var(--vs-hero-reading-surface) 0%, var(--vs-hero-reading-surface) 48%, color-mix(in srgb, var(--vs-hero-reading-surface) 88%, transparent) 62%, transparent 82%)}.vs-overview-hero__copy{width:100%}.vs-overview-hero h1{max-width:100%;font-size:clamp(3rem,16vw,4.5rem);line-height:.9}.vs-overview-hero__copy p{max-width:34ch}.vs-meta-row{margin-top:auto}.vs-meta-row span{background:color-mix(in srgb, var(--vs-surface) 94%, transparent)}.vs-page-intro{background-position:var(--vs-page-intro-position-mobile,64% center);grid-template-columns:1fr;align-content:end;min-height:clamp(30rem,72svh,36rem);padding:1.5rem}.vs-page-intro:before{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--vs-page-intro-reading-surface) 26%, transparent) 34%, color-mix(in srgb, var(--vs-page-intro-reading-surface) 92%, transparent) 54%, var(--vs-page-intro-reading-surface) 72%, var(--vs-page-intro-reading-surface) 100%)}.vs-page-intro h1{font-size:clamp(2.55rem,13vw,4rem)}.vs-page-intro__aside{place-self:auto stretch;overflow:visible}.vs-page-intro__aside .vs-segmented{width:100%;max-width:100%;overflow:visible}.vs-segmented[data-count="2"],.vs-segmented[data-count="3"],.vs-segmented[data-count="4"]{width:100%;display:grid}.vs-segmented[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-segmented[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-segmented[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-segmented[data-count] button{width:100%;min-width:0;padding-inline:.55rem}.vs-block,.vs-overview-hero,.vs-page-intro,.vs-version-current{border-radius:14px}.vs-block__header,.vs-block__body{padding:1.1rem}.vs-route-grid,.vs-color-grid,.vs-rule-grid,.vs-font-grid,.vs-button-state-grid,.vs-toast-grid,.vs-do-dont,.vs-shadow-comparison,.vs-process,.vs-surface-playground{grid-template-columns:1fr}.vs-route-card{--vs-route-art-active-position:var(--vs-route-art-position-mobile,var(--vs-route-art-position,72% 50%));--vs-route-art-active-scale:var(--vs-route-art-scale-mobile,var(--vs-route-art-scale,1.02));grid-template-columns:minmax(0,1fr) 48px;min-height:166px;padding:1rem}.vs-route-card:before{background:linear-gradient(90deg, transparent 0 58%, color-mix(in srgb, var(--vs-surface-strong) 20%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--vs-route-reading-surface) 96%, transparent) 0%, color-mix(in srgb, var(--vs-route-reading-surface) 84%, transparent) 58%, color-mix(in srgb, var(--vs-route-reading-surface) 36%, transparent) 82%, transparent 100%)}.vs-route-card__content{width:min(76%,650px)}.vs-route-card__copy{max-width:36ch}.vs-process li+li{border-left:1px solid var(--vs-line)}.vs-color-token{grid-template-rows:auto;grid-template-columns:88px minmax(0,1fr)}.vs-color-token__swatch{border-right:1px solid var(--vs-line);border-bottom:0;min-height:116px}.vs-shadow-theme{min-height:330px}.vs-type-specimen{grid-template-columns:1fr;gap:.8rem}.vs-type-specimen>div{grid-template-columns:repeat(3,auto);justify-content:start;gap:.5rem .8rem}.vs-playground__stage,.vs-component-stage{min-height:260px}.vs-button-row{grid-template-columns:1fr;width:min(100%,330px);display:grid}.vs-button-row .vs-button{width:100%}.vs-button-row .vs-icon-button{justify-self:start}.vs-button-state-grid .vs-button{width:100%}.vs-state-controls{grid-template-columns:1fr}.vs-pet-stage{min-height:390px}.vs-pet-card-demo__stage{min-height:320px}.vs-live-feedback{grid-template-columns:1fr}.vs-live-feedback__region{grid-column:auto}.vs-loading-demo{grid-template-columns:1fr;min-height:520px}.vs-loading-demo__egg{min-height:250px}.vs-motion-lab__stage[data-active=true] article{transform:translate(0,0)}.vs-stack-lab__measure{grid-template-columns:1fr}.vs-toast-stack-stage{padding:1rem}.vs-async-lab__controls{scroll-snap-type:x proximity;flex-wrap:nowrap;padding:.2rem .2rem .75rem}.vs-async-lab__controls .vs-button{scroll-snap-align:start;flex:none}.vs-async-lab__stage{min-height:390px;padding:.7rem}.vs-production-loading .catalog-loading-state--compact .catalog-loading-grid{grid-template-columns:1fr}.vs-production-loading .catalog-loading-state--compact .catalog-loading-card:not(:first-child){display:none}.vs-production-loading .detail-loading-state--compact .detail-state-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-keyboard-step{grid-template-columns:auto minmax(0,1fr)}.vs-keyboard-step small{grid-column:2}.vs-collision-stage__content>div{grid-template-columns:1fr}.vs-collision-stage__content i:not(:first-child){display:none}.vs-exception-list article{grid-template-columns:1fr;gap:.75rem}.vs-version-current__meta{grid-template-columns:1fr}.vs-source-list button{grid-template-columns:minmax(0,1fr) auto;gap:.45rem .7rem}.vs-source-list button span{grid-area:2/1/auto/-1}.vs-source-list button svg{grid-area:1/2}.vs-page-stepper{grid-template-columns:1fr}.vs-page-stepper>span[aria-hidden=true]{display:none}.vs-page-stepper a{min-height:72px}}@media (max-width:430px){.vs-brand{gap:.35rem}.vs-overview-hero{background-position:66%;min-height:690px}.vs-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vs-meta-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vs-notice,.vs-radius-grid,.vs-type-specimen>div{grid-template-columns:1fr}.vs-pet-stage{min-height:340px}.vs-pet-stage__hud{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 5.4rem);overflow:hidden}.vs-dialog-demo__actions{display:grid}.vs-dialog-demo__actions .vs-button{width:100%}.vs-mobile-index__links{grid-template-columns:1fr}.vs-mobile-index__panel{max-height:calc(100svh - 112px)}}@media (prefers-reduced-motion:reduce){.vs-root *,.vs-root :before,.vs-root :after{scroll-behavior:auto!important}.vs-spin,.vs-pet-stage>img,.vs-loading-demo__egg img,.vs-contract-stage .vs-button{animation:none!important}.vs-mobile-index__panel,.vs-mobile-backdrop,.vs-responsive-frame,.vs-button,.vs-icon-button,.vs-page-stepper a{transition-duration:.12s!important}}.vs-icon-library{gap:1rem;display:grid}.vs-icon-library__toolbar{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:12px;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:1rem;padding:1rem;display:grid}.vs-icon-search{gap:.45rem;min-width:0;display:grid}.vs-icon-search>span:first-child,.vs-icon-tuners legend,.vs-parity-controls>div>span{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.6rem;font-weight:900}.vs-icon-search>span:last-child{display:grid;position:relative}.vs-icon-search svg{width:17px;height:17px;color:var(--vs-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.vs-icon-search input{border:2px solid var(--vs-text);border-radius:var(--radius-control);background:var(--vs-surface-strong);width:100%;min-height:44px;color:var(--vs-text);padding:.65rem .85rem .65rem 2.65rem;font-size:.9rem}.vs-icon-library__toolbar>.vs-filter-row{justify-content:flex-end}.vs-icon-tuners{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.vs-icon-tuners fieldset{border:1px solid var(--vs-line);background:var(--vs-surface);border-radius:9px;flex-wrap:wrap;gap:.35rem;min-width:0;margin:0;padding:.75rem;display:flex}.vs-icon-tuners legend{padding:0 .25rem}.vs-icon-tuners button{border:1px solid var(--vs-line);background:var(--vs-panel);min-height:36px;color:var(--vs-text);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .6rem;font-size:.62rem;font-weight:850;display:inline-flex}.vs-icon-tuners button[aria-pressed=true]{background:var(--yellow);color:#151515;border-color:#151515;box-shadow:0 3px #151515}.vs-icon-tuners button>span{border:1px solid var(--vs-text);background:var(--vs-text);border-radius:50%;width:12px;height:12px}.vs-icon-tuners button[data-tone=lime]>span{background:var(--lime)}.vs-icon-tuners button[data-tone=blue]>span{background:var(--blue)}.vs-icon-tuners button[data-tone=pink]>span{background:var(--pink)}.vs-icon-grid{--vs-icon-color:var(--vs-text);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.65rem;display:grid}.vs-icon-grid[data-tone=lime],.vs-icon-inspector[data-tone=lime]{--vs-icon-color:var(--lime)}.vs-icon-grid[data-tone=blue],.vs-icon-inspector[data-tone=blue]{--vs-icon-color:var(--accent-blue-text)}.vs-icon-grid[data-tone=pink],.vs-icon-inspector[data-tone=pink]{--vs-icon-color:var(--accent-pink-text)}.vs-icon-grid button{border:1px solid var(--vs-line);background:var(--vs-surface);min-width:0;min-height:112px;color:var(--vs-text);cursor:pointer;border-radius:10px;align-content:center;place-items:center;gap:.45rem;padding:.75rem .5rem;display:grid}.vs-icon-grid button>span{border:1px solid var(--vs-line);background:var(--vs-panel);width:44px;height:44px;color:var(--vs-icon-color);border-radius:9px;place-items:center;display:grid}.vs-icon-grid[data-tone=lime] button>span{color:var(--lime);background:#151515;border-color:#151515}.vs-icon-grid button>span svg{width:var(--vs-icon-size);height:var(--vs-icon-size)}.vs-icon-grid button strong{max-width:100%;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:850;overflow:hidden}.vs-icon-grid button small{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem;font-weight:800}.vs-icon-grid button[aria-pressed=true]{border:2px solid var(--vs-text);background:color-mix(in srgb, var(--yellow) 24%, var(--vs-surface));box-shadow:0 4px 0 var(--vs-text)}.vs-icon-grid__empty{border:1px dashed var(--vs-text);color:var(--vs-muted);text-align:center;border-radius:10px;grid-column:1/-1;padding:2rem}.vs-custom-icon-library{border-top:1px solid var(--vs-line);gap:.7rem;padding-top:1rem;display:grid}.vs-custom-icon-library>header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.65rem 1rem;display:flex}.vs-custom-icon-library>header>div{gap:.2rem;display:grid}.vs-custom-icon-library>header strong{font-family:var(--font-display);font-size:1rem}.vs-custom-icon-library>header span,.vs-custom-icon-library>header code{color:var(--vs-muted);font-family:var(--font-mono);font-size:.58rem;font-weight:850}.vs-custom-icon-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.65rem;display:grid}.vs-custom-icon-grid article{border:1px solid var(--vs-line);border-radius:var(--radius-surface);background:var(--vs-surface);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.8rem;display:grid}.vs-custom-icon-grid article>span{border:2px solid var(--vs-text);border-radius:var(--radius-control);background:var(--lime);width:52px;height:52px;box-shadow:var(--arcade-keycap-inset-light), 0 var(--arcade-depth-control) 0 var(--vs-text);color:#151515;place-items:center;display:grid}.vs-custom-icon-grid article>span svg{width:20px;height:20px}.vs-custom-icon-grid article>div{gap:.25rem;min-width:0;display:grid}.vs-custom-icon-grid article strong{font-family:var(--font-mono);font-size:.72rem}.vs-custom-icon-grid article small,.vs-custom-icon-grid article>code{color:var(--vs-muted);font-family:var(--font-mono);font-size:.55rem;font-weight:800}.vs-icon-inspector{--vs-icon-color:var(--vs-text);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:1rem;display:grid}.vs-icon-inspector__stage{border:1px dashed var(--vs-text);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);background-size:20px 20px;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;min-height:240px;padding:1.5rem;display:flex}.vs-icon-inspector__stage svg{color:var(--vs-icon-color)}.vs-icon-inspector__stage .vs-button svg{color:var(--button-ink)}.vs-icon-command{border:2px solid var(--vs-text);border-radius:var(--radius-control);background:var(--vs-surface);width:44px;min-width:44px;height:44px;box-shadow:var(--arcade-keycap-inset-neutral-light), 0 4px 0 var(--vs-text);color:var(--vs-icon-color);cursor:pointer;place-items:center;padding:0;display:grid}.vs-icon-inspector[data-tone=lime] .vs-icon-command{color:var(--lime);background:#151515;border-color:#151515}.vs-icon-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.vs-icon-inspector dl div,.vs-media-lab__rules div{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:9px;align-content:center;gap:.3rem;min-width:0;padding:.85rem;display:grid}.vs-icon-inspector dt,.vs-media-lab__rules dt{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.55rem;font-weight:850}.vs-icon-inspector dd,.vs-media-lab__rules dd{overflow-wrap:anywhere;color:var(--vs-text);font-family:var(--font-mono);margin:0;font-size:.68rem;font-weight:850}.vs-smart-search-contract{border:var(--vs-border-passive);background:var(--vs-panel);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.vs-smart-search-contract>div:first-child{border:2px solid var(--vs-text);background:var(--lime);width:64px;height:64px;box-shadow:0 4px 0 var(--vs-text);color:#151515;border-radius:12px;place-items:center;display:grid}.vs-smart-search-contract>div:first-child .vs-smart-search-icon--specimen{color:#151515}.vs-smart-search-icon--specimen,.vs-smart-search-icon--shell{width:22px;height:22px;position:static;top:auto;left:auto;transform:none}.vs-smart-search-contract>div:nth-child(2){gap:.35rem;display:grid}.vs-smart-search-contract strong{font-family:var(--font-display);font-size:1.3rem}.vs-smart-search-contract p{color:var(--vs-muted);font-size:.82rem;line-height:1.45}.vs-smart-search-contract code{color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.62rem;font-weight:850}.vs-data-lab{gap:1rem;display:grid}.vs-data-card{border:var(--vs-border-passive);border-radius:var(--radius-surface);background:var(--vs-surface-strong);box-shadow:none;gap:1rem;padding:clamp(1.1rem,3vw,2rem);display:grid}.vs-data-card>header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.5rem;display:grid}.vs-data-card>header>div:first-child{gap:.55rem;display:grid}.vs-data-card>header>div:first-child>span,.vs-fit-panels span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem;font-weight:900}.vs-data-card h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,5vw,4.3rem);line-height:.9}.vs-data-card header p{max-width:64ch;color:var(--vs-muted);margin:0;font-size:.88rem;line-height:1.5}.vs-match-score{border:1px solid color-mix(in srgb, #151515 78%, var(--vs-line));border-radius:var(--radius-surface);background:color-mix(in srgb, var(--lime) 68%, #f8faef);width:clamp(154px,14vw,178px);min-height:104px;box-shadow:none;color:#151515;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:end;gap:.35rem .7rem;padding:.85rem;display:grid}.vs-match-score__label,.vs-match-score__unknown{font-family:var(--font-mono);text-transform:uppercase;font-size:.55rem;font-weight:900}.vs-match-score__label{letter-spacing:.03em;align-self:center}.vs-match-score__value{justify-content:center;align-items:baseline;gap:.08em;display:inline-flex}.vs-match-score__value strong{font-family:var(--font-display);font-size:2.7rem;line-height:.85}.vs-match-score__value small{font-family:var(--font-mono);font-size:.9rem;font-weight:950;line-height:1}.vs-match-score__unknown{align-self:center;font-size:.65rem}.vs-match-score__track{background:#15151526;border:1px solid #1515156b;border-radius:999px;grid-column:1/-1;height:8px;display:block;overflow:hidden}.vs-match-score__track i{width:var(--vs-match-value);border-radius:inherit;background:#151515;height:100%;display:block}.vs-match-score[data-known=false]{border-color:var(--vs-line);background:var(--vs-panel);color:var(--vs-text)}.vs-match-score[data-known=false] .vs-match-score__track{border-color:var(--vs-line);background:repeating-linear-gradient(135deg, var(--vs-line) 0 5px, transparent 5px 10px)}.vs-fit-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.vs-fit-panels section{border:1px solid var(--vs-line);background:color-mix(in srgb, var(--lime) 12%, var(--vs-panel));border-radius:10px;align-content:start;gap:.45rem;min-width:0;padding:1rem;display:grid}.vs-fit-panels section[data-kind=avoid]{background:color-mix(in srgb, var(--orange) 9%, var(--vs-panel))}.vs-fit-panels section[data-kind=avoid] span{color:var(--accent-orange-text)}.vs-fit-panels p{overflow-wrap:anywhere;color:var(--vs-text);margin:0;font-size:.9rem;font-weight:700;line-height:1.45}.vs-stat-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.vs-stat-row{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:9px;gap:.55rem;min-width:0;padding:.8rem;display:grid}.vs-stat-row>div{min-width:0;color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:.6rem;font-size:.62rem;font-weight:850;display:flex}.vs-stat-row>div span{overflow-wrap:anywhere;min-width:0}.vs-stat-row>div strong{color:var(--vs-text)}.vs-stat-track{background:color-mix(in srgb, var(--vs-text) 12%, transparent);border-radius:4px;height:8px;display:block;overflow:hidden}.vs-stat-track>span{width:var(--vs-stat-value);border-radius:inherit;background:linear-gradient(90deg, var(--lime), var(--yellow), var(--pink));height:100%;transition:width var(--motion-panel);display:block}.vs-stat-row[data-unknown=true] .vs-stat-track{border:1px dashed var(--vs-muted);background:0 0}.vs-data-anatomy{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.vs-shell-lab__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.vs-shell-lab__controls>span{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem;font-weight:850}.vs-shell-lab{--vs-shell-preview-page:#f8faef;--vs-shell-preview-surface:#fffdf8;--vs-shell-preview-panel:#f1f2e9;--vs-shell-preview-text:#151515;--vs-shell-preview-muted:#5f655c;isolation:isolate;background:linear-gradient(#1515150b 1px, transparent 1px), linear-gradient(90deg, #1515150b 1px, transparent 1px), var(--vs-shell-preview-page);width:100%;min-height:680px;color:var(--vs-shell-preview-text);background-size:24px 24px;border:2px solid #151515;border-radius:16px;grid-template-rows:auto auto minmax(280px,1fr) auto;gap:.8rem;padding:.9rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #151515}.vs-shell-lab[data-preview-theme=dark]{--vs-shell-preview-page:#0f1117;--vs-shell-preview-surface:#171a22;--vs-shell-preview-panel:#222630;--vs-shell-preview-text:#f8faef;--vs-shell-preview-muted:#afb5aa;background:linear-gradient(#f8faef0e 1px, transparent 1px), linear-gradient(90deg, #f8faef0e 1px, transparent 1px), var(--vs-shell-preview-page);background-size:24px 24px;border-color:#f8faef;box-shadow:0 8px #f8faef}.vs-shell-lab[data-viewport=mobile]{grid-template-rows:auto auto minmax(300px,1fr) auto;width:min(100%,390px);min-height:720px;margin:0 auto}.vs-shell-lab__top{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);align-items:center;gap:.6rem;display:grid}.vs-shell-lab__top>button{background:var(--blue);color:#151515;min-height:44px;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border:2px solid #151515;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:0 .7rem;font-size:.6rem;font-weight:900;display:inline-flex;box-shadow:0 4px #151515}.vs-shell-lab__top>button:last-child{background:var(--lime);justify-self:end;width:44px;padding:0}.vs-shell-lab__top>button svg{stroke-width:2.8px;width:16px;height:16px}.vs-shell-lab__top>strong{min-width:0;font-family:var(--font-display);letter-spacing:-.07em;justify-self:center;align-items:baseline;gap:.05rem;font-size:1.2rem;font-weight:800;display:inline-flex}.vs-shell-lab__top>strong>span:first-child{color:var(--lime)}.vs-shell-lab__top>strong>span:nth-child(2){color:var(--blue)}.vs-shell-lab__top>strong small{color:var(--vs-shell-preview-muted);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;margin-left:.4rem;font-size:.5rem}.vs-shell-lab__matcher{border:2px solid var(--vs-shell-preview-text);background:var(--vs-shell-preview-surface);min-height:48px;color:var(--vs-shell-preview-muted);border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem .85rem;font-size:.78rem;display:grid}.vs-shell-lab__matcher>svg:last-child{width:17px;height:17px}.vs-shell-lab__content{border:1px solid color-mix(in srgb, var(--vs-shell-preview-text) 18%, transparent);background:var(--vs-shell-preview-surface);border-radius:12px;align-content:center;gap:.6rem;padding:clamp(1.2rem,4vw,2.5rem);display:grid}.vs-shell-lab__content>span{color:var(--pink);font-family:var(--font-mono);text-transform:uppercase;font-size:.6rem;font-weight:900}.vs-shell-lab__content h2{font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(2rem,6vw,4.2rem);line-height:.9}.vs-shell-lab__content>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.7rem;display:grid}.vs-shell-lab__content i{border:1px solid color-mix(in srgb, var(--vs-shell-preview-text) 20%, transparent);background:var(--vs-shell-preview-panel);border-radius:9px;min-height:92px}.vs-shell-lab__footer{border:2px solid var(--vs-shell-preview-text);background:var(--vs-shell-preview-surface);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem;display:grid}.vs-shell-lab__footer>span{gap:.2rem;display:grid}.vs-shell-lab__footer strong{font-family:var(--font-display);font-size:1rem}.vs-shell-preview-wordmark{column-gap:var(--brand-wordmark-gap);letter-spacing:-.075em;align-items:baseline;width:fit-content;display:inline-flex}.vs-shell-preview-wordmark span,.vs-shell-preview-wordmark b{font:inherit}.vs-shell-preview-wordmark span{color:var(--accent-blue-text)}.vs-shell-preview-wordmark b{color:var(--accent-lime-text)}.vs-shell-lab__footer small{color:var(--vs-shell-preview-muted);font-size:.62rem}.vs-shell-lab__footer nav,.vs-shell-lab__stepper{flex-wrap:wrap;gap:.35rem;display:flex}.vs-shell-lab__footer button,.vs-shell-lab__stepper button{border:1px solid color-mix(in srgb, var(--vs-shell-preview-text) 26%, transparent);background:var(--vs-shell-preview-panel);min-height:36px;color:var(--vs-shell-preview-text);font-family:var(--font-mono);text-transform:uppercase;border-radius:7px;padding:.45rem .6rem;font-size:.55rem;font-weight:850}.vs-shell-lab__footer nav button{--vs-footer-command-accent:var(--blue);border:2px solid var(--vs-shell-preview-text);background:color-mix(in srgb, var(--vs-footer-command-accent) 16%, var(--vs-shell-preview-panel));box-shadow:0 2px 0 var(--vs-shell-preview-text);text-align:left;grid-template-columns:14px minmax(0,1fr) 14px;align-items:center;gap:.38rem;display:grid}.vs-shell-lab__footer nav button[data-accent=system]{--vs-footer-command-accent:var(--lime)}.vs-shell-lab__footer nav button[data-accent=history]{--vs-footer-command-accent:var(--pink)}.vs-shell-lab__footer nav button svg{width:14px;height:14px;color:var(--vs-footer-command-accent);stroke-width:2.8px}.vs-shell-lab__footer nav button svg:last-child{justify-self:end}.vs-footer-command-contract{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.vs-footer-command-contract button{--vs-footer-command-accent:var(--blue);appearance:none;border:2px solid var(--vs-text);border-radius:var(--radius-control);background:color-mix(in srgb, var(--vs-footer-command-accent) 12%, var(--vs-surface-strong));min-height:60px;box-shadow:var(--arcade-keycap-inset-neutral-light), 0 var(--arcade-depth-action) 0 var(--vs-text);color:var(--vs-text);cursor:pointer;font-family:var(--font-mono);font-size:var(--command-label-size);text-align:left;text-transform:uppercase;transition:background-color var(--arcade-release), box-shadow var(--arcade-release), color var(--arcade-release), transform var(--arcade-release);grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:.72rem;padding:.62rem .78rem .68rem .62rem;font-weight:900;display:grid}.vs-footer-command-contract button[data-accent=system]{--vs-footer-command-accent:var(--lime)}.vs-footer-command-contract button[data-accent=history]{--vs-footer-command-accent:var(--pink)}.vs-footer-command-contract button>span{border-radius:var(--radius-inner);background:var(--vs-footer-command-accent);color:#151515;border:1px solid #151515;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 -2px #1515152e}.vs-footer-command-contract button svg{stroke-width:2.8px;flex:none;width:16px;height:16px}.vs-footer-command-contract button>svg{color:var(--vs-footer-command-accent);justify-self:end}.vs-footer-command-contract button:focus-visible{background:color-mix(in srgb, var(--vs-footer-command-accent) 28%, var(--vs-surface-strong));box-shadow:var(--arcade-keycap-inset-neutral-light), 0 var(--arcade-depth-action) 0 var(--vs-text), var(--vs-focus);outline:none}.vs-footer-command-contract button:active{box-shadow:var(--arcade-keycap-inset-pressed), 0 var(--arcade-pressed-depth) 0 var(--vs-text);color:#151515;transform:translateY(var(--arcade-press-y-action))}html[data-card-theme=dark] .vs-footer-command-contract button{box-shadow:var(--arcade-keycap-inset-neutral-dark), 0 var(--arcade-depth-action) 0 var(--vs-text)}.vs-shell-lab__stepper{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vs-shell-lab__stepper button{border:2px solid var(--vs-shell-preview-text);justify-content:space-between;align-items:center;min-height:48px;display:flex}.vs-shell-lab__stepper svg{width:16px;height:16px}.vs-shell-lab__tray,.vs-shell-lab__mobile-index{z-index:4;border:2px solid var(--vs-shell-preview-text);background:var(--vs-shell-preview-surface);min-height:58px;box-shadow:0 4px 0 var(--vs-shell-preview-text), 0 14px 30px #0000002e;color:var(--vs-shell-preview-text);text-align:left;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.45rem .6rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.vs-shell-lab__tray>span:first-child,.vs-shell-lab__mobile-index>span:first-child{background:var(--lime);color:#151515;width:40px;height:40px;font-family:var(--font-mono);border:2px solid #151515;border-radius:8px;place-items:center;font-size:.62rem;font-weight:900;display:grid}.vs-shell-lab__tray>span:nth-child(2){gap:.16rem;display:grid}.vs-shell-lab__tray strong,.vs-shell-lab__mobile-index strong{font-family:var(--font-mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:900;overflow:hidden}.vs-shell-lab__tray small{color:var(--vs-shell-preview-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem;font-weight:800}.vs-shell-lab__tray svg,.vs-shell-lab__mobile-index svg{width:17px;height:17px}.vs-shell-lab[data-tray-open=true] .vs-shell-lab__tray{min-height:108px}.vs-shell-lab[data-tray-open=true] .vs-shell-lab__tray svg{transform:rotate(180deg)}.vs-shell-lab__mobile-index{align-self:end;position:static}.vs-shell-owner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.vs-shell-owner-grid article{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;gap:.45rem;min-width:0;padding:1rem;display:grid}.vs-shell-owner-grid span{font-family:var(--font-display);font-size:1.05rem;font-weight:800}.vs-shell-owner-grid code{overflow-wrap:anywhere;color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.58rem;font-weight:850}.vs-shell-owner-grid p{color:var(--vs-muted);font-size:.75rem;line-height:1.45}.vs-brand-mark-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.vs-brand-mark-grid article{border:var(--vs-border-passive);background:var(--vs-panel);border-radius:12px;align-content:space-between;gap:1rem;min-height:210px;padding:1.1rem;display:grid}.vs-brand-mark-grid article>span{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem;font-weight:900}.vs-brand-wordmark{align-items:baseline;column-gap:var(--brand-wordmark-gap);min-width:0;font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(2rem,4vw,3.6rem);font-weight:800;line-height:.9;display:flex}.vs-brand-wordmark i,.vs-brand-wordmark b{font:inherit;font-style:normal}.vs-brand-wordmark i{color:var(--lime)}.vs-brand-wordmark b{color:var(--blue)}.vs-brand-lockup{justify-items:start;gap:.55rem;display:grid}.vs-brand-lockup em{border:1px solid var(--vs-line);border-radius:var(--radius-inner);color:var(--vs-text);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:.34rem .46rem;font-size:.65rem;font-style:normal;font-weight:900}.vs-brand-keycap{background:var(--lime);color:#151515;width:78px;height:78px;font-family:var(--font-mono);letter-spacing:0;border:2px solid #151515;border-radius:12px;place-content:center;font-size:1.1rem;display:grid;box-shadow:0 6px #151515}.vs-brand-mark-grid p{color:var(--vs-muted);font-size:.76rem;line-height:1.45}.vs-media-lab{gap:1rem;display:grid}.vs-media-lab__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.vs-media-lab__stage{isolation:isolate;border:var(--vs-border-passive);background:linear-gradient(var(--vs-grid) 1px, transparent 1px), linear-gradient(90deg, var(--vs-grid) 1px, transparent 1px), var(--vs-panel);width:100%;min-height:460px;transition:max-width var(--motion-panel), min-height var(--motion-panel);background-size:24px 24px;border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.vs-media-lab__stage[data-crop=mobile]{width:min(100%,390px);min-height:520px;margin:0 auto}.vs-media-lab__stage[data-asset=app]>img{width:min(55%,280px);height:auto;box-shadow:var(--vs-shadow-card);border-radius:22%}.vs-media-lab__hero{object-fit:cover;object-position:center}.vs-media-lab__stage[data-asset=og]{place-items:stretch stretch;min-height:0;padding:clamp(.75rem,2vw,1.25rem)}.vs-media-lab__stage[data-crop=mobile][data-asset=og]{min-height:0}.vs-og-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.2rem);display:grid}.vs-media-lab__stage[data-crop=mobile] .vs-og-gallery{grid-template-columns:1fr}.vs-og-gallery figure{gap:.6rem;min-width:0;margin:0;display:grid}.vs-og-specimen{isolation:isolate;aspect-ratio:1200/630;border:var(--vs-border-passive);border-radius:var(--radius-surface);box-shadow:var(--vs-shadow-card);background:#14161d;position:relative;overflow:hidden}.vs-og-specimen__background{z-index:0;object-fit:cover}.vs-og-specimen[data-template=catalog]:after,.vs-og-specimen[data-template=pet]:after{z-index:1;content:"";pointer-events:none;position:absolute;inset:0}.vs-og-specimen[data-template=catalog]:after{background:linear-gradient(90deg,#0a0c18e6 0%,#0a0c18b8 42%,#0a0c180a 72%)}.vs-og-specimen[data-template=pet]:after{background:linear-gradient(90deg,#0e101b29,#0e101bf0 48%)}.vs-og-specimen__catalog-copy,.vs-og-specimen__pet-copy{z-index:3;color:#f8faef;align-content:center;min-width:0;display:grid;position:absolute}.vs-og-specimen__catalog-copy{gap:.42rem;width:48%;top:12%;bottom:12%;left:6%}.vs-og-specimen__pet-copy{background:#14161dc7;border:1px solid #f8faef57;border-radius:clamp(.55rem,1.4vw,1rem);gap:.32rem;width:48%;padding:clamp(.45rem,1.3vw,1rem);top:11%;bottom:11%;right:5%}.vs-og-wordmark{align-items:baseline;column-gap:var(--brand-wordmark-gap);font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(.8rem,1.7vw,1.5rem);font-weight:800;line-height:.9;display:inline-flex}.vs-og-wordmark b,.vs-og-wordmark i{font:inherit;font-style:normal}.vs-og-wordmark b{color:#94f03d}.vs-og-wordmark i{color:#35c4ff}.vs-og-specimen__catalog-copy small,.vs-og-specimen__pet-copy small,.vs-og-specimen__pet-copy>span:last-child{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(.42rem,.72vw,.65rem);font-weight:900}.vs-og-specimen__catalog-copy small,.vs-og-specimen__pet-copy small{color:#94f03d}.vs-og-specimen__catalog-copy>strong,.vs-og-specimen__pet-copy>strong{font-family:var(--font-display);font-size:clamp(1rem,2.2vw,2rem);line-height:.95}.vs-og-specimen__pet-copy>span:last-child{color:#f8faefc7}.vs-og-specimen__pet{z-index:2;object-fit:contain;width:42%;height:88%;image-rendering:pixelated;filter:drop-shadow(0 12px 12px #0a0c1885);position:absolute;bottom:2%;left:4%}.vs-og-gallery figcaption{justify-content:space-between;align-items:baseline;gap:.5rem;min-width:0;padding:0 .15rem;display:flex}.vs-og-gallery figcaption strong,.vs-og-gallery figcaption span{font-family:var(--font-mono);font-size:.58rem}.vs-og-gallery figcaption strong{color:var(--vs-text);text-transform:uppercase}.vs-og-gallery figcaption span{color:var(--vs-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vs-media-lab__background{z-index:0;object-fit:cover}.vs-media-lab__sprite{z-index:2;width:min(56%,300px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 14px 18px #1515153d);position:relative}.vs-media-lab__ground{z-index:1;filter:blur(8px);background:#15151545;border-radius:50%;width:min(42%,230px);height:7%;position:absolute;bottom:23%}.vs-media-lab__hero{z-index:0}.vs-media-lab__hero--dark,html[data-card-theme=dark] .vs-media-lab__hero--light{display:none}html[data-card-theme=dark] .vs-media-lab__hero--dark{display:block}.vs-media-lab__stage[data-crop=mobile] .vs-media-lab__hero{object-position:68% center}.vs-media-lab__rules{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.vs-parity-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.vs-parity-controls>div{border:1px solid var(--vs-line);background:var(--vs-panel);border-radius:10px;gap:.5rem;padding:.8rem;display:grid}.vs-parity-table-wrap{border:1px solid var(--vs-line);border-radius:10px;overflow-x:auto}.vs-parity-table{border-collapse:collapse;width:100%;min-width:1020px;font-size:.72rem}.vs-parity-table th,.vs-parity-table td{border-right:1px solid var(--vs-line);border-bottom:1px solid var(--vs-line);text-align:left;vertical-align:top;padding:.75rem}.vs-parity-table tr>:last-child{border-right:0}.vs-parity-table tbody tr:last-child>*{border-bottom:0}.vs-parity-table thead th{background:var(--vs-panel);color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.56rem;font-weight:900}.vs-parity-table tbody th{background:var(--vs-surface);min-width:150px;font-family:var(--font-display);font-size:.85rem}.vs-parity-table tbody th small{color:var(--vs-muted);font-family:var(--font-mono);text-transform:uppercase;margin-top:.25rem;font-size:.52rem;display:block}.vs-parity-table code{overflow-wrap:anywhere;color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.58rem;font-weight:800}.vs-parity-table tr[data-coverage=partial]{background:color-mix(in srgb, var(--yellow) 8%, var(--vs-surface))}.vs-parity-table .vs-parity-table__empty td{background:color-mix(in srgb, var(--blue) 7%, var(--vs-panel));border-right:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.vs-parity-table__empty svg{width:1.25rem;height:1.25rem;color:var(--blue);stroke-width:2.8px}.vs-parity-table__empty span{gap:.18rem;display:grid}.vs-parity-table__empty strong{font-family:var(--font-display);font-size:1rem}.vs-parity-table__empty small{color:var(--vs-muted);font-family:var(--font-body);font-size:.78rem;line-height:1.45}.vs-parity-gaps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.vs-parity-gaps article{border:var(--vs-border-passive);background:color-mix(in srgb, var(--yellow) 12%, var(--vs-panel));border-radius:10px;gap:.55rem;padding:1rem;display:grid}.vs-parity-gaps article[data-status=proposed]{background:color-mix(in srgb, var(--pink) 10%, var(--vs-panel))}.vs-parity-gaps span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem;font-weight:900}.vs-parity-gaps strong{font-family:var(--font-display);font-size:1.15rem}.vs-parity-gaps p{color:var(--vs-muted);font-size:.76rem;line-height:1.45}@media (hover:hover) and (pointer:fine){.vs-icon-grid button:hover,.vs-icon-command:hover{border-color:var(--vs-text)}.vs-footer-command-contract button:hover{background:color-mix(in srgb, var(--vs-footer-command-accent) 82%, var(--vs-surface-strong));box-shadow:var(--arcade-keycap-inset-light), 0 var(--arcade-depth-action) 0 var(--vs-text), var(--vs-focus);color:#151515;transform:translateY(var(--arcade-hover-y))}.vs-footer-command-contract button:hover>span{background:var(--vs-surface-strong)}.vs-footer-command-contract button:hover>svg{color:#151515;transform:translate(2px)}.vs-footer-command-contract button:hover:active{box-shadow:var(--arcade-keycap-inset-pressed), 0 var(--arcade-pressed-depth) 0 var(--vs-text);transform:translateY(var(--arcade-press-y-action))}.vs-shell-lab button:hover,.vs-media-lab__toolbar button:hover{filter:brightness(1.035)}}@media (max-width:1180px){.vs-data-anatomy,.vs-media-lab__rules,.vs-shell-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.vs-icon-library__toolbar,.vs-icon-inspector,.vs-footer-command-contract{grid-template-columns:1fr}.vs-icon-library__toolbar>.vs-filter-row{justify-content:flex-start}.vs-shell-lab__footer{grid-template-columns:1fr}.vs-shell-lab__footer nav{justify-content:flex-start}.vs-brand-mark-grid,.vs-parity-gaps{grid-template-columns:1fr}}@media (max-width:720px){.vs-icon-tuners,.vs-fit-panels,.vs-stat-list,.vs-data-anatomy,.vs-shell-owner-grid,.vs-brand-mark-grid,.vs-media-lab__rules,.vs-parity-controls,.vs-parity-gaps{grid-template-columns:1fr}.vs-icon-tuners fieldset{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.vs-icon-tuners button{min-width:0;padding-inline:.35rem}.vs-icon-tuners fieldset:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vs-custom-icon-grid article{grid-template-columns:44px minmax(0,1fr)}.vs-custom-icon-grid article>span{width:44px;height:44px}.vs-custom-icon-grid article>code{grid-column:2}.vs-icon-inspector dl{grid-template-columns:1fr}.vs-smart-search-contract{grid-template-columns:auto minmax(0,1fr)}.vs-smart-search-contract code{grid-column:1/-1}.vs-data-card>header{grid-template-columns:minmax(0,1fr) auto;gap:.8rem}.vs-match-score{width:146px;min-height:96px}.vs-match-score__value strong{font-size:2rem}.vs-shell-lab__top{grid-template-columns:44px minmax(0,1fr) 44px}.vs-shell-lab__top>button:first-child{width:44px;padding:0}.vs-shell-lab__top>button:first-child span,.vs-shell-lab__top>strong small{display:none}.vs-shell-lab__content>div{grid-template-columns:1fr}.vs-shell-lab__content i:not(:first-child){display:none}.vs-shell-lab__footer nav{grid-template-columns:1fr;display:grid}.vs-media-lab__toolbar{display:grid}.vs-media-lab__toolbar .vs-segmented{width:100%}.vs-og-gallery{grid-template-columns:1fr}.vs-og-gallery figcaption{display:grid}.vs-og-gallery figcaption span{text-align:left}.vs-media-lab__stage{min-height:380px}.vs-media-lab__stage[data-crop=mobile]{min-height:500px}.vs-parity-table-wrap{border:0;overflow:visible}.vs-parity-table{min-width:0;display:block}.vs-parity-table thead{display:none}.vs-parity-table tbody,.vs-parity-table tr,.vs-parity-table th,.vs-parity-table td{width:100%;display:block}.vs-parity-table tbody{gap:.8rem;display:grid}.vs-parity-table tr{border:var(--vs-border-passive);background:var(--vs-panel);border-radius:10px;overflow:hidden}.vs-parity-table th,.vs-parity-table td{border-right:0;border-bottom:1px solid var(--vs-line);min-height:42px;padding:.65rem .75rem .65rem 8rem;position:relative}.vs-parity-table th:before,.vs-parity-table td:before{width:6.6rem;color:var(--vs-muted);content:attr(data-label);font-family:var(--font-mono);text-transform:uppercase;font-size:.52rem;font-weight:900;position:absolute;top:.7rem;left:.75rem}.vs-parity-table tbody th{background:var(--vs-surface);min-width:0}.vs-parity-table tbody tr>:last-child{border-bottom:0}.vs-parity-table .vs-parity-table__empty td{grid-template-columns:auto minmax(0,1fr);padding:.85rem;display:grid}.vs-parity-table__empty .vs-button{grid-column:1/-1;width:100%}.vs-parity-table .vs-parity-table__empty td:before{content:none}}@media (max-width:430px){.vs-route-card{gap:.7rem;min-height:186px;padding:.78rem}.vs-route-card__artwork{width:58%;inset:.62rem .62rem .62rem auto}.vs-route-card__content{grid-template-columns:1fr;gap:.52rem;width:100%;padding:.68rem}.vs-route-card__index{justify-self:start;min-width:38px;min-height:32px}.vs-route-card__copy{max-width:29ch}.vs-route-card__copy strong{font-size:1.08rem}.vs-route-card__copy>span{font-size:.74rem;line-height:1.42}.vs-route-card__arrow{width:44px;height:44px}.vs-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-data-card>header{grid-template-columns:1fr}.vs-match-score{border-radius:var(--radius-surface);grid-template-columns:minmax(0,1fr) auto;gap:.3rem .65rem;width:100%;min-height:82px}.vs-match-score__value strong{font-size:1.8rem}.vs-shell-lab{padding:.7rem}.vs-shell-lab__top>strong{font-size:1rem}.vs-shell-lab__matcher{font-size:.7rem}.vs-brand-wordmark{font-size:2.35rem}}@media (prefers-reduced-motion:reduce){.vs-route-card,.vs-route-card__artwork img,.vs-route-card__arrow{transition:none}.vs-route-card:hover,.vs-route-card:focus-visible,.vs-route-card:hover .vs-route-card__artwork img,.vs-route-card:hover .vs-route-card__arrow{transform:none}.vs-icon-tile,.vs-icon-contract-button,.vs-data-card,.vs-match-score,.vs-shell-lab button,.vs-media-canvas,.vs-parity-gap-card{scroll-behavior:auto;transition:none}}.vs-semantic-token-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.vs-semantic-token-groups article{border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-panel);gap:.7rem;padding:.9rem;display:grid}.vs-semantic-token-groups article>strong{font-family:var(--font-display);font-size:1.05rem}.vs-semantic-token-groups article>div{gap:.4rem;display:grid}.vs-semantic-token-groups button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-card);min-height:44px;color:var(--text-primary);text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem .65rem;display:grid}.vs-semantic-token-groups code{overflow-wrap:anywhere;color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.62rem;font-weight:850}.vs-semantic-token-groups svg{width:15px;height:15px}.vs-pet-card-demo[data-condition=offline]{filter:saturate(.72)}.vs-pet-card-demo[data-condition=offline] .vs-pet-card-demo__stage:after,.vs-pet-card-demo[data-condition=degraded] .vs-pet-card-demo__stage:after{z-index:4;border-radius:var(--radius-inner);background:var(--yellow);color:#151515;content:"Offline";font-family:var(--font-mono);text-transform:uppercase;border:1px solid #151515;padding:.35rem .5rem;font-size:.55rem;font-weight:900;position:absolute;top:.8rem;right:.8rem}.vs-pet-card-demo[data-condition=degraded] .vs-pet-card-demo__stage:after{background:var(--blue);content:"Live data delayed"}.vs-inline-check,.vs-layout-lab__controls label{min-height:44px;font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.62rem;font-weight:850;display:inline-flex}.vs-loading-demo[data-reduced-motion=true] .vs-loading-demo__egg img{animation:none;transform:none}.vs-tray-stress,.vs-content-lab,.vs-accessibility-lab,.vs-layout-lab{gap:1rem;display:grid}.vs-tray-stress__viewport{border:1px dashed var(--text-primary);border-radius:var(--radius-surface);background:linear-gradient(var(--grid-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--grid-subtle) 1px, transparent 1px), var(--surface-muted);background-size:20px 20px;place-items:end center;min-height:540px;padding:1rem;display:grid;overflow:hidden}.vs-tray-stress__viewport>article{border:2px solid var(--text-primary);border-radius:var(--radius-tray);background:var(--surface-card);width:min(100%,320px);max-height:480px;box-shadow:var(--shadow-tray);display:grid;overflow:hidden}.vs-tray-stress__viewport header{border-bottom:1px solid var(--border-subtle);grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:.65rem;min-height:76px;padding:.65rem;display:grid}.vs-tray-stress__viewport header>div{gap:.2rem;min-width:0;display:grid}.vs-tray-stress__viewport header small,.vs-tray-stress__viewport footer,.vs-tray-stress__saved small{color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;font-size:.54rem;font-weight:850}.vs-tray-stress__viewport header strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:1rem;line-height:1.05}.vs-tray-stress__viewport header>button{border:1px solid var(--text-primary);border-radius:var(--radius-control);background:var(--surface-panel);width:44px;height:44px;color:var(--text-primary);place-items:center;display:grid}.vs-tray-stress__saved{overscroll-behavior:contain;gap:.45rem;min-height:0;padding:.65rem;display:grid;overflow-y:auto}.vs-tray-stress__saved button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel);min-height:58px;color:var(--text-primary);text-align:left;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:.12rem .6rem;padding:.5rem;display:grid}.vs-tray-stress__saved button>span{border-radius:var(--radius-inner);background:var(--lime);color:#151515;width:36px;height:36px;font-family:var(--font-mono);grid-row:1/span 2;place-items:center;font-size:.55rem;font-weight:900;display:grid}.vs-tray-stress__saved strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:.82rem}.vs-tray-stress__saved small{grid-column:2}.vs-tray-stress__viewport footer{border-top:1px solid var(--border-subtle);background:var(--surface-panel);justify-content:space-between;align-items:center;gap:.6rem;min-height:52px;padding:.55rem .65rem;display:flex}.vs-tray-stress__viewport footer button{border:1px solid var(--text-primary);border-radius:var(--radius-control);background:var(--yellow);color:#151515;min-height:36px;font-family:var(--font-mono);text-transform:uppercase;padding:0 .65rem;font-size:.54rem;font-weight:900}.vs-content-lab>article{border:var(--vs-border-passive);border-radius:var(--radius-surface);background:var(--surface-card);max-width:760px;box-shadow:var(--shadow-surface);gap:.7rem;padding:clamp(1rem,3vw,1.6rem);display:grid}.vs-content-lab h3{overflow-wrap:anywhere;max-width:18ch;font-family:var(--font-display);font-size:clamp(1.9rem,5vw,3.4rem);line-height:.95}.vs-content-lab p{max-width:66ch;color:var(--text-secondary);line-height:var(--line-reading)}.vs-content-lab article>div{flex-wrap:wrap;gap:.65rem;display:flex}.vs-accessibility-lab{grid-template-columns:minmax(190px,.42fr) minmax(0,1fr)}.vs-accessibility-lab__modes{align-content:start;gap:.45rem;display:grid}.vs-accessibility-lab__modes button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel);min-height:44px;color:var(--text-primary);font-family:var(--font-mono);text-align:left;text-transform:uppercase;padding:.6rem .75rem;font-size:.62rem;font-weight:900}.vs-accessibility-lab__modes button[aria-selected=true]{background:var(--yellow);color:#151515;border-color:#151515;box-shadow:0 3px #151515}.vs-accessibility-lab__stage{border:var(--vs-border-passive);border-radius:var(--radius-panel);background:linear-gradient(var(--grid-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--grid-subtle) 1px, transparent 1px), var(--surface-card);min-height:330px;box-shadow:var(--shadow-panel);background-size:20px 20px;align-content:center;gap:.75rem;padding:clamp(1rem,3vw,2rem);display:grid}.vs-accessibility-lab__stage>span,.vs-accessibility-lab__stage output{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem;font-weight:900}.vs-accessibility-lab__stage h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);line-height:.95}.vs-accessibility-lab__stage p{max-width:64ch;color:var(--text-secondary);line-height:var(--line-reading)}.vs-accessibility-lab__actions{flex-wrap:wrap;gap:.65rem;display:flex}.vs-accessibility-lab__stage output{border-top:1px solid var(--border-subtle);color:var(--text-secondary);padding-top:.75rem}.vs-accessibility-chain{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.vs-accessibility-chain article{border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-panel);gap:.5rem;padding:1rem;display:grid}.vs-accessibility-chain span{color:var(--accent-pink-text);font-family:var(--font-mono);font-size:.58rem;font-weight:900}.vs-accessibility-chain strong{font-family:var(--font-display);font-size:1.05rem}.vs-accessibility-chain p{color:var(--text-secondary);font-size:.76rem;line-height:1.45}.vs-table-wrap{scrollbar-gutter:stable;overscroll-behavior-inline:contain;position:relative}.vs-table-wrap:focus-visible,.vs-parity-table-wrap:focus-visible,.vs-responsive-lab__viewport:focus-visible{outline:var(--focus-ring);outline-offset:3px}.vs-table-wrap__hint{z-index:4;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-panel);width:max-content;max-width:100%;color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;padding:.42rem .65rem;font-size:.54rem;font-weight:850;display:block;position:sticky;left:0}.vs-table tbody th{z-index:1;border-bottom:1px solid var(--border-subtle);background:var(--surface-card);min-width:150px;color:var(--text-primary);position:sticky;left:0}.vs-responsive-lab__viewport{scrollbar-gutter:stable;overscroll-behavior-inline:contain;border-radius:var(--radius-surface);width:100%;padding:.35rem .35rem .9rem;overflow-x:auto}.vs-responsive-frame{width:var(--vs-preview-width);justify-self:start;max-width:none}.vs-layout-lab__controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.vs-layout-lab__controls label{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel);padding:.45rem .7rem}.vs-layout-lab__viewport{border:1px dashed var(--text-primary);border-radius:var(--radius-surface);background:var(--surface-muted);width:min(100%,780px);min-height:430px;transition:width var(--motion-panel);place-items:center;padding:1rem;display:grid}.vs-layout-lab__viewport[data-landscape=false]{width:min(100%,430px)}.vs-layout-lab__safe-area{width:100%;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border:8px solid color-mix(in srgb, var(--blue) 13%, transparent);border-radius:var(--radius-surface);background:var(--surface-card);gap:.6rem;display:grid}.vs-layout-lab__viewport[data-layout=grid] .vs-layout-lab__safe-area{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-layout-lab__viewport[data-layout=wrap] .vs-layout-lab__safe-area{flex-wrap:wrap;display:flex}.vs-layout-lab__viewport[data-layout=wrap] article{flex:160px}.vs-layout-lab__viewport[data-zoom=true] .vs-layout-lab__safe-area{grid-template-columns:1fr;font-size:200%}.vs-layout-lab article{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel);gap:.35rem;min-width:0;padding:.75rem;display:grid}.vs-layout-lab article span{color:var(--accent-pink-text);font-family:var(--font-mono);text-transform:uppercase;font-size:.5em;font-weight:900}.vs-layout-lab article strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:.8em}.vs-parity-table-wrap{scrollbar-gutter:stable;overscroll-behavior-inline:contain}@media (max-width:1180px){.vs-accessibility-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-parity-table tbody th{z-index:1;position:sticky;left:0}}@media (max-width:720px){.vs-brand,.vs-segmented button,.vs-filter-row button,.vs-token-selector button,.vs-icon-tuners button,.vs-inspector__tabs button,.vs-mobile-index__head button{min-height:44px}.vs-brand{padding-block:.45rem}.vs-mobile-index__head button{width:44px;min-width:44px;height:44px;min-height:44px}.vs-semantic-token-groups,.vs-accessibility-lab,.vs-accessibility-chain{grid-template-columns:1fr}.vs-async-lab__controls{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;display:grid;overflow:visible}.vs-async-lab__controls .vs-button{width:100%;min-width:0;min-height:44px;padding-inline:.35rem;font-size:.56rem}.vs-table-wrap{border:0;overflow:visible}.vs-table-wrap__hint{display:none}.vs-table{background:0 0;min-width:0;display:block}.vs-table thead{display:none}.vs-table tbody{gap:.75rem;display:grid}.vs-table tr,.vs-table th,.vs-table td{width:100%;display:block}.vs-table tr{border:1px solid var(--border-subtle);border-radius:var(--radius-surface);background:var(--surface-card);box-shadow:var(--shadow-surface);overflow:hidden}.vs-table tbody th,.vs-table td{border-bottom:1px solid var(--border-subtle);background:0 0;min-width:0;min-height:44px;padding:.72rem .75rem .72rem 7.5rem;position:relative}.vs-table tbody th:before,.vs-table td:before{width:6.2rem;color:var(--text-secondary);content:attr(data-label);font-family:var(--font-mono);text-transform:uppercase;font-size:.5rem;font-weight:900;position:absolute;top:.78rem;left:.75rem}.vs-table tbody tr>:last-child{border-bottom:0}.vs-content-lab article>div,.vs-accessibility-lab__actions{display:grid}.vs-content-lab .vs-button,.vs-accessibility-lab__actions .vs-button{width:100%}.vs-layout-lab__viewport,.vs-layout-lab__viewport[data-landscape=false]{width:100%;min-height:360px}.vs-overview-status{grid-template-columns:auto minmax(0,1fr)}.vs-overview-status>span{text-align:center;grid-column:1/-1;justify-self:stretch}.vs-overview-specimen__toolbar{display:grid}.vs-overview-specimen__toolbar .vs-segmented,.vs-overview-specimen__live{width:100%}.vs-overview-specimen__live{justify-content:center}.vs-overview-specimen__composition,.vs-overview-specimen__stage[data-mode=mobile] .vs-overview-specimen__composition{grid-template-columns:1fr;padding:.65rem}.vs-overview-rules,.vs-overview-principles{grid-template-columns:1fr}.vs-overview-principles>a{min-height:0}.vs-overview-control-stage .vs-button{min-height:44px;height:var(--vs-overview-control-height)}}@media (max-width:430px){.vs-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-meta-row span{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;line-height:1.35;overflow:visible}.vs-table tbody th,.vs-table td{padding-left:.75rem}.vs-table tbody th:before,.vs-table td:before{width:auto;margin-bottom:.25rem;display:block;position:static}.vs-tray-stress__viewport{padding-inline:0}.vs-overview-specimen__stage{border-left:0;border-right:0;border-radius:0;padding:.35rem}.vs-overview-specimen__canvas>header{flex-direction:column;align-items:flex-start}.vs-overview-specimen__canvas>header code{overflow-wrap:anywhere}.vs-overview-rule{padding:.8rem}.vs-overview-rule__choices{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vs-overview-rule__choices button{width:100%;min-width:0;padding-inline:.4rem}.vs-overview-unit-viewport{min-width:52%}}@media (prefers-reduced-motion:reduce){.vs-layout-lab__viewport,.vs-loading-demo__egg img,.vs-overview-specimen__canvas,.vs-overview-specimen__card .card,.vs-overview-spacing-stage,.vs-overview-radius-stage,.vs-overview-radius-stage>div,.vs-overview-unit-viewport,.vs-overview-principles>a{transition:none;animation:none}}@media (forced-colors:active){.vs-accessibility-lab__modes button[aria-selected=true],.vs-accessibility-lab__stage,.vs-layout-lab__safe-area{forced-color-adjust:auto;border:2px solid canvastext}}