.lv-surface { container: lv / inline-size; isolation: isolate; background: var(--lv-ground); color: var(--lv-ink); font-family: var(--lv-font-text); font-size: var(--lv-type-body); line-height: 1.55; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; }
.lv-surface[data-scene-browser-preflight="true"] *, .lv-surface[data-scene-browser-preflight="true"] *::before, .lv-surface[data-scene-browser-preflight="true"] *::after { animation: none !important; transition: none !important; }
.lv-surface *, .lv-surface *::before, .lv-surface *::after { box-sizing: border-box; margin: 0; padding: 0; }
.lv-surface h1, .lv-surface h2, .lv-surface h3, .lv-surface h4, .lv-surface h5, .lv-surface h6 { font: inherit; }
.lv-surface :focus-visible { outline: 2px solid var(--lv-focus); outline-offset: 2px; border-radius: 2px; }
.lv-surface :where(.lv-text, .lv-list, .lv-quote, td, th) a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--lv-accent); text-decoration-thickness: 2px; text-underline-offset: 0.18em; text-decoration-skip-ink: auto; }
.lv-surface :where(.lv-text, .lv-list, .lv-quote) a:hover { color: var(--lv-accent-ink); }
.lv-surface .lv-section { padding-inline: max(var(--lv-field-edge), calc((100cqi - var(--lv-field-max)) / 2)); padding-block: var(--lv-sp-movement); color: var(--lv-ink); }
.lv-surface .lv-tone-surface { background: var(--lv-surface); --lv-focus: var(--lv-text); }
.lv-surface .lv-tone-alternate { background: var(--lv-alternate); --lv-ink: var(--lv-on-alternate); --lv-ink-muted: var(--lv-on-alternate-muted); --lv-accent-ink: var(--lv-accent-ink-on-alternate); --lv-focus: var(--lv-on-alternate); }
.lv-surface .lv-tone-emphasis { background: var(--lv-emphasis); --lv-ink: var(--lv-on-emphasis); --lv-ink-muted: var(--lv-on-emphasis-muted); --lv-accent-ink: var(--lv-accent-ink-on-emphasis); --lv-focus: var(--lv-on-emphasis); }
.lv-surface p, .lv-surface li, .lv-surface dd { max-inline-size: 66ch; }
.lv-surface [data-scene-clickable-text] { position: relative; }
.lv-surface[data-scene-text-navigation-mode="live"] [data-scene-clickable-text] { cursor: pointer; }
.lv-surface .lv-text { color: var(--lv-ink); }
.lv-surface .lv-text + .lv-text { margin-block-start: var(--lv-sp-tight); }
.lv-surface .lv-text p + p { margin-block-start: var(--lv-sp-tight); }
.lv-surface .lv-text.lv-lines p + p { margin-block-start: 0; }
.lv-surface .lv-line { display: block; }
.lv-surface .lv-decorative { user-select: none; --lv-accent-ink: var(--lv-accent); }
.lv-surface a { color: var(--lv-ink); text-decoration-color: var(--lv-accent); text-decoration-thickness: 0.09em; text-underline-offset: 0.16em; }
.lv-surface a:where(:not(.lv-control)):hover { color: var(--lv-accent-ink); }
.lv-surface .lv-control { display: inline-flex; align-self: start; justify-self: start; align-items: center; justify-content: center; gap: 0.5em; min-block-size: 2.75rem; padding: 0.55em 1.15em; border-radius: calc(var(--lv-radius) * 0.85); font: inherit; font-weight: 600; font-size: var(--lv-type-detail); text-decoration: none; cursor: pointer; border: 1px solid transparent; }
.lv-surface .lv-control-large { min-block-size: 3.25rem; padding: 0.7em 1.5em; font-size: var(--lv-type-body); }
.lv-surface .lv-control-filled { background: var(--lv-accent); color: var(--lv-on-accent); --lv-focus: var(--lv-on-accent); --lv-focus-contained: 1; outline-offset: -4px; }
.lv-surface .lv-control-filled:hover { border-color: currentColor; }
.lv-surface .lv-control-outline { border-color: var(--lv-ink); color: var(--lv-ink); background: transparent; --lv-focus: var(--lv-ink); }
.lv-surface .lv-control-quiet { color: var(--lv-ink); background: color-mix(in oklab, var(--lv-ink) 8%, transparent); --lv-focus: var(--lv-ink); }
.lv-surface blockquote { font-size: var(--lv-type-title); line-height: 1.35; text-wrap: balance; max-inline-size: 36ch; }
.lv-surface blockquote p::before { content: "\201C"; }
.lv-surface blockquote p::after { content: "\201D"; }
.lv-surface .lv-attribution { margin-block-start: var(--lv-sp-tight); font-size: var(--lv-type-detail); color: var(--lv-ink-muted); }
.lv-surface ul.lv-list, .lv-surface ol.lv-list { padding-inline-start: 1.4em; display: grid; gap: var(--lv-sp-hug); }
.lv-surface ul.lv-list { list-style: disc outside; }
.lv-surface ol.lv-list { list-style: decimal outside; }
.lv-surface pre.lv-code { font-family: var(--lv-font-code); font-size: var(--lv-type-detail); line-height: 1.6; background: color-mix(in oklab, var(--lv-ink) 6%, transparent); border: 1px solid var(--lv-border); border-radius: var(--lv-radius); padding: var(--lv-sp-tight); overflow-x: auto; max-inline-size: 100%; }
.lv-surface .lv-code-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-end: var(--lv-sp-tight); font-family: var(--lv-font-text); font-size: var(--lv-type-detail); line-height: 1.5; white-space: normal; }
.lv-surface .lv-code-copy { font: inherit; color: inherit; background: transparent; border: 1px solid var(--lv-border); border-radius: 4px; inline-size: 8ch; min-block-size: 32px; padding: 3px 8px; flex: none; cursor: pointer; }
.lv-surface .lv-code-copy:focus-visible { outline: 2px solid var(--lv-focus); outline-offset: 3px; }
.lv-surface code { font-family: var(--lv-font-code); font-size: 0.92em; }
.lv-surface .lv-table-wrap { overflow-x: auto; }
.lv-surface table { border-collapse: collapse; font-size: var(--lv-type-detail); min-inline-size: 100%; }
.lv-surface caption { text-align: start; font-size: var(--lv-type-detail); color: var(--lv-ink-muted); margin-block-end: var(--lv-sp-hug); }
.lv-surface th, .lv-surface td { text-align: start; padding: 0.6em 0.9em; border-block-end: 1px solid var(--lv-border); vertical-align: top; }
.lv-surface thead th { font-weight: 650; border-block-end-width: 2px; }
.lv-surface .lv-figure:where([data-node-kind="image"]) { display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.lv-surface .lv-figure:where([data-node-kind="image"]) > a { min-block-size: 0; }
.lv-surface .lv-figure:where([data-node-kind="image"]) > figcaption { min-inline-size: 0; }
.lv-surface .lv-figure:where([data-node-kind="image"], [data-node-kind="video"]) { border-radius: var(--lv-radius); }
.lv-surface figure img, .lv-surface video { max-inline-size: 100%; block-size: auto; display: block; border-radius: inherit; }
.lv-surface .lv-figure:where([data-node-kind="image"]) > a, .lv-surface .lv-figure:where([data-node-kind="video"]) > .lv-ambient { border-radius: inherit; }
.lv-surface .lv-figure > audio { display: block; inline-size: 100%; max-inline-size: 100%; }
.lv-surface figcaption { margin-block-start: var(--lv-sp-hug); font-size: var(--lv-type-detail); color: var(--lv-ink-muted); }
.lv-surface img.lv-fit-cover { inline-size: 100%; block-size: 100%; object-fit: cover; }
.lv-surface img.lv-fit-contain { inline-size: 100%; block-size: 100%; object-fit: contain; }
.lv-surface .lv-ambient { position: relative; }
.lv-surface .lv-ambient > img { inline-size: 100%; object-fit: cover; }
.lv-surface .lv-ambient > video { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; visibility: hidden; pointer-events: none; }
.lv-surface .lv-ambient[data-lv-playing] > video { visibility: visible; }
.lv-surface .lv-ambient-toggle, .lv-surface .lv-ambient-error { position: absolute; inset-inline-end: 0.75rem; inset-block-end: 0.75rem; color: #ffffff; background: #000000; border: 1px solid #ffffff; --lv-focus: #ffffff; --lv-focus-contained: 1; outline-offset: -4px; }
.lv-surface .lv-ambient-error { padding: 0.5rem; font-size: var(--lv-type-detail); }
.lv-surface .lv-ambient [hidden] { display: none !important; }
.lv-surface[data-scene-browser-preflight="true"] .lv-ambient > video { visibility: hidden !important; }
@media (prefers-reduced-motion: reduce) { .lv-surface .lv-ambient > video, .lv-surface .lv-ambient-toggle { visibility: hidden !important; } }
.lv-surface canvas.lv-canvas { display: block; inline-size: 100%; max-inline-size: 100%; }
.lv-surface .lv-gpu { position: relative; isolation: isolate; overflow: clip; }
.lv-surface .lv-gpu > [data-lv-gpu-artwork] { position: absolute; inset: 0; }
.lv-surface .lv-gpu > :is(img, canvas), .lv-surface .lv-gpu > [data-lv-gpu-artwork] > :is(img, canvas) { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: inherit; }
.lv-surface .lv-gpu canvas { visibility: hidden; pointer-events: none; }
.lv-surface .lv-gpu:is([data-lv-gpu-state="running"], [data-lv-gpu-state="paused"]) canvas { visibility: visible; }
.lv-surface .lv-gpu:is([data-lv-gpu-state="running"], [data-lv-gpu-state="paused"]) [data-lv-gpu-still] { visibility: hidden; }
.lv-surface .lv-gpu-pause, .lv-surface .lv-gpu-error { position: absolute; inset-inline-end: 0.75rem; inset-block-end: 0.75rem; color: #fff; background: #000; border: 1px solid #fff; --lv-focus: #fff; --lv-focus-contained: 1; outline-offset: -4px; }
.lv-surface .lv-gpu-error { max-inline-size: calc(100% - 1.5rem); padding: 0.5rem; font-size: var(--lv-type-detail); }
.lv-surface .lv-gpu [hidden] { display: none !important; }
@media print, (prefers-reduced-motion: reduce) { .lv-surface .lv-gpu canvas, .lv-surface .lv-gpu-pause, .lv-surface .lv-gpu-error { display: none !important; } }
@media print, (prefers-reduced-motion: reduce) { .lv-surface .lv-gpu [data-lv-gpu-still] { visibility: visible !important; } }
.lv-surface hr { border: 0; border-block-start: 1px solid var(--lv-border); }
.lv-surface hr.lv-rule-block { border-block-start: 0; border-inline-start: 1px solid var(--lv-border); block-size: auto; align-self: stretch; }
.lv-surface details.lv-disclosure { border-block-end: 1px solid var(--lv-border); padding-block: var(--lv-sp-tight); }
.lv-surface details.lv-disclosure > summary { cursor: pointer; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1em; min-block-size: 2.75rem; }
.lv-surface details.lv-disclosure > summary::-webkit-details-marker { display: none; }
.lv-surface details.lv-disclosure > summary::after { content: "+"; font-size: 1.2em; color: var(--lv-ink-muted); }
.lv-surface details.lv-disclosure[open] > summary::after { content: "\2212"; }
.lv-surface details.lv-disclosure:not([open]) > .lv-disclosure-body { display: none; }
.lv-surface details.lv-disclosure > .lv-disclosure-body { padding-block: var(--lv-sp-tight) var(--lv-sp-hug); }
.lv-surface .lv-carousel { display: flex; gap: var(--lv-sp-beat); overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: var(--lv-sp-hug); }
.lv-surface .lv-carousel > * { flex: 0 0 min(100%, 26rem); scroll-snap-align: start; }
.lv-surface .lv-carousel-item-label { color: var(--lv-ink); font-weight: 650; margin-block-end: var(--lv-sp-hug); }
.lv-surface .lv-tabs .lv-tab-panel-label { color: var(--lv-ink); font-weight: 650; margin-block-end: var(--lv-sp-hug); }
.lv-surface .lv-tabs.lv-tabs-enhanced > [data-lv-tab-panel] { padding-block-start: var(--lv-sp-tight); }
.lv-surface .lv-tablist { display: flex; flex-wrap: wrap; gap: 0.25rem; border-block-end: 1px solid var(--lv-border); }
.lv-surface .lv-tab { font: inherit; font-weight: 600; font-size: var(--lv-type-detail); color: var(--lv-ink-muted); background: none; border: 0; border-block-end: 2px solid transparent; min-block-size: 2.75rem; min-inline-size: 2.75rem; padding: 0.5em 0.9em; cursor: pointer; margin-block-end: -1px; }
.lv-surface .lv-tab[aria-selected="true"] { color: var(--lv-ink); border-block-end-color: var(--lv-accent); }
.lv-surface details.lv-dialog > summary { list-style: none; display: inline-flex; }
.lv-surface details.lv-dialog > summary::-webkit-details-marker { display: none; }
.lv-surface details.lv-dialog:not([open]) > .lv-dialog-panel { display: none; }
.lv-surface details.lv-dialog > .lv-dialog-panel > .lv-dialog-card { padding-block: var(--lv-sp-tight); max-inline-size: 40rem; }
.lv-surface.lv-js details.lv-dialog[open] > .lv-dialog-panel { position: fixed; inset: 0; z-index: 40; display: grid; place-items: center; background: color-mix(in oklab, #000 55%, transparent); padding: var(--lv-sp-beat); overscroll-behavior: contain; }
.lv-surface.lv-js details.lv-dialog[open] > .lv-dialog-panel > .lv-dialog-card { background: var(--lv-ground); color: var(--lv-text); border-radius: var(--lv-radius); padding: var(--lv-sp-beat); max-inline-size: 34rem; max-block-size: 80dvh; overflow: auto; box-shadow: 0 24px 64px color-mix(in oklab, #000 35%, transparent); }
.lv-surface .lv-dialog-title { font-size: var(--lv-type-title); font-weight: 650; margin-block-end: var(--lv-sp-tight); }
.lv-surface .lv-gallery { display: grid; gap: var(--lv-sp-beat); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.lv-surface .lv-flip { display: grid; gap: var(--lv-sp-hug); justify-items: start; perspective: 1000px; }
.lv-surface .lv-flip-stage { display: grid; inline-size: 100%; transform-style: preserve-3d; transition: transform 0.55s cubic-bezier(0.2, 0.8, 0.2, 1); }
.lv-surface .lv-flip-face { grid-area: 1 / 1; backface-visibility: hidden; transition: visibility 0s linear 0.275s; }
.lv-surface .lv-flip-back { transform: rotateY(180deg); }
html[data-livealy-runtime="scene-v10-standard"][data-livealy-js="1"] .lv-surface .lv-flip:not([data-lv-flipped="true"]) .lv-flip-back, html:not([data-livealy-runtime="scene-v10-standard"]) .lv-surface.lv-js .lv-flip:not([data-lv-flipped="true"]) .lv-flip-back { visibility: hidden; }
html[data-livealy-runtime="scene-v10-standard"][data-livealy-js="1"] .lv-surface .lv-flip[data-lv-flipped="true"] .lv-flip-front, html:not([data-livealy-runtime="scene-v10-standard"]) .lv-surface.lv-js .lv-flip[data-lv-flipped="true"] .lv-flip-front { visibility: hidden; }
html[data-livealy-runtime="scene-v10-standard"][data-livealy-js="1"] .lv-surface .lv-flip[data-lv-flipped="true"] > .lv-flip-stage, html:not([data-livealy-runtime="scene-v10-standard"]) .lv-surface.lv-js .lv-flip[data-lv-flipped="true"] > .lv-flip-stage { transform: rotateY(180deg); }
html[data-livealy-runtime="scene-v10-standard"]:not([data-livealy-js="1"]) .lv-surface .lv-flip-stage, html:not([data-livealy-runtime="scene-v10-standard"]) .lv-surface:not(.lv-js) .lv-flip-stage { transform-style: flat; }
html[data-livealy-runtime="scene-v10-standard"]:not([data-livealy-js="1"]) .lv-surface .lv-flip-face, html:not([data-livealy-runtime="scene-v10-standard"]) .lv-surface:not(.lv-js) .lv-flip-face { grid-area: auto; backface-visibility: visible; transform: none; }
html[data-livealy-runtime="scene-v10-standard"]:not([data-livealy-js="1"]) .lv-surface .lv-flip-turn, html:not([data-livealy-runtime="scene-v10-standard"]) .lv-surface:not(.lv-js) .lv-flip-turn { display: none; }
.lv-surface .lv-flip-turn { justify-self: start; }
.lv-surface .lv-flip-turn:focus-visible { outline: 2px solid var(--lv-focus); outline-offset: 4px; }
.lv-surface .lv-instrument { display: grid; gap: 0.35em; font-size: var(--lv-type-detail); color: var(--lv-ink-muted); }
.lv-surface .lv-figure > audio[data-lv-external-bound] { display: none; }
.lv-surface .lv-figure:has(> audio[data-lv-external-bound]):not(:has(figcaption)) { display: none; }
.lv-surface .lv-media-control [data-lv-media-label]:not([hidden]) { display: contents; }
.lv-surface .lv-instrument-label { display: block; }
.lv-surface .lv-instrument-value { color: var(--lv-ink); font-variant-numeric: tabular-nums; }
.lv-surface .lv-instrument-slider { grid-template-columns: 1fr auto; column-gap: 1em; }
.lv-surface :where(.lv-instrument-slider) > .lv-instrument-label { grid-column: 1; }
.lv-surface :where(.lv-instrument-slider) > .lv-instrument-value { grid-column: 2; }
.lv-surface :where(.lv-instrument) input[type="range"] { grid-column: 1 / -1; inline-size: 100%; min-inline-size: 0; min-block-size: 44px; margin: 0; accent-color: var(--lv-accent); cursor: pointer; }
.lv-surface :where(.lv-instrument) input[data-lv-range-parts] { appearance: none; -webkit-appearance: none; background: transparent; }
.lv-surface :where(.lv-instrument) input[data-lv-range-parts]::-webkit-slider-runnable-track { block-size: 2px; border: none; border-radius: 0; background: var(--lv-line); }
.lv-surface :where(.lv-instrument) input[data-lv-range-parts]::-moz-range-track { block-size: 2px; border: none; border-radius: 0; background: var(--lv-line); }
.lv-surface :where(.lv-instrument) input[data-lv-range-parts]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; inline-size: 16px; block-size: 16px; margin-block-start: -7px; border: none; border-radius: 50%; background: var(--lv-accent); }
.lv-surface :where(.lv-instrument) input[data-lv-range-parts]::-moz-range-thumb { inline-size: 16px; block-size: 16px; border: none; border-radius: 50%; background: var(--lv-accent); }
.lv-surface :where(.lv-instrument) .lv-switch { display: inline-flex; align-items: center; gap: 0.6em; min-block-size: 44px; min-inline-size: 44px; background: none; border: 0; font: inherit; color: var(--lv-ink); cursor: pointer; }
.lv-surface :where(.lv-instrument) .lv-switch-track { display: block; flex: none; inline-size: 2.75em; block-size: 1.5em; border-radius: 999px; background: color-mix(in oklab, var(--lv-ink) 25%, transparent); position: relative; transition: background 0.3s; }
.lv-surface :where(.lv-instrument) .lv-switch-thumb { display: block; position: absolute; inset-block-start: 0.15em; inset-inline-start: 0.15em; inline-size: 1.2em; block-size: 1.2em; border-radius: 50%; background: var(--lv-ground); transition: translate 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }
.lv-surface :where(.lv-instrument .lv-switch[aria-checked="true"]) .lv-switch-track { background: var(--lv-accent); }
.lv-surface :where(.lv-instrument .lv-switch[aria-checked="true"]) .lv-switch-thumb { translate: 1.25em 0; }
.lv-surface :where(.lv-instrument-segmented) > .lv-instrument-value { display: none; }
.lv-surface :where(.lv-instrument) .lv-segments { display: inline-flex; gap: 0.25em; padding: 0.25em; border-radius: 0.75em; background: color-mix(in oklab, var(--lv-ink) 8%, transparent); }
.lv-surface :where(.lv-instrument) .lv-segment { display: inline-flex; align-items: center; justify-content: center; min-block-size: 44px; min-inline-size: 44px; padding: 0.5em 1em; border: 0; border-radius: 0.55em; background: transparent; color: var(--lv-ink); --lv-focus: var(--lv-ink); font: inherit; font-weight: 600; cursor: pointer; }
.lv-surface :where(.lv-instrument) .lv-segment:where([aria-pressed="true"]) { background: var(--lv-accent); color: var(--lv-on-accent); --lv-focus: currentColor; --lv-focus-contained: 1; outline-offset: -4px; box-shadow: 0 2px 6px color-mix(in oklab, #000 12%, transparent); }
.lv-surface .lv-option-visual { display: inline-block; }
.lv-surface :where(.lv-instrument) .lv-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; min-block-size: 44px; min-inline-size: 44px; padding: 0.55em 1.15em; border: 1px solid var(--lv-ink); border-radius: var(--lv-radius); background: transparent; color: var(--lv-ink); font: inherit; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .lv-surface *, .lv-surface *::before, .lv-surface *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }