@layer tokens,base,patterns,components,components.plate,components.lightbox,components.player,site;@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-cyrillic-ext-400-normal.BHxv52bw.woff2) format("woff2"),url(/_astro/roboto-mono-cyrillic-ext-400-normal.W26xs1TL.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-cyrillic-400-normal.C-_K-ZCn.woff2) format("woff2"),url(/_astro/roboto-mono-cyrillic-400-normal.B3hIXASd.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-greek-400-normal.CH_u3Aru.woff2) format("woff2"),url(/_astro/roboto-mono-greek-400-normal.P8xe1gs1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-vietnamese-400-normal.yYTFiTTs.woff2) format("woff2"),url(/_astro/roboto-mono-vietnamese-400-normal.CzWHQABp.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-latin-ext-400-normal.DLAV9S_w.woff2) format("woff2"),url(/_astro/roboto-mono-latin-ext-400-normal.BwLXVYNz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/roboto-mono-latin-400-normal.GekRknry.woff2) format("woff2"),url(/_astro/roboto-mono-latin-400-normal.DBZPkcnn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/roboto-mono-cyrillic-ext-700-normal.QbUcNKL2.woff2) format("woff2"),url(/_astro/roboto-mono-cyrillic-ext-700-normal.BwPMcjzm.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/roboto-mono-cyrillic-700-normal.W223d9Po.woff2) format("woff2"),url(/_astro/roboto-mono-cyrillic-700-normal.DeAhOgsV.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/roboto-mono-greek-700-normal.yjQVQa5h.woff2) format("woff2"),url(/_astro/roboto-mono-greek-700-normal.BzcFAND_.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/roboto-mono-vietnamese-700-normal.BaE27ikz.woff2) format("woff2"),url(/_astro/roboto-mono-vietnamese-700-normal.CPkDCjLi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/roboto-mono-latin-ext-700-normal.B3oRrrRC.woff2) format("woff2"),url(/_astro/roboto-mono-latin-ext-700-normal.Bq2Pp7ui.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/roboto-mono-latin-700-normal.foxDnrFi.woff2) format("woff2"),url(/_astro/roboto-mono-latin-700-normal.CHYrj1DZ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{--white: #ffffff;--gray-075: #ececec;--gray-100: #efefef;--gray-200: #d9d9d9;--gray-300: #cccccc;--gray-600: #555555;--gray-700: #404040;--black-a10: rgba(0, 0, 0, .1);--graphite-a55: rgba(48, 48, 48, .55);--ink-900: #1b140c;--ink-800: #3b2e1e;--parchment: #e8d9c3;--white-a10: rgba(255, 255, 255, .1);--black-a60: rgba(0, 0, 0, .6);--black-900: #111111;--black-850: #1a1a1a;--gray-800: #2a2a2a;--gray-750: #3a3a3a;--gray-400: #9a9a9a;--brand-1-500: #ffaa3c;--brand-1-600: #d1820f;--brand-1-700: #a36300;--brand-2-300: #8ee6f2;--brand-2-500: #3cc7dd;--brand-2-700: #1a7f90;--brand-1-300: #ffd18a;--brand-1-vivid: #e07c14;--red-800: #7a1f16;--red-300: #ff8a7a;--violet-600: #7a5aa0;--violet-300: #b39ad6;--umber-500: #8e7e67;--stroke-2: 2px;--stroke-3: 3px;--frame-pad: 25px;--column-gap: 30px;--shell-max: 1380px;--shell-pad: 15px;--header-clear: 65px;--dock-bottom: 0px;--shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);--transition: all .1s ease;--z-skip-link: 10;--z-scroll-top: 17;--z-panel: 18;--z-popout: 19;--z-tooltip: 20;--z-search-flyout: 99;--font-size-xs: clamp(.7rem, .17vw + .76rem, .79rem);--font-size-sm: clamp(.8rem, .17vw + .76rem, .89rem);--font-size-base: clamp(1rem, .34vw + .91rem, 1.19rem);--font-size-md: clamp(1.25rem, .61vw + 1.1rem, 1.58rem);--font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);--font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);--font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);--font-body: "Roboto Mono", ui-monospace, monospace}}@layer tokens{:root{--surface: var(--white);--ink: var(--gray-700);--rule: var(--gray-700);--on-ink: var(--white);--ink-muted: var(--gray-600);--band: var(--gray-100);--hairline: var(--gray-200);--divider-faint: var(--black-a10);--well: var(--white);--accent-1: var(--brand-1-500);--accent-1-ink: var(--brand-1-700);--accent-2: var(--brand-2-500);--accent-2-ink: var(--brand-2-700);--on-accent-1: var(--ink-900);--on-accent-2: var(--ink-900);--error-ink: var(--red-800);--code-bg: var(--ink-900);--code-fg: var(--parchment);--code-line: var(--ink-800);--code-token-keyword: var(--brand-1-500);--code-token-function: var(--brand-1-300);--code-token-string: var(--brand-1-vivid);--code-token-comment: var(--umber-500);--veil: var(--graphite-a55);--mat-line: var(--gray-075);--track-x: var(--brand-1-600);--track-y: var(--brand-2-700);--track-z: var(--violet-600);--panel-bg: var(--brand-1-500);--panel-ink: var(--ink-900);--panel-rule: var(--ink-900);--panel-error: var(--red-800);--panel-ring: var(--ink-900);--focus-ring: var(--brand-1-700);--stroke: var(--stroke-2)}}@layer tokens{:root[data-theme=dark]{color-scheme:dark;--surface: var(--black-900);--ink: var(--parchment);--rule: var(--parchment);--on-ink: var(--black-900);--ink-muted: var(--gray-400);--band: var(--black-850);--hairline: var(--gray-800);--divider-faint: var(--white-a10);--well: var(--black-850);--accent-1: var(--brand-1-500);--accent-1-ink: var(--brand-1-500);--accent-2: var(--brand-2-500);--accent-2-ink: var(--brand-2-300);--on-accent-1: var(--black-900);--on-accent-2: var(--black-900);--error-ink: var(--red-300);--code-bg: var(--ink-900);--code-fg: var(--parchment);--code-line: var(--ink-800);--code-token-keyword: var(--brand-1-500);--code-token-function: var(--brand-1-300);--code-token-string: var(--brand-1-vivid);--code-token-comment: var(--umber-500);--veil: var(--black-a60);--mat-line: var(--gray-800);--focus-ring: var(--brand-2-500);--track-x: var(--brand-1-500);--track-y: var(--brand-2-300);--track-z: var(--violet-300);--panel-bg: var(--black-850);--panel-ink: var(--parchment);--panel-rule: var(--brand-1-500);--panel-error: var(--red-300);--panel-ring: var(--brand-1-500)}}@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-size:1rem;line-height:1.5;font-family:var(--font-body);min-width:360px}a{color:var(--ink)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--surface);border:var(--stroke) solid var(--rule);padding:8px 14px;z-index:var(--z-skip-link)}.skip-link:focus{left:10px}.screen-reader-text{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}}@layer base{.site{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.primary-site-content{flex:1 0 auto}.shell{max-width:var(--shell-max);margin-inline:auto;padding-inline:var(--shell-pad)}.two-column{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--column-gap)}.site-main{flex:1;min-width:0}.site-content{margin-top:var(--header-clear)}.sidebar{width:calc(30% - var(--column-gap) / 2);flex-shrink:0}@media(max-width:991px){.sidebar{width:100%;position:static}}}@layer base{.link-tip{position:fixed;background:var(--surface);border:var(--stroke) solid;color:var(--ink);padding:5px;font-size:.85rem;line-height:1.3;max-width:calc(100vw - 40px);width:max-content;overflow-wrap:anywhere;box-sizing:border-box;pointer-events:none;opacity:0;transition:var(--transition);transition-property:opacity;z-index:var(--z-tooltip)}.link-tip.is-open{opacity:1}@media(hover:none){.link-tip{display:none}}}@layer base{a.scroll-top{position:fixed;bottom:53px;right:30px;height:40px;width:40px;opacity:0;visibility:hidden;z-index:var(--z-scroll-top);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);background-color:var(--surface);border:1px solid var(--rule);transition:var(--transition)}a.scroll-top:hover{outline:var(--stroke) solid var(--rule)}a.scroll-top:hover,a.scroll-top:focus-visible{transform:translateY(-10px)}a.scroll-top.show{opacity:1;visibility:visible}@media(max-width:768px){a.scroll-top{display:none}}}@layer patterns{.bracket-frame{position:relative;border:var(--stroke) solid var(--rule);border-width:var(--stroke) 0;padding:var(--frame-pad)}.bracket-frame:before,.bracket-frame:after{content:"";position:absolute;top:0;width:var(--stroke);height:100%;background:linear-gradient(to bottom,var(--rule) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 65%,var(--rule) 100%)}.bracket-frame:before{left:0}.bracket-frame:after{right:0}.boxed-label{margin:0;color:var(--ink);border:var(--stroke) solid var(--rule);background-color:var(--surface)}.icon-box{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--ink);border:var(--stroke) solid var(--rule);background-color:var(--surface);text-decoration:none;padding:0;font:inherit;cursor:pointer;transition:var(--transition)}.icon-box:hover{outline:2px solid currentColor}.press-box{color:var(--ink);background-color:var(--surface);border:var(--stroke) solid var(--rule);text-decoration:none;font:inherit;cursor:pointer}.press-box:active{color:var(--on-ink);background-color:var(--ink)}.press-box-accent{--press-accent: var(--accent-2);--press-accent-ink: var(--accent-2-ink);--press-on-accent: var(--on-accent-2);color:var(--press-accent-ink);background-color:color-mix(in srgb,var(--press-accent) 6%,var(--surface));border-color:var(--press-accent)}.press-box-accent:hover{background-color:color-mix(in srgb,var(--press-accent) 14%,var(--surface))}.press-box-accent:active{color:var(--press-on-accent);background-color:var(--press-accent)}.press-box-accent-1{--press-accent: var(--accent-1);--press-accent-ink: var(--accent-1-ink);--press-on-accent: var(--on-accent-1)}.press-box-accent-2{--press-accent: var(--accent-2);--press-accent-ink: var(--accent-2-ink);--press-on-accent: var(--on-accent-2)}.press-box-shaded{background-color:color-mix(in srgb,var(--ink) 20%,var(--surface))}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.button-row-center{justify-content:center}.tint-overlay{position:relative}.tint-overlay:before{content:"";position:absolute;inset:0;background-color:var(--tint-color, var(--ink));opacity:var(--tint-opacity, .1)}.back-link{margin-top:20px;font-size:var(--font-size-sm)}.back-link a{color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;color:var(--on-ink);background-color:var(--ink);font-size:var(--font-size-xs);font-weight:700;line-height:1}.draft-stamp{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--accent-1);font-weight:700;letter-spacing:.2em;text-shadow:0 2px 10px rgb(0 0 0 / 65%)}.rule-box{border:var(--stroke) solid var(--rule);padding:var(--frame-pad)}.caption{font-size:var(--font-size-xs);opacity:.75}.micro-label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em}.field-join{display:flex;flex-wrap:wrap;border:var(--stroke) solid var(--field-ink, var(--rule));background:var(--field-well, var(--well))}.field-join-input{flex:1;min-width:0;border:0;border-radius:0;padding:10px 12px;background:transparent;color:var(--field-text, var(--field-ink, var(--ink)));font-family:var(--font-body);font-size:var(--font-size-sm)}.field-join label{display:flex;flex:1;min-width:0}.field-join-input:focus-visible{outline:2px solid var(--field-ring, var(--field-ink, var(--rule)));outline-offset:-2px}:root[data-focus=keyboard] .field-join-input:focus-visible{outline-color:var(--focus-ring)}.field-join-input::-webkit-search-cancel-button{appearance:none;width:14px;height:14px;margin-left:8px;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center / contain no-repeat;cursor:pointer}.field-join-button{border-width:0 0 0 var(--stroke);border-color:var(--field-ink, var(--rule));border-radius:0;padding:10px 18px;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;position:relative;z-index:1}.field-join-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-4px}.plate-frame{position:relative;padding:26px 30px;max-width:100%;box-sizing:border-box;background-image:linear-gradient(var(--accent-1),var(--accent-1)),linear-gradient(var(--accent-1),var(--accent-1)),linear-gradient(var(--accent-1),var(--accent-1)),linear-gradient(var(--accent-1),var(--accent-1)),linear-gradient(var(--accent-1),var(--accent-1)),linear-gradient(var(--accent-1),var(--accent-1)),linear-gradient(var(--accent-1),var(--accent-1)),linear-gradient(var(--accent-1),var(--accent-1));background-repeat:no-repeat;background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;background-size:22px var(--stroke),var(--stroke) 22px,22px var(--stroke),var(--stroke) 22px,22px var(--stroke),var(--stroke) 22px,22px var(--stroke),var(--stroke) 22px}.plate-frame-plate{position:relative;background:var(--surface);box-shadow:var(--shadow);max-width:100%;box-sizing:border-box}.plate-frame-corner{position:absolute;top:-17px;right:-17px;z-index:1}.plate-frame.is-popped .plate-frame-corner{display:none}@media(max-width:768px){.plate-frame{padding:16px 9px;background-image:none}.plate-frame-corner{right:16px}}}@layer components{.prose pre.astro-code{border:var(--stroke) solid var(--rule);padding:12px 14px;margin:20px 0;overflow-x:auto;font-size:var(--font-size-sm);line-height:1.7}.prose :not(pre)>code{background:var(--band);border:1px solid var(--hairline);padding:1px 5px;font-size:.9em}.code-island-bar{display:flex;justify-content:space-between;align-items:center;border:var(--stroke) solid var(--rule);border-bottom:1px solid var(--code-line);background:var(--code-bg);color:var(--accent-1);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;margin:20px 0 0}.code-island-bar+pre.astro-code{margin-top:0;border-top:0}.code-copy{border:1px solid currentColor;background:none;color:inherit;font-family:var(--font-body);font-size:inherit;letter-spacing:inherit;text-transform:inherit;padding:2px 8px;cursor:pointer}.code-copy:hover{outline:1px solid currentColor}}@layer components.plate{.pm-dialog{width:100%;height:100%;max-width:100%;max-height:100%;border:0;padding:0;margin:0;background:transparent;overflow:auto;overscroll-behavior:contain}.pm-dialog[open]{display:flex;justify-content:center}.pm-dialog::backdrop{background:var(--veil);backdrop-filter:blur(7px)}html.pm-open,html.pm-open body{overflow:hidden}html.pm-open{scrollbar-gutter:stable}.pm-zone{position:relative;margin:auto;padding:26px 30px;max-width:100%;box-sizing:border-box}.pm-corner{position:absolute;width:22px;height:22px;border:0 solid var(--accent-1)}.pm-c-tl{top:0;left:0;border-top-width:var(--stroke);border-left-width:var(--stroke)}.pm-c-tr{top:0;right:0;border-top-width:var(--stroke);border-right-width:var(--stroke)}.pm-c-bl{bottom:0;left:0;border-bottom-width:var(--stroke);border-left-width:var(--stroke)}.pm-c-br{bottom:0;right:0;border-bottom-width:var(--stroke);border-right-width:var(--stroke)}.pm-plate{background:var(--surface);box-shadow:var(--shadow);line-height:1.5;max-width:100%;box-sizing:border-box}.pm-label{position:absolute;padding:2px 8px;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-label-tl{top:-12px;left:25px;max-width:calc(100% - 95px)}.pm-label-bl,.pm-label-br{max-width:calc(50% - 33px)}.pm-label-bl{bottom:-12px;left:25px}.pm-label-br{bottom:-12px;right:25px}.pm-close{position:absolute;top:-17px;right:-17px;z-index:1}@media(max-width:768px){.pm-zone{padding:16px 9px}.pm-corner{display:none}.pm-close{right:16px}}}@layer components.player{@media(min-width:769px){.pp-plate{width:min(88vw,1100px)}}.pp-viewbox{position:relative;width:min(72vw,55vh,640px);margin-inline:auto;aspect-ratio:1;border:var(--stroke) solid var(--rule);background-image:linear-gradient(to right,var(--mat-line) 1px,transparent 1px),linear-gradient(to bottom,var(--mat-line) 1px,transparent 1px);background-size:12px 12px;background-position:center center}.pp-viewbox canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.pp-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pp-transport{position:absolute;bottom:-17px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1}.pp-play,.pp-restart{font-size:var(--font-size-md)}.pp-restart svg{width:.85em;height:.85em}.pp-play:disabled,.pp-restart:disabled{opacity:.4;cursor:default}.pp-timeline{position:relative;margin-top:24px}.pp-tracks{width:100%;display:block}.pp-caption{font-size:var(--font-size-xs);line-height:1.6;text-align:center;color:var(--ink);margin:14px 0 0;width:0;min-width:100%}.pp-caption-toggle{display:none}@media(max-width:768px){.pp-viewbox{width:min(86vw,100%,45vh)}.pp-plate{display:flex;flex-direction:column}.pp-transport{position:static;transform:none;justify-content:center;margin-top:12px;order:1}.pp-plate .pp-readout{position:static;order:2;margin:8px auto 0;max-width:none}.pp-plate .pp-source{left:50%;translate:-50% 0;max-width:calc(100% - 50px)}.pp-caption-toggle{display:block;margin:14px auto 0;padding:2px 10px}.pp-caption-toggle[aria-expanded=true]{background-color:var(--ink);color:var(--on-ink)}}}@layer components.lightbox{.lightbox-link{display:block;position:relative;line-height:0;cursor:zoom-in}.lb-main{display:flex;align-items:center;gap:16px}.lb-arrow{font-size:var(--font-size-md)}.lb-bar,.lb-foot{display:contents}.lb-viewbox{position:relative;overflow:hidden;border:var(--stroke) solid var(--rule);width:min(70vw,990px);height:min(66vh,740px);background-image:linear-gradient(to right,var(--mat-line) 1px,transparent 1px),linear-gradient(to bottom,var(--mat-line) 1px,transparent 1px);background-size:12px 12px;background-position:center center;touch-action:none}.lb-img{position:absolute;left:50%;top:50%;max-width:none;border:0;cursor:grab}.lb-caption{font-size:var(--font-size-xs);text-align:center;color:var(--ink);margin:12px 0 14px;width:0;min-width:100%}.lb-home{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font:inherit;padding:2px 10px;cursor:pointer;z-index:1}.lb-thumbs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:8px;justify-content:safe center;margin-top:12px;padding:4px}.lb-thumb{flex:0 0 auto;width:44px;height:44px;padding:0;border:var(--stroke) solid var(--on-ink);background:none;cursor:pointer;opacity:.65}.lb-thumb img{width:100%;height:100%;object-fit:cover;display:block;border:0}.lb-thumb.active{opacity:1;outline:2px solid var(--accent-1);outline-offset:2px}.lb-dialog [hidden]{display:none}@media(max-width:768px){.lb-arrow{display:none}.lb-zone,.lb-plate{width:100%}.lb-viewbox{width:min(86vw,100%);height:52vh;margin-inline:auto}.lb-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lb-dialog .lb-counter{position:static;border:0;padding:0;max-width:none}.lb-foot{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--hairline);padding-top:6px;font-size:var(--font-size-xs);letter-spacing:.1em}.lb-dialog .lb-dims,.lb-dialog .lb-readout{position:static;border:0;padding:0;font-weight:400;max-width:none}}}@layer components{.popout-trigger{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:var(--font-size-xs);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.popout-trigger.is-open{text-decoration-style:solid}.popout{box-sizing:border-box;padding:0;margin:0;border:var(--stroke) solid var(--rule);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);overflow:visible}.popout::backdrop{background:var(--veil);backdrop-filter:blur(7px)}.popout-body{padding:20px 14px 12px;font-size:var(--font-size-sm);line-height:1.5}.popout-label{position:absolute;top:-12px;left:12px;box-sizing:border-box;max-width:calc(100% - 42px);padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popout-close{position:absolute;top:-17px;right:-17px}.popout.is-anchored{position:fixed;inset:auto;width:max-content;min-width:min(14rem,calc(100vw - 60px));max-width:min(22rem,calc(100vw - 60px));z-index:var(--z-popout)}.popout.is-sheet{inset:auto 0 0;width:100%;max-width:100%;max-height:none;border-width:var(--stroke) 0 0;animation:popout-rise .15s ease-out}.popout.is-sheet .popout-body{max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;padding:24px 16px 28px}.popout.is-sheet .popout-label{left:16px;max-width:calc(100% - 76px)}.popout.is-sheet .popout-close{right:14px}@keyframes popout-rise{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.popout.is-sheet{animation:none}}html.popout-open,html.popout-open body{overflow:hidden}html.popout-open{scrollbar-gutter:stable}}@layer components{.prose{margin-top:0}.prose p{margin:0 0 1.5em}.prose h2{font-size:var(--font-size-md);margin:1.6em 0 .6em}.prose h3{font-size:var(--font-size-base);margin:1.4em 0 .5em}.prose h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;margin:1.4em 0 .5em}.prose ul,.prose ol{margin:0 0 15px 15px;padding-left:1.2em;list-style-position:outside}.prose ul{list-style-type:disc}.prose ul ul{list-style-type:circle}.prose ul ul ul{list-style-type:square}.prose ol{list-style-type:decimal}.prose ol ol{list-style-type:lower-alpha}.prose ol ol ol{list-style-type:lower-roman}.prose li{padding:5px 0}.prose li>ul,.prose li>ol{margin:4px 0 0 15px}.prose blockquote{background:var(--band);border:1px solid var(--hairline);padding:12px 16px;margin:20px 0}.prose blockquote>:last-child{margin-bottom:0}.prose blockquote>:has(+.quote-attribution){margin-bottom:.5em}.prose hr{border:0;border-top:var(--stroke) solid var(--rule);margin:30px 0}.prose .table-scroll{overflow-x:auto;margin:20px 0}.prose table{border-collapse:collapse;width:100%;border:var(--stroke) solid var(--rule);font-size:var(--font-size-sm)}.prose thead tr{background:var(--band);border-bottom:3px solid var(--rule)}.prose th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;padding:7px 12px}.prose td{padding:7px 12px}.prose tbody tr:not(:last-child){border-bottom:1px solid var(--hairline)}.prose img{max-width:100%;height:auto;border:var(--stroke) solid var(--rule)}}@layer site{.static-page h1{font-size:var(--font-size-lg);margin:0 0 15px}.site-layout{display:grid;grid-template-columns:max-content 1fr;align-items:start;gap:var(--column-gap)}.site-layout>*{min-width:0}.site-rail{position:sticky;top:2rem;align-self:start;display:flex;flex-direction:column;gap:28px;z-index:var(--z-panel)}.site-rail-sections{display:none}.palette td:nth-child(-n+3){white-space:nowrap}.type-scale{list-style:none;padding:0}.type-scale li{margin:0 0 .25em}.type-scale-xs{font-size:var(--font-size-xs)}.type-scale-sm{font-size:var(--font-size-sm)}.type-scale-base{font-size:var(--font-size-base)}.type-scale-md{font-size:var(--font-size-md)}.type-scale-lg{font-size:var(--font-size-lg)}.type-scale-xl{font-size:var(--font-size-xl)}.type-scale-xxl{font-size:var(--font-size-xxl)}.demo-pattern-table td:nth-child(2),.demo-pattern-table th:nth-child(2){white-space:nowrap;min-width:11em}.site-knob{position:relative;z-index:1}.site-knob>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;padding:8px 14px;color:var(--accent-1-ink);background:color-mix(in srgb,var(--accent-1) 6%,var(--surface));border:var(--stroke) solid var(--accent-1);box-shadow:var(--shadow);font-size:var(--font-size-sm);white-space:nowrap}.site-knob>summary::-webkit-details-marker{display:none}.site-knob>summary:hover{background:color-mix(in srgb,var(--accent-1) 14%,var(--surface))}.site-toolbar-swatch{width:12px;height:12px;border:1px solid var(--rule)}.site-toolbar-swatch-1{background:var(--brand-1-500)}.site-toolbar-swatch-2{background:var(--brand-2-500)}.site-toolbar-body{position:absolute;left:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 2rem);background:var(--surface);color:var(--ink);border:var(--stroke) solid var(--rule);box-shadow:var(--shadow);font-size:var(--font-size-sm)}.site-toolbar-scroll{max-height:calc(100vh - 12rem);overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.site-toolbar-scroll>.site-toolbar-caption:first-child{margin-top:0}.site-toolbar-close{position:absolute;top:-14px;right:-14px}.site-toolbar-field{display:flex;align-items:center;gap:10px}.site-toolbar-caption{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--ink-muted)}.site-toolbar-presets{display:flex;flex-wrap:wrap;gap:6px}.site-toolbar-rowend{margin-left:auto}.site-toolbar-presets button,.site-toolbar-flip,.site-toolbar-actions button{color:var(--ink);background:var(--surface);border:var(--stroke) solid var(--rule);padding:4px 8px;font-size:var(--font-size-sm);cursor:pointer}.site-toolbar-presets button[aria-pressed=true]{color:var(--accent-1-ink);background:color-mix(in srgb,var(--accent-1) 6%,var(--surface));border-color:var(--accent-1)}.site-toolbar-readouts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm);color:var(--ink-muted)}.site-toolbar-warn{color:var(--error-ink)}.site-toolbar-readouts .site-toolbar-indent{padding-left:14px}.site-toolbar-readouts code{background:var(--band);border:1px solid var(--hairline);padding:1px 5px;font-size:.9em;white-space:nowrap}.site-toolbar-more summary{cursor:pointer;list-style:none;font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:3px}.site-toolbar-more summary::-webkit-details-marker{display:none}.site-toolbar-more[open] summary{margin-bottom:6px}.site-toolbar-css{margin:0;padding:8px 10px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code-bg);color:var(--code-fg);border:var(--stroke) solid var(--code-line);line-height:1.7}.site-toolbar-actions{display:flex;gap:8px;padding:10px 14px;border-top:var(--stroke) solid var(--rule)}@media(max-width:1024px){.site-layout{display:block}:root{--site-rail-inset: 1rem;--dock-bottom: calc(var(--site-rail-inset) + 40px + 1rem)}.site-rail{position:fixed;top:auto;bottom:var(--site-rail-inset);left:var(--site-rail-inset);flex-direction:row;gap:8px}.site-rail-toc{display:none}.site-rail-sections{display:block}.site-knob{position:static}.site-knob>summary{width:fit-content}.site-toolbar-body{top:auto;bottom:calc(100% + 8px)}.site-toolbar-close{top:auto;bottom:-14px}}}.demo-plate-frame{margin:0 0 2em}.demo-plate-frame img{display:block;width:100%;height:auto}.demo-meter-stack{display:grid;gap:16px;margin:0 0 2em}.theme-toggle[data-astro-cid-h5ntuyyv]{font-size:16px}.theme-toggle[data-astro-cid-h5ntuyyv] span[data-astro-cid-h5ntuyyv]{display:block;line-height:0}.theme-toggle-moon[data-astro-cid-h5ntuyyv] path{fill:var(--accent-2)}.theme-toggle-sun[data-astro-cid-h5ntuyyv] circle{fill:var(--accent-1)}.theme-toggle[data-astro-cid-h5ntuyyv] .theme-toggle-moon[data-astro-cid-h5ntuyyv]{display:none}:root[data-theme=dark] .theme-toggle[data-astro-cid-h5ntuyyv] .theme-toggle-moon[data-astro-cid-h5ntuyyv]{display:block}:root[data-theme=dark] .theme-toggle[data-astro-cid-h5ntuyyv] .theme-toggle-sun[data-astro-cid-h5ntuyyv]{display:none}.theme-toggle-phone[data-astro-cid-h5ntuyyv]{display:none}@media(max-width:768px){.theme-toggle-phone[data-astro-cid-h5ntuyyv]{display:flex}}.site-header[data-astro-cid-uqtfdjnb]{margin-block:30px 10px}.site-header-wrapper[data-astro-cid-uqtfdjnb]{z-index:1}.masthead-top[data-astro-cid-uqtfdjnb]{display:flex;align-items:center;justify-content:space-between;margin-top:-42px}.masthead-top[data-astro-cid-uqtfdjnb] .date[data-astro-cid-uqtfdjnb]{padding:4px 10px;display:grid;place-items:center;font-size:var(--font-size-sm)}.header-tools[data-astro-cid-uqtfdjnb],.header-end[data-astro-cid-uqtfdjnb]{display:flex;align-items:center;gap:10px}ul[data-astro-cid-uqtfdjnb].social-links{margin:0;padding:0;list-style:none;display:flex;gap:10px}.masthead-brand[data-astro-cid-uqtfdjnb]{display:flex;align-items:center;justify-content:center;padding-block:20px}.site-branding[data-astro-cid-uqtfdjnb]{padding-block:10px;text-align:center;width:100%}.site-title[data-astro-cid-uqtfdjnb]{font-size:var(--font-size-xl);line-height:1.1;font-weight:700;margin:0}.site-title[data-astro-cid-uqtfdjnb] a[data-astro-cid-uqtfdjnb]{text-decoration:none;color:var(--ink)}.site-description[data-astro-cid-uqtfdjnb]{display:inline-block;margin:14px 0 8px;padding:6px 14px;border:var(--stroke) solid var(--accent-1);color:var(--accent-1-ink);background-color:color-mix(in srgb,var(--accent-1) 6%,var(--surface))}.masthead-nav[data-astro-cid-uqtfdjnb]{position:relative;margin-bottom:-47px}.header-nav-search[data-astro-cid-uqtfdjnb]{width:100%;display:flex;gap:20px;align-items:center;justify-content:space-between}.main-navigation[data-astro-cid-uqtfdjnb] .menu[data-astro-cid-uqtfdjnb]{list-style:none;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap;font-size:var(--font-size-sm)}.main-navigation[data-astro-cid-uqtfdjnb] .menu[data-astro-cid-uqtfdjnb] a[data-astro-cid-uqtfdjnb]{padding:7px 15px;text-transform:uppercase;font-weight:700;display:block}.menu-item[data-astro-cid-uqtfdjnb]{position:relative}.current-menu-item[data-astro-cid-uqtfdjnb]>a[data-astro-cid-uqtfdjnb]{--tint-opacity: .2}.main-navigation[data-astro-cid-uqtfdjnb] .menu[data-astro-cid-uqtfdjnb] a[data-astro-cid-uqtfdjnb]:hover{outline:var(--stroke) solid var(--rule)}.menu-toggle[data-astro-cid-uqtfdjnb]{display:none}@media(max-width:991px){.menu-toggle[data-astro-cid-uqtfdjnb]{display:block;width:35px;height:35px;position:relative;cursor:pointer;padding:0;margin:5px;border:var(--stroke) solid var(--rule);background-color:var(--surface)}.menu-toggle[data-astro-cid-uqtfdjnb] span[data-astro-cid-uqtfdjnb]:not(.screen-reader-text){display:block;position:absolute;height:3px;width:calc(100% - 10px);background:var(--ink);border-radius:3px;left:50%;transform:translate(-50%)}.menu-toggle[data-astro-cid-uqtfdjnb] span[data-astro-cid-uqtfdjnb]:nth-child(1){top:7px}.menu-toggle[data-astro-cid-uqtfdjnb] span[data-astro-cid-uqtfdjnb]:nth-child(2){top:14px}.menu-toggle[data-astro-cid-uqtfdjnb] span[data-astro-cid-uqtfdjnb]:nth-child(3){top:21px}.main-navigation[data-astro-cid-uqtfdjnb]{position:relative}.main-navigation[data-astro-cid-uqtfdjnb] .menu[data-astro-cid-uqtfdjnb]{display:none;flex-direction:column;position:absolute;top:calc(100% + 6px);left:0;min-width:220px;padding:10px;z-index:var(--z-search-flyout);background-color:var(--surface);border:var(--stroke) solid var(--rule);box-shadow:var(--shadow)}.main-navigation[data-astro-cid-uqtfdjnb] .menu[data-astro-cid-uqtfdjnb].open{display:flex}}@media(max-width:768px){.masthead-top[data-astro-cid-uqtfdjnb]{display:none}}.navigation-search[data-astro-cid-uqtfdjnb]{width:30px;position:relative;display:inline-block;text-align:center}.navigation-search-form[data-astro-cid-uqtfdjnb]{position:absolute;right:0;opacity:0;visibility:hidden;top:100%;width:325px;padding:14px;z-index:var(--z-search-flyout);background-color:var(--surface);border:var(--stroke) solid var(--rule);transition:opacity .1s ease,visibility 0s linear .1s}.navigation-search-wrap[data-astro-cid-uqtfdjnb]:not([data-search-js]):focus-within .navigation-search-form[data-astro-cid-uqtfdjnb],.navigation-search-wrap[data-astro-cid-uqtfdjnb].search-open .navigation-search-form[data-astro-cid-uqtfdjnb]{opacity:1;visibility:visible;transition-delay:0s}.site-footer[data-astro-cid-3avhx2ac]{margin-top:50px}.bottom-footer[data-astro-cid-3avhx2ac]{padding:15px 0 calc(20px + var(--dock-bottom, 0px));z-index:1}.bottom-footer-info[data-astro-cid-3avhx2ac]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;font-size:var(--font-size-sm)}.site-info[data-astro-cid-3avhx2ac]{text-align:center}.site-info-seg[data-astro-cid-3avhx2ac]{white-space:nowrap}.footer-sitemap[data-astro-cid-3avhx2ac]{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 90px;margin-top:15px;padding-top:20px;border-top:1px solid var(--hairline);font-size:var(--font-size-sm)}.footer-sitemap-group[data-astro-cid-3avhx2ac] h2[data-astro-cid-3avhx2ac]{margin:0 0 8px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.footer-sitemap-group[data-astro-cid-3avhx2ac] ul[data-astro-cid-3avhx2ac]{list-style:none;margin:0;padding:0}.footer-sitemap-group[data-astro-cid-3avhx2ac] li[data-astro-cid-3avhx2ac]{margin:4px 0}.footer-sitemap[data-astro-cid-3avhx2ac] a[data-astro-cid-3avhx2ac]{text-decoration:none;opacity:.8;transition:var(--transition)}.footer-sitemap[data-astro-cid-3avhx2ac] a[data-astro-cid-3avhx2ac]:hover,.footer-sitemap[data-astro-cid-3avhx2ac] a[data-astro-cid-3avhx2ac]:focus{opacity:1;text-decoration:underline}.footer-sitemap-self[data-astro-cid-3avhx2ac]{font-weight:700}.footer-sitemap-pending[data-astro-cid-3avhx2ac]{opacity:.55}.footer-sitemap-collapsible[data-astro-cid-3avhx2ac] summary[data-astro-cid-3avhx2ac]{list-style:none;cursor:default;pointer-events:none}.footer-sitemap-collapsible[data-astro-cid-3avhx2ac] summary[data-astro-cid-3avhx2ac]::-webkit-details-marker{display:none}.footer-sitemap-collapsible[data-astro-cid-3avhx2ac] summary[data-astro-cid-3avhx2ac] h2[data-astro-cid-3avhx2ac]{display:inline-block}@media(max-width:768px){.footer-sitemap[data-astro-cid-3avhx2ac]{flex-direction:column;align-items:center;gap:14px}.footer-sitemap-group[data-astro-cid-3avhx2ac]{text-align:center;width:100%}.footer-sitemap-group[data-astro-cid-3avhx2ac] li[data-astro-cid-3avhx2ac]{margin:0;line-height:24px}.footer-sitemap[data-astro-cid-3avhx2ac] a[data-astro-cid-3avhx2ac]{display:inline-block}.footer-sitemap-collapsible[data-astro-cid-3avhx2ac] summary[data-astro-cid-3avhx2ac]{display:block;position:relative;cursor:pointer;pointer-events:auto}.footer-sitemap-collapsible[data-astro-cid-3avhx2ac] summary[data-astro-cid-3avhx2ac]:before{content:"+";position:absolute;left:0;top:50%;translate:0 -50%;width:1.2em;height:1.2em;line-height:1.1em;border:var(--stroke) solid currentColor;font-size:var(--font-size-xs);font-weight:700;text-align:center}.footer-sitemap-collapsible[data-astro-cid-3avhx2ac][open] summary[data-astro-cid-3avhx2ac]:before{content:"−"}.footer-sitemap-collapsible[data-astro-cid-3avhx2ac]:not([open]) summary[data-astro-cid-3avhx2ac] h2[data-astro-cid-3avhx2ac]{margin-bottom:0}}