.demo-frame{padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:0 0 var(--space-4)}.demo-frame-wrap{flex-wrap:wrap;display:flex}.demo-frame-col{flex-direction:column;display:flex}.demo-frame-row{flex-direction:row;display:flex}.demo-frame-align-start{align-items:flex-start}.demo-frame-align-center{align-items:center}.demo-frame-align-baseline{align-items:baseline}.demo-frame-gap-sm{gap:var(--space-2)}.demo-frame-gap-md{gap:var(--space-4)}.demo-frame-gap-lg{gap:var(--space-5)}@media screen and (width<=29.9375rem){.demo-frame-stack-mobile{flex-direction:column;align-items:flex-start}}.cv{max-width:var(--container-spec);padding:var(--space-6) var(--space-6) var(--space-20);color:var(--text-primary);margin:0 auto;position:relative}.cv-sidenav-wrap{display:none}@media screen and (width>=80rem){.cv-sidenav-wrap{gap:var(--space-3);top:120px;left:max(var(--space-5), (100vw - var(--container-spec)) / 2 - var(--sidenav-gutter));width:var(--sidenav-width);flex-direction:column;display:flex;position:fixed}}.cv-sidenav{gap:var(--space-0_5);flex-direction:column;display:flex}.cv-sidenav ul{gap:var(--space-0_5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media screen and (width>=80rem){.cv-sidenav a{align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-1);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;border-radius:var(--radius-sm);transition:color var(--duration-base) var(--easing-standard), background var(--duration-base) var(--easing-standard);font-size:.6875rem;font-weight:600;text-decoration:none;display:flex}.cv-sidenav a span{color:var(--accent-default);font-weight:700}.cv-sidenav a:hover{color:var(--text-primary);background:var(--surface-hover)}.cv-sidenav a:focus-visible{box-shadow:var(--shadow-focus-ring);color:var(--text-primary);outline:none}.cv-sidenav a[aria-current=location],.cv-sidenav a[aria-current=true]{color:var(--text-primary);background:var(--accent-subtle);box-shadow:inset 2px 0 0 var(--accent-default)}}@media (forced-colors:active){.cv-sidenav a:focus-visible,.cv-toc a:focus-visible,.cv-link:focus-visible,.cv-colophon-link:focus-visible,.cv-token:focus-visible,.cv-code-copy:focus-visible{outline-offset:2px;outline:2px solid canvastext}.cv-swatch span,.cv-token-chip,.cv-radius-box,.cv-shadow-box{forced-color-adjust:none;border:1px solid canvastext}}.cv-sidenav-divider{background:var(--border-subtle);height:1px;margin:var(--space-1) 0}.cv-cover{border:2px solid var(--text-primary);padding:var(--space-8) var(--space-8) var(--space-6);margin:0 0 var(--space-16);gap:var(--space-12);flex-direction:column;min-height:540px;display:flex}@media screen and (width<=47.9375rem){.cv-cover{padding:var(--space-5) var(--space-5) var(--space-4);gap:var(--space-8);min-height:0}}.cv-cover-top{padding-bottom:var(--space-3);border-bottom:1px solid var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.cv-issue{color:var(--accent-default)}.cv-date{color:var(--text-muted)}.cv-title{font-size:var(--editorial-display-cover);letter-spacing:-.05em;color:var(--text-primary);margin:0;font-weight:800;line-height:.85}.cv-title em{color:var(--accent-default);font-style:italic;font-weight:700}.cv-cover-bottom{gap:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--text-primary);grid-template-columns:1fr 1.2fr;align-items:end;display:grid}@media screen and (width<=47.9375rem){.cv-cover-bottom{gap:var(--space-5);grid-template-columns:1fr}}.cv-lede{color:var(--text-secondary);margin:0;font-size:.9375rem;font-weight:500;line-height:1.55}.cv-toc{gap:var(--space-1);flex-direction:column;display:flex}.cv-toc a{gap:var(--space-3);color:var(--text-primary);transition:color var(--duration-base) var(--easing-standard);grid-template-columns:50px 1fr;align-items:baseline;padding:2px 0;font-size:.9375rem;text-decoration:none;display:grid}.cv-toc a span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;font-size:.75rem;font-weight:700}.cv-toc a b{border-bottom:1px solid var(--border-subtle);padding-bottom:2px;font-weight:600}.cv-toc a:hover,.cv-toc a:hover span{color:var(--accent-default)}.cv-section{padding:var(--space-12) 0;border-top:1px solid var(--border-default);scroll-margin-top:var(--space-10)}.cv-section h2{font-size:var(--editorial-display-spread);letter-spacing:-.035em;margin:0 0 var(--space-5);font-weight:800;line-height:1}.cv-section>p{color:var(--text-secondary);margin:0 0 var(--space-8);max-width:580px;font-size:1.0625rem;font-weight:500;line-height:1.6}.cv-section>p code{font-family:var(--font-mono);background:var(--surface-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:1px 6px;font-size:.9em;font-weight:600}.cv-sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:var(--space-8) 0 var(--space-3);max-width:none;font-size:.6875rem;font-weight:700;line-height:1.3}.cv-sub-row{align-items:baseline;gap:var(--space-2);margin:var(--space-8) 0 var(--space-3);flex-wrap:wrap;display:flex}.cv-sub-row .cv-sub{margin:0}.cv-sub-row .cv-sub-desc{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);letter-spacing:.04em;text-transform:none;font-size:.6875rem;font-weight:600;line-height:1.3}.cv-sub-row .cv-sub-desc:before{content:"· ";color:var(--text-disabled)}.cv-sub-row .cv-more{margin-left:auto}.cv-swatches{gap:var(--space-3);margin:0 0 var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media screen and (width<=29.9375rem){.cv-swatches{grid-template-columns:1fr}}.cv-swatches.cv-swatches-4{grid-template-columns:repeat(4,1fr)}@media screen and (width<=47.9375rem){.cv-swatches.cv-swatches-4{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=29.9375rem){.cv-swatches.cv-swatches-4{grid-template-columns:1fr}}.cv-swatch{border:1px solid var(--border-default);padding:var(--space-3);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.6875rem;font-weight:600}.cv-swatch span{height:80px;margin:0 0 var(--space-2);border:1px solid var(--border-subtle);display:block}.cv-swatch b{color:var(--text-primary);font-size:.75rem;font-weight:700;display:block}.cv-swatch.cv-swatch-bg span{border-radius:var(--radius-sm);height:48px}.cv-type{border-collapse:collapse;width:100%}.cv-type thead th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.625rem;font-weight:700}.cv-type tbody tr{border-top:1px dashed var(--border-subtle)}.cv-type tbody tr:last-child{border-bottom:1px dashed var(--border-subtle)}.cv-type tr{border-top:1px dashed var(--border-subtle)}.cv-type tr:last-child{border-bottom:1px dashed var(--border-subtle)}.cv-type td{padding:var(--space-3) var(--space-3);vertical-align:baseline}.cv-type td:first-child{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;width:130px;font-size:.75rem;font-weight:700}.cv-type td:nth-child(2){font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;width:100px;font-size:.6875rem;font-weight:600}@media screen and (width<=29.9375rem){.cv-type td:nth-child(2){display:none}.cv-type td:first-child{width:80px}}.cv-fonts{gap:var(--space-4);margin:0 0 var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media screen and (width<=29.9375rem){.cv-fonts{grid-template-columns:1fr}}.cv-font{padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised)}.cv-font code{font-family:var(--font-mono);color:var(--accent-default);letter-spacing:.04em;margin:0 0 var(--space-1);background:0 0;padding:0;font-size:.75rem;font-weight:700;display:block}.cv-font>span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;margin:0 0 var(--space-3);font-size:.6875rem;font-weight:500;display:block}.cv-scale-space,.cv-scale-radius,.cv-scale-shadow{gap:var(--space-4);padding:var(--space-4) 0;margin:0 0 var(--space-4);border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle);flex-wrap:wrap;display:flex}.cv-scale-space{align-items:center}.cv-scale-shadow{gap:var(--space-6);padding:var(--space-6) var(--space-3)}.cv-scale-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.cv-bar{background:var(--accent-default);border-radius:var(--radius-sm);min-width:4px;height:12px}.cv-radius-box{background:var(--accent-muted);border:1px solid var(--accent-default);width:56px;height:56px}.cv-shadow-box{background:var(--surface-raised);border-radius:var(--radius-md);width:64px;height:64px}.cv-scale-tag{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.05em;font-size:.6875rem;font-weight:700}.cv-scale-tag em{color:var(--text-muted);font-style:normal;font-weight:500}.cv-scale-motion{gap:var(--space-3);padding:var(--space-4) 0;margin:0 0 var(--space-4);border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle);grid-template-columns:repeat(4,1fr);display:grid}@media screen and (width<=29.9375rem){.cv-scale-motion{grid-template-columns:repeat(2,1fr)}}.cv-motion-card{gap:var(--space-1);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition-property:transform,background,box-shadow;transition-timing-function:var(--easing-standard);flex-direction:column;display:flex;transform:translateY(0)}.cv-motion-card:hover{background:var(--accent-subtle);box-shadow:var(--shadow-md);transform:translateY(-4px)}.cv-motion-card code{font-family:var(--font-mono);color:var(--text-primary);background:0 0;padding:0;font-size:.6875rem;font-weight:700}.cv-motion-time{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.6875rem;font-weight:600}.cv-motion-fast{transition-duration:var(--duration-fast)}.cv-motion-base{transition-duration:var(--duration-base)}.cv-motion-slow{transition-duration:var(--duration-slow)}.cv-motion-slower{transition-duration:var(--duration-slower)}.cv :global(.card){margin-bottom:var(--space-4)}.cv-tokens{gap:var(--space-5);padding:var(--space-5) 0;border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle);flex-direction:column;display:flex}.cv-tokens-group{gap:var(--space-4);grid-template-columns:90px 1fr;align-items:start;display:grid}@media screen and (width<=29.9375rem){.cv-tokens-group{gap:var(--space-2);grid-template-columns:1fr}}.cv-tokens-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-default);max-width:none;margin:0;padding-top:4px;font-size:.75rem;font-weight:700}.cv-tokens-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.cv-token{appearance:none;align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-base);cursor:pointer;font:inherit;transition:border-color var(--duration-base) var(--easing-standard), background var(--duration-base) var(--easing-standard);padding:4px 10px 4px 6px;display:inline-flex}.cv-token:hover{border-color:var(--accent-default)}.cv-token:focus-visible{box-shadow:var(--shadow-focus-ring);outline:none}.cv-token.cv-token-copied{border-color:var(--state-success);background:var(--state-success-bg)}.cv-token.cv-token-failed{border-color:var(--state-error);background:var(--state-error-bg)}.cv-token-chip{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-shrink:0;width:14px;height:14px;display:block}.cv-token code{font-family:var(--font-mono);color:var(--text-primary);background:0 0;padding:0;font-size:.6875rem;font-weight:600}.t-display-1{letter-spacing:-.035em;font-size:2.75rem;font-weight:800;line-height:1.1}.t-display-2{letter-spacing:-.028em;font-size:2rem;font-weight:700;line-height:1.15}.t-heading-1{letter-spacing:-.022em;font-size:1.625rem;font-weight:700;line-height:1.25}.t-heading-2{letter-spacing:-.015em;font-size:1.25rem;font-weight:700;line-height:1.3}.t-heading-3{font-size:1.125rem;font-weight:600;line-height:1.4}.t-body-lg{font-size:1.0625rem;font-weight:500;line-height:1.6}.t-body{font-size:.9375rem;font-weight:500;line-height:1.6}.t-body-sm{font-size:.875rem;font-weight:500;line-height:1.55}.t-caption{font-size:.8125rem;font-weight:500;line-height:1.4}.t-label{letter-spacing:.01em;text-transform:uppercase;font-size:.8125rem;font-weight:600;line-height:1.3}.t-code{font-family:SF Mono,ui-monospace,Menlo,Monaco,JetBrains Mono,monospace;font-size:.875rem;font-weight:400;line-height:1.5}.cv-font-sample{color:var(--text-primary);margin:0}.cv-font-sample-sans{font-family:var(--font-sans);font-size:1.25rem;font-weight:600}.cv-font-sample-mono{font-family:var(--font-mono);font-size:.9375rem;font-weight:600}.cv-table{border-collapse:collapse;width:100%;margin:0 0 var(--space-4);font-family:var(--font-mono);font-size:.75rem}.cv-table thead th{text-align:left;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-default);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.625rem;font-weight:700}.cv-table tbody tr{border-top:1px dashed var(--border-subtle)}.cv-table tbody tr:last-child{border-bottom:1px dashed var(--border-subtle)}.cv-table tr{border-top:1px dashed var(--border-subtle)}.cv-table tr:last-child{border-bottom:1px dashed var(--border-subtle)}.cv-table td{padding:var(--space-2) var(--space-2);color:var(--text-secondary);vertical-align:baseline;font-weight:500}.cv-table td:first-child{color:var(--text-primary);width:35%;font-weight:700}.cv-table td:nth-child(2){width:35%}.cv-table td:last-child{text-align:right;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}.cv-table td code{font-family:var(--font-mono);color:inherit;background:0 0;padding:0;font-size:1em}.cv-btn-cell{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.cv-btn-state{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;letter-spacing:.06em;color:var(--text-muted);font-size:.625rem;font-weight:600;line-height:1.3}.cv-do-dont{gap:var(--space-3);margin:0 0 var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media screen and (width<=29.9375rem){.cv-do-dont{grid-template-columns:1fr}}.cv-do,.cv-dont{gap:var(--space-2);flex-direction:column;display:flex}.cv-do .cv-code,.cv-dont .cv-code{margin:0}.cv-do-cap{color:var(--text-secondary);max-width:none;margin:0;font-size:.8125rem;font-weight:500;line-height:1.5}.cv-link{color:var(--text-link);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--text-link) 30%, transparent);text-underline-offset:2px;transition:text-decoration-color var(--duration-base) var(--easing-standard)}.cv-link:hover{text-decoration-color:var(--text-link)}.cv-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.cv-more{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-default);padding-left:var(--space-3);transition:color var(--duration-base) var(--easing-standard);margin-left:auto;font-size:.625rem;font-weight:700;text-decoration:none}.cv-more:hover{color:var(--accent-hover)}.cv-sub{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.cv-code-wrap{margin:0 0 var(--space-6);position:relative}.cv-code{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0;overflow-x:auto}.cv-code code{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre;background:0 0;padding:0;font-size:.75rem;font-weight:500;line-height:1.6}.cv-code-copy{top:var(--space-2);right:var(--space-2);appearance:none;border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-base) var(--easing-standard), border-color var(--duration-base) var(--easing-standard);padding:3px 8px;font-size:.625rem;font-weight:700;position:absolute}.cv-code-copy:hover{color:var(--accent-default);border-color:var(--accent-default)}.cv-code-copy.copied{color:var(--state-success);border-color:var(--state-success)}.cv-focus-desc{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.6875rem;font-weight:600}.cv-focus-desc code{font-family:var(--font-mono);color:var(--text-primary);background:0 0;padding:0;font-size:1em;font-weight:700}.cv-axe{margin:0;font-size:.875rem}.cv-axe code{font-family:var(--font-mono);background:var(--surface-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:1px 6px;font-size:.9em;font-weight:600}.cv-blockquote{padding:0 0 0 var(--space-5);border-left:3px solid var(--accent-default);margin:0}.cv-blockquote p{color:var(--text-primary);margin:0 0 var(--space-2);max-width:none;font-size:1.125rem;font-style:italic;font-weight:500;line-height:1.6}.cv-blockquote footer{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:600}.cv-lists{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media screen and (width<=29.9375rem){.cv-lists{grid-template-columns:1fr}}.cv-ul,.cv-ol{padding-left:var(--space-5);color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:500;line-height:1.65}.cv-ul li,.cv-ol li{margin:0 0 var(--space-1)}.cv-ul ul,.cv-ul ol,.cv-ol ul,.cv-ol ol{margin:var(--space-1) 0;padding-left:var(--space-5)}.cv-ul ul li,.cv-ul ol li,.cv-ol ul li,.cv-ol ol li{color:var(--text-secondary)}.cv-ul{padding-left:0;list-style:none}.cv-ul>li{padding-left:var(--space-5);position:relative}.cv-ul>li:before{content:"";left:var(--space-2);border-radius:var(--radius-circle);background:var(--accent-default);width:6px;height:6px;position:absolute;top:.7em}.cv-ul ul{color:var(--text-secondary);padding-left:var(--space-5);margin-top:var(--space-1);list-style:outside}.cv-ul ul li:before{display:none}.cv-ol{counter-reset:cv-counter;padding-left:0;list-style:none}.cv-ol>li{counter-increment:cv-counter;padding-left:var(--space-8);position:relative}.cv-ol>li:before{content:counter(cv-counter, decimal-leading-zero);font-family:var(--font-mono);color:var(--accent-default);letter-spacing:.04em;font-size:.75rem;font-weight:700;position:absolute;top:0;left:0}.cv-content-p{color:var(--text-primary);max-width:none;margin:0;font-size:.9375rem;font-weight:500;line-height:1.65}.cv-inline-code{font-family:var(--font-mono);background:var(--surface-subtle);border-radius:var(--radius-sm);color:var(--text-primary);padding:1px 6px;font-size:.92em;font-weight:600}.cv-figure{margin:0 0 var(--space-4)}.cv-figure figcaption{margin-top:var(--space-2);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.75rem;font-weight:600}.cv-figure-svg{width:100%;max-width:540px;height:auto;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:block}.cv-figure-svg .cv-figure-text text{font-family:var(--font-mono)}.cv-colophon-link{color:inherit;transition:color var(--duration-base) var(--easing-standard);border-bottom:1px dashed;text-decoration:none}.cv-colophon-link:hover{color:var(--accent-default)}.cv-colophon-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.cv-sub>:global(.badge){margin:0 var(--space-1);vertical-align:2px}.cv-colophon{margin-top:var(--space-12);padding-top:var(--space-4);border-top:2px solid var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);justify-content:space-between;font-size:.6875rem;font-weight:700;display:flex}