:root{color-scheme:light dark;--yv-palette-shell: #F5F7F7;--yv-palette-deep-ink: #14262B;--yv-palette-tide: #0F4C5C;--yv-palette-sea-glass: #8CC5B5;--yv-palette-sand: #E9DCC4;--yv-palette-night-water: #0B1A1E;--yv-palette-lagoon: #6CC3B4;--yv-canvas: light-dark(#F5F7F7, #0B1A1E);--yv-surface: light-dark(#FFFFFF, #12262B);--yv-surface-sunken: light-dark(#EEF2F2, #081316);--yv-surface-raised: light-dark(#FFFFFF, #183139);--yv-text: light-dark(#14262B, #EAF0EE);--yv-text-muted: light-dark(#3B5157, #A9BDB9);--yv-text-subtle: light-dark(#55696E, #8FA5A1);--yv-border: light-dark(#E2E7E8, #24393E);--yv-border-control: light-dark(#849194, #5F7B80);--yv-primary: light-dark(#0F4C5C, #6CC3B4);--yv-primary-hover: light-dark(#0B3E4B, #86D1C4);--yv-on-primary: light-dark(#FFFFFF, #0B1A1E);--yv-primary-subtle: light-dark(#DCEBE7, #143A3F);--yv-on-primary-subtle: light-dark(#0F4C5C, #9ED9CE);--yv-accent: light-dark(#8CC5B5, #2F5F59);--yv-on-accent: light-dark(#14262B, #EAF0EE);--yv-sand: light-dark(#E9DCC4, #3A3326);--yv-on-sand: light-dark(#14262B, #EAF0EE);--yv-focus: light-dark(#0F4C5C, #6CC3B4);--yv-success: light-dark(#2E6B4F, #7FCBA0);--yv-success-subtle: light-dark(#E1EFE6, #16302A);--yv-warning: light-dark(#80530F, #E3B866);--yv-warning-subtle: light-dark(#F6E7C8, #3A2E17);--yv-danger: light-dark(#A3362B, #F09A8E);--yv-danger-subtle: light-dark(#F6E0DC, #3D1E1B);--yv-info: light-dark(#2B5C8A, #8FB8E3);--yv-info-subtle: light-dark(#E0EAF3, #172A3D);--yv-font-display: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--yv-font-ui: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--yv-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--yv-type-display-family: var(--yv-font-display);--yv-type-display-size: 3.75rem;--yv-type-display-line: 4rem;--yv-type-display-weight: 600;--yv-type-heading-xl-family: var(--yv-font-display);--yv-type-heading-xl-size: 3rem;--yv-type-heading-xl-line: 3.375rem;--yv-type-heading-xl-weight: 600;--yv-type-heading-lg-family: var(--yv-font-display);--yv-type-heading-lg-size: 2.25rem;--yv-type-heading-lg-line: 2.625rem;--yv-type-heading-lg-weight: 600;--yv-type-heading-md-family: var(--yv-font-display);--yv-type-heading-md-size: 1.875rem;--yv-type-heading-md-line: 2.25rem;--yv-type-heading-md-weight: 600;--yv-type-heading-sm-family: var(--yv-font-display);--yv-type-heading-sm-size: 1.5rem;--yv-type-heading-sm-line: 1.875rem;--yv-type-heading-sm-weight: 600;--yv-type-title-family: var(--yv-font-ui);--yv-type-title-size: 1.25rem;--yv-type-title-line: 1.75rem;--yv-type-title-weight: 600;--yv-type-body-lg-family: var(--yv-font-ui);--yv-type-body-lg-size: 1.125rem;--yv-type-body-lg-line: 1.75rem;--yv-type-body-lg-weight: 400;--yv-type-body-family: var(--yv-font-ui);--yv-type-body-size: 1rem;--yv-type-body-line: 1.5rem;--yv-type-body-weight: 400;--yv-type-body-sm-family: var(--yv-font-ui);--yv-type-body-sm-size: .875rem;--yv-type-body-sm-line: 1.25rem;--yv-type-body-sm-weight: 400;--yv-type-caption-family: var(--yv-font-ui);--yv-type-caption-size: .75rem;--yv-type-caption-line: 1rem;--yv-type-caption-weight: 500;--yv-space-0: 0rem;--yv-space-1: .25rem;--yv-space-2: .5rem;--yv-space-3: .75rem;--yv-space-4: 1rem;--yv-space-5: 1.25rem;--yv-space-6: 1.5rem;--yv-space-8: 2rem;--yv-space-10: 2.5rem;--yv-space-12: 3rem;--yv-space-16: 4rem;--yv-space-20: 5rem;--yv-radius-sm: 6px;--yv-radius-md: 10px;--yv-radius-lg: 14px;--yv-radius-xl: 20px;--yv-radius-pill: 999px;--yv-shadow-color-soft: light-dark(rgb(20 38 43 / .08), rgb(0 0 0 / .3));--yv-shadow-color-strong: light-dark(rgb(20 38 43 / .16), rgb(0 0 0 / .5));--yv-shadow-sm: 0 1px 2px 0 var(--yv-shadow-color-soft);--yv-shadow-md: 0 2px 4px 0 var(--yv-shadow-color-soft), 0 8px 16px -4px var(--yv-shadow-color-soft);--yv-shadow-lg: 0 4px 8px 0 var(--yv-shadow-color-soft), 0 20px 40px -8px var(--yv-shadow-color-strong);--yv-duration-fast: .12s;--yv-duration-base: .2s;--yv-duration-slow: .32s;--yv-ease: cubic-bezier(.2, 0, 0, 1);--yv-breakpoint-phone: 0rem;--yv-breakpoint-tablet: 40rem;--yv-breakpoint-desktop: 67.5rem;--yv-breakpoint-wide: 80rem;--yv-grid-columns-phone: 4;--yv-grid-columns-tablet: 8;--yv-grid-columns-desktop: 12;--yv-grid-columns-wide: 12;--yv-grid-gutter-phone: 1rem;--yv-grid-gutter-tablet: 1.5rem;--yv-grid-gutter-desktop: 1.5rem;--yv-grid-gutter-wide: 1.5rem;--yv-container-narrow: 35rem;--yv-container-text: 45rem;--yv-container-page: 77.5rem;--yv-page-margin-phone: 1rem;--yv-page-margin-tablet: 1.5rem;--yv-page-margin-desktop: 1.5rem;--yv-page-margin-wide: 1.5rem;--yv-section-sm: var(--yv-space-8);--yv-section-md: var(--yv-space-10);--yv-section-lg: var(--yv-space-16);--yv-section-xl: var(--yv-space-20);--yv-preview-phone: 24.375rem;--yv-preview-desktop: 90rem;--yv-grid-columns: var(--yv-grid-columns-phone);--yv-grid-gutter: var(--yv-grid-gutter-phone);--yv-page-margin: var(--yv-page-margin-phone)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--yv-duration-fast: 0ms;--yv-duration-base: 0ms;--yv-duration-slow: 0ms}}@media(min-width:40rem){:root{--yv-grid-columns: var(--yv-grid-columns-tablet);--yv-grid-gutter: var(--yv-grid-gutter-tablet);--yv-page-margin: var(--yv-page-margin-tablet)}}@media(min-width:67.5rem){:root{--yv-grid-columns: var(--yv-grid-columns-desktop);--yv-grid-gutter: var(--yv-grid-gutter-desktop);--yv-page-margin: var(--yv-page-margin-desktop)}}@media(min-width:80rem){:root{--yv-grid-columns: var(--yv-grid-columns-wide);--yv-grid-gutter: var(--yv-grid-gutter-wide);--yv-page-margin: var(--yv-page-margin-wide)}}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Geist-400.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Geist-500.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Geist-600.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/GeistMono-400.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/GeistMono-500.woff2) format("woff2")}:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:var(--yv-font-ui);color:var(--yv-text);background:var(--yv-canvas);line-height:1.6}html.yv-embed,html.yv-embed body{background:transparent}a{color:var(--yv-primary)}button,select{font:inherit}:focus-visible{outline:3px solid var(--yv-focus);outline-offset:4px}nav{display:flex;gap:1rem}select{background:var(--yv-surface);color:var(--yv-text);border:1px solid var(--yv-border);padding:.4rem;border-radius:.4rem}h1{font-family:var(--yv-type-heading-xl-family);font-size:var(--yv-type-heading-xl-size);line-height:var(--yv-type-heading-xl-line);font-weight:var(--yv-type-heading-xl-weight);margin:.6rem 0 1rem}h2{margin-top:0;font-size:1.2rem}.eyebrow,.muted{color:var(--yv-text-muted)}.eyebrow{font-weight:600}.intro{font-size:1.15rem;margin-bottom:2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.2rem;margin:2rem 0}.yv-card-host{display:block}.yv-card{display:flex;flex-direction:column;gap:var(--yv-space-3);padding:var(--yv-space-6);border:1px solid var(--yv-border);border-radius:var(--yv-radius-lg);background:var(--yv-surface);color:var(--yv-text);height:100%}.yv-card--muted{background:var(--yv-surface-sunken)}.yv-card--warning{background:var(--yv-warning-subtle);border-color:var(--yv-warning)}.yv-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--yv-space-3)}.yv-card__heading{min-width:0}.yv-card h2{margin:0;font-size:var(--yv-type-title-size);line-height:var(--yv-type-title-line);font-weight:var(--yv-type-title-weight)}.yv-card__subtitle{margin:0;color:var(--yv-text-muted);font-size:var(--yv-type-body-sm-size);line-height:var(--yv-type-body-sm-line)}.yv-card__actions{display:flex;gap:var(--yv-space-2);flex:none}.yv-card__actions:empty{display:none}.yv-icon{display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}yv-icon{display:inline-flex}.yv-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--yv-space-2);min-height:40px;padding:var(--yv-space-2) var(--yv-space-4);border:1px solid transparent;border-radius:var(--yv-radius-pill);font-family:var(--yv-font-ui);font-size:var(--yv-type-body-sm-size);line-height:var(--yv-type-body-sm-line);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--yv-duration-fast) var(--yv-ease),border-color var(--yv-duration-fast) var(--yv-ease)}.yv-button--primary{background:var(--yv-primary);color:var(--yv-on-primary)}.yv-button--primary:hover{background:var(--yv-primary-hover);color:var(--yv-on-primary)}.yv-button--secondary{background:var(--yv-surface);color:var(--yv-text);border-color:var(--yv-border-control)}.yv-button--secondary:hover{background:var(--yv-surface-sunken);color:var(--yv-text)}.yv-button--ghost{background:transparent;color:var(--yv-primary)}.yv-button--ghost:hover{background:var(--yv-primary-subtle);color:var(--yv-on-primary-subtle)}.yv-button--danger{background:var(--yv-danger);color:var(--yv-surface)}.yv-button--sm{min-height:32px;padding:var(--yv-space-1) var(--yv-space-3);font-size:var(--yv-type-caption-size)}.yv-button--lg{min-height:52px;padding:var(--yv-space-3) var(--yv-space-6);font-size:var(--yv-type-body-size)}@media(max-width:39.9375rem){.yv-button--md{min-height:44px}.yv-button--sm:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}.yv-button--block{display:flex;width:100%}.yv-button:disabled,.yv-button[aria-disabled=true]{background:var(--yv-surface-sunken);color:var(--yv-text-subtle);border-color:var(--yv-border);cursor:not-allowed}.yv-button.yv-button--loading{cursor:progress;color:transparent}.yv-button--loading>*{visibility:hidden}.yv-button--loading:before{content:"";position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;box-sizing:border-box;border:2px solid var(--yv-text-subtle);border-right-color:transparent;border-radius:50%;animation:yv-spin .8s linear infinite}@keyframes yv-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.yv-button--loading:before{animation-duration:2.4s}}.yv-icon-button{display:inline-grid;place-items:center;flex:none;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:var(--yv-radius-pill);color:var(--yv-text);cursor:pointer}.yv-icon-button--ghost{background:transparent}.yv-icon-button--ghost:hover{background:var(--yv-surface-sunken)}.yv-icon-button--secondary{background:var(--yv-surface);border-color:var(--yv-border-control)}.yv-icon-button--secondary:hover{background:var(--yv-surface-sunken)}.yv-icon-button:disabled{color:var(--yv-text-subtle);cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap;gap:.8rem}@media(max-width:600px){h1{font-size:var(--yv-type-heading-lg-size);line-height:var(--yv-type-heading-lg-line)}}
