@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Inter Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--leading-normal:1.5;--radius-md:4px;--radius-lg:6px;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Newsreader Variable", "Iowan Old Style", "Apple Garamond", "Baskerville", Georgia, serif;--text-step--1:.8125rem;--text-step-0:.9375rem;--text-step-1:1.0625rem;--text-step-2:1.375rem;--text-step-3:1.875rem;--text-step-4:2.75rem;--measure-prose:64ch;--measure-wide:88ch}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.list-item{display:list-item}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-cyrillic-wght-normal.D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-greek-wght-normal.Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-vietnamese-wght-normal.Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-ext-wght-normal.DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/jetbrains-mono-latin-wght-normal.B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper-50:#fbf8f2;--paper-100:#f5f0e6;--paper-200:#ece4d2;--paper-300:#d9cdb2;--ink-900:#1b1a17;--ink-700:#3b3833;--ink-500:#6b665c;--ink-400:#8c8678;--ink-300:#b8b1a0;--designer-700:#b5471f;--designer-500:#d26b3d;--designer-100:#f4dcc9;--designer-50:#fbeedf;--dev-700:#1f5d7a;--dev-500:#3f87a8;--dev-100:#cfe2ec;--dev-50:#e6f0f5;--bridge-700:#4a463e;--bridge-500:#6e6a60;--bridge-100:#dcd6c8;--bridge-50:#ece7da;--rule:var(--paper-300);--rule-strong:var(--ink-400);--highlight:#f0e3b8;--diagram-stroke:var(--ink-400);--diagram-fill:var(--paper-100);--diagram-callout:var(--ink-700);--diagram-leader:var(--ink-300);--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-32:32px;--fs-44:44px;--fs-64:64px;--lh-tight:1.12;--lh-snug:1.28;--lh-normal:1.5;--lh-loose:1.65;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.08em;--ls-caps:.14em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--measure:64ch;--measure-tight:48ch;--r-0:0;--r-1:2px;--r-2:4px;--r-3:6px;--r-pill:999px;--bw-hair:1px;--bw-rule:1.5px;--bw-bold:2px;--shadow-1:0 1px 0 #1b1a170a, 0 0 0 1px #1b1a170f;--shadow-2:0 1px 2px #1b1a170f, 0 0 0 1px #1b1a170f;--shadow-pop:0 8px 24px -8px #1b1a172e, 0 0 0 1px #1b1a1714;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in:cubic-bezier(.55, .06, .68, .19);--ease-std:cubic-bezier(.4, 0, .2, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--surface-page:var(--paper-50);--surface-raised:var(--paper-50);--surface-sunken:var(--paper-100);--surface-overlay:var(--paper-50);--border-subtle:var(--paper-200);--border-strong:var(--ink-900);--fg:var(--ink-900);--fg-muted:var(--ink-700);--fg-faint:var(--ink-500);--code-bg:var(--paper-100);--accent-warm:var(--designer-700);--accent-cool:var(--dev-700);--accent-neutral:var(--bridge-700);--accent-warm-soft:var(--designer-100);--accent-cool-soft:var(--dev-100);--accent-neutral-soft:var(--bridge-100);--accent-active:var(--accent-neutral);--accent-active-soft:var(--accent-neutral-soft);--accent-active-fg:var(--paper-50);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper-50:#16140f;--paper-100:#1d1b15;--paper-200:#2c2920;--paper-300:#3c3a31;--ink-900:#f3efe6;--ink-700:#d3cebf;--ink-500:#b6ad9c;--ink-400:#807868;--ink-300:#5e574b;--designer-700:#f1956a;--designer-500:#d97757;--designer-100:#3a1f10;--designer-50:#2a1609;--dev-700:#6dc2d2;--dev-500:#3f9bb0;--dev-100:#0e2a30;--dev-50:#0a1d22;--bridge-700:#f3efe6;--bridge-500:#c2bcad;--bridge-100:#2a2720;--bridge-50:#1f1d17;--rule:var(--paper-300);--highlight:#5c5024;--diagram-stroke:var(--ink-400);--diagram-fill:var(--paper-100);--diagram-callout:var(--ink-700);--diagram-leader:var(--ink-300);--shadow-1:0 1px 0 #00000080, 0 0 0 1px #ffffff0a;--shadow-2:0 1px 2px #00000080, 0 0 0 1px #ffffff0a;--shadow-pop:0 8px 24px -8px #000000b3, 0 0 0 1px #ffffff0d;--accent-active-fg:var(--paper-50);color-scheme:dark}}:root[data-theme=dark]{--paper-50:#16140f;--paper-100:#1d1b15;--paper-200:#2c2920;--paper-300:#3c3a31;--ink-900:#f3efe6;--ink-700:#d3cebf;--ink-500:#b6ad9c;--ink-400:#807868;--ink-300:#5e574b;--designer-700:#f1956a;--designer-500:#d97757;--designer-100:#3a1f10;--designer-50:#2a1609;--dev-700:#6dc2d2;--dev-500:#3f9bb0;--dev-100:#0e2a30;--dev-50:#0a1d22;--bridge-700:#f3efe6;--bridge-500:#c2bcad;--bridge-100:#2a2720;--bridge-50:#1f1d17;--rule:var(--paper-300);--highlight:#5c5024;--diagram-stroke:var(--ink-400);--diagram-fill:var(--paper-100);--diagram-callout:var(--ink-700);--diagram-leader:var(--ink-300);--shadow-1:0 1px 0 #00000080, 0 0 0 1px #ffffff0a;--shadow-2:0 1px 2px #00000080, 0 0 0 1px #ffffff0a;--shadow-pop:0 8px 24px -8px #000000b3, 0 0 0 1px #ffffff0d;--accent-active-fg:var(--paper-50);color-scheme:dark}[data-view=designer]{--accent-active:var(--designer-700);--accent-active-soft:var(--designer-100)}[data-view=dev]{--accent-active:var(--dev-700);--accent-active-soft:var(--dev-100)}[data-view=bridge]{--accent-active:var(--bridge-700);--accent-active-soft:var(--bridge-100)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{overflow-x:hidden}html{font-feature-settings:"cv11","ss01"}body{font-family:var(--font-sans);background-color:var(--surface-page);background-image:radial-gradient(ellipse 1100px 520px at 50% -10%,var(--accent-warm),transparent 65%)}@supports (color:color-mix(in lab,red,red)){body{background-image:radial-gradient(ellipse 1100px 520px at 50% -10%,color-mix(in oklab,var(--accent-warm) 6%,transparent),transparent 65%)}}body{color:var(--fg);line-height:1.55;font-size:var(--text-step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-repeat:no-repeat;background-attachment:fixed}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body{background-image:radial-gradient(ellipse 1100px 520px at 50% -10%,var(--accent-cool),transparent 65%)}@supports (color:color-mix(in lab,red,red)){:root:not([data-theme=light]) body{background-image:radial-gradient(ellipse 1100px 520px at 50% -10%,color-mix(in oklab,var(--accent-cool) 4%,transparent),transparent 65%)}}}:root[data-theme=dark] body{background-image:radial-gradient(ellipse 1100px 520px at 50% -10%,var(--accent-cool),transparent 65%)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=dark] body{background-image:radial-gradient(ellipse 1100px 520px at 50% -10%,color-mix(in oklab,var(--accent-cool) 4%,transparent),transparent 65%)}}::selection{background:var(--accent-active-soft);color:var(--fg)}a{color:var(--accent-active);text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--accent-active);text-decoration-color:var(--accent-active)}@supports (color:color-mix(in lab,red,red)){a{-webkit-text-decoration-color:color-mix(in oklab,var(--accent-active) 35%,transparent);text-decoration-color:color-mix(in oklab,var(--accent-active) 35%,transparent)}}a{transition:text-decoration-color .12s}a:hover{-webkit-text-decoration-color:var(--accent-active);text-decoration-color:var(--accent-active)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--fg);margin:0;font-weight:500}h1{font-size:var(--text-step-4);letter-spacing:-.02em;line-height:1.1}h2{font-size:var(--text-step-3);line-height:1.2}h3{font-size:var(--text-step-2);font-weight:500;line-height:1.3}p{color:var(--fg-muted);margin:0 0 1em}strong{color:var(--fg);font-weight:600}code,kbd,samp{font-family:var(--font-mono);font-size:.88em}:not(pre)>code{background:var(--code-bg);border:1px solid var(--border-subtle);color:var(--fg);border-radius:4px;padding:1px 6px}main{min-height:calc(100vh - 64px)}.shell{width:100%;max-width:min(1180px,92vw);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.component-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;width:100%;max-width:min(1440px,96vw);margin-inline:auto;display:grid}.component-shell__content{padding:var(--s-8) clamp(var(--s-4),5vw,var(--s-12)) var(--s-20);width:100%;min-width:0}@media(max-width:960px){.component-shell{grid-template-columns:1fr}.component-shell>nav.sidebar{display:none}}.measure-prose{max-width:var(--measure-prose)}.measure-wide{max-width:var(--measure-wide)}.eyebrow{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-12);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-500)}.lede{font-family:var(--font-display);font-style:italic;font-size:var(--fs-20);line-height:var(--lh-loose);color:var(--ink-700);max-width:var(--measure-tight)}.figure{background:var(--paper-100);border:var(--bw-hair) solid var(--paper-200);border-radius:var(--r-2);padding:clamp(var(--s-4),4vw,var(--s-12)) clamp(var(--s-4),6vw,var(--s-16));margin:var(--s-4) 0;position:relative}.figure-caption{margin-top:var(--s-3);text-align:center;font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-500)}.site-header{z-index:50;background:var(--paper-50);border-bottom:var(--bw-hair) solid var(--rule);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:min(1440px,96vw);height:64px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px);display:flex}.site-header .shell{max-width:min(1440px,96vw)}@media(max-width:639px){.site-header__inner{height:56px}}.site-header__brand{color:var(--fg);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.site-header__brand:hover{text-decoration:none}.site-header__wordmark{width:auto;height:28px;display:block}:root[data-theme=dark] .site-header__wordmark{filter:invert()hue-rotate(180deg)saturate(.85)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .site-header__wordmark{filter:invert()hue-rotate(180deg)saturate(.85)}}.site-header__breadcrumb{font-size:var(--text-step--1);color:var(--fg-muted);letter-spacing:.01em;display:none}.site-header__breadcrumb a{color:var(--fg-muted)}@media(min-width:961px){.site-header__breadcrumb{align-items:center;gap:8px;display:inline-flex}}.site-header__cluster{align-items:center;gap:8px;display:inline-flex}.view-tabs{background:var(--paper-100);border:var(--bw-hair) solid var(--paper-300);border-radius:var(--r-pill);padding:3px;display:inline-flex;position:relative}.view-tabs a{appearance:none;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-500);cursor:pointer;transition:color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;padding:7px 14px;font-weight:500;text-decoration:none;display:inline-flex}.view-tabs a:hover{color:var(--ink-900);text-decoration:none}.view-tabs a[aria-current=page]{background:var(--paper-50);color:var(--ink-900);box-shadow:inset 0 0 0 1px var(--paper-300)}.view-tabs a[data-view-value=designer][aria-current=page]{background:var(--designer-50);color:var(--designer-700);box-shadow:inset 0 0 0 1px var(--designer-700)}@supports (color:color-mix(in lab,red,red)){.view-tabs a[data-view-value=designer][aria-current=page]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--designer-700) 35%,transparent)}}.view-tabs a[data-view-value=dev][aria-current=page]{background:var(--dev-50);color:var(--dev-700);box-shadow:inset 0 0 0 1px var(--dev-700)}@supports (color:color-mix(in lab,red,red)){.view-tabs a[data-view-value=dev][aria-current=page]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--dev-700) 35%,transparent)}}.view-tabs a[data-view-value=bridge][aria-current=page]{background:var(--bridge-50);color:var(--bridge-700);box-shadow:inset 0 0 0 1px var(--bridge-700)}@supports (color:color-mix(in lab,red,red)){.view-tabs a[data-view-value=bridge][aria-current=page]{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--bridge-700) 35%,transparent)}}.view-tabs a .label{display:none}@media(min-width:640px){.view-tabs a .label{display:inline}}.view-tabs a:focus-visible{outline:2px solid var(--accent-active);outline-offset:2px}.site-header__search{appearance:none;border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.site-header__search:hover{color:var(--fg);border-color:var(--border-strong)}.site-header__search:focus-visible{outline:2px solid var(--accent-active);outline-offset:2px}.theme-toggle{appearance:none;border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.theme-toggle:hover{color:var(--fg);border-color:var(--border-strong)}.theme-toggle:focus-visible{outline:2px solid var(--accent-active);outline-offset:2px}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun,:root[data-theme=light] .theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .moon,:root[data-theme=light] .theme-toggle .sun{display:inline}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:none}:root:not([data-theme=light]) .theme-toggle .moon{display:inline}}[data-view-section]{display:block}@view-transition{navigation:auto}.section-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:baseline;gap:12px;margin:56px 0 16px;padding-bottom:10px;padding-left:14px;display:flex;position:relative}.section-header:before{content:"";background:var(--accent-active);border-radius:1px;width:2px;position:absolute;top:4px;bottom:12px;left:0}.section-header h2{color:var(--accent-active);font-size:var(--text-step-3);margin:0}@media(max-width:767px){.section-header h2{font-size:var(--text-step-2)}}.role-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex;position:relative;top:-2px}.role-badge .icon{width:12px;height:12px}[data-role=designer] .role-badge{color:var(--accent-warm);background:var(--accent-warm-soft);border-color:var(--accent-warm)}@supports (color:color-mix(in lab,red,red)){[data-role=designer] .role-badge{border-color:color-mix(in oklab,var(--accent-warm) 25%,transparent)}}[data-role=dev] .role-badge{color:var(--accent-cool);background:var(--accent-cool-soft);border-color:var(--accent-cool)}@supports (color:color-mix(in lab,red,red)){[data-role=dev] .role-badge{border-color:color-mix(in oklab,var(--accent-cool) 25%,transparent)}}[data-role=both] .role-badge{color:var(--accent-neutral);background:var(--accent-neutral-soft);border-color:var(--accent-neutral)}@supports (color:color-mix(in lab,red,red)){[data-role=both] .role-badge{border-color:color-mix(in oklab,var(--accent-neutral) 22%,transparent)}}@media(max-width:480px){.role-badge__label{display:none}.role-badge{padding:4px}}.table-scroll{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);scrollbar-width:thin;margin:0 0 24px;position:relative;overflow-x:auto}.table-scroll:after{content:"";pointer-events:none;background:linear-gradient(to right,transparent,var(--surface-raised));opacity:0;width:24px;height:100%;transition:opacity .2s;position:absolute;top:0;right:0}.table-scroll[data-overflow=true]:after{opacity:1}table{border-collapse:collapse;width:100%;font-size:var(--text-step-0)}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:12px 16px}tr:last-child th,tr:last-child td{border-bottom:0}th{background:var(--surface-sunken);font-weight:600;font-size:var(--text-step--1);letter-spacing:.02em;color:var(--fg-muted);text-transform:uppercase}@media(max-width:767px){th,td{padding:10px 12px}}.hero-eyebrow{font-family:var(--font-mono);font-size:var(--text-step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-active);align-items:center;gap:8px;margin-bottom:12px;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--accent-active);width:24px;height:1px}.hero-title{font-family:var(--font-display);letter-spacing:-.025em;isolation:isolate;margin:0 0 20px;font-size:clamp(2.75rem,6vw,3.75rem);font-weight:500;line-height:1.05;position:relative}.hero-title:before{content:"";background:linear-gradient(to bottom right,var(--accent-warm-soft),transparent 60%);position:absolute;inset:-8px -16px}@supports (color:color-mix(in lab,red,red)){.hero-title:before{background:linear-gradient(to bottom right,color-mix(in oklab,var(--accent-warm-soft) 55%,transparent),transparent 60%)}}.hero-title:before{z-index:-1;border-radius:var(--radius-lg);pointer-events:none}.hero-lede{font-size:var(--text-step-1);color:var(--fg-muted);max-width:var(--measure-prose);margin:0 0 8px}.hero-lede em{font-family:var(--font-display);color:var(--fg);font-size:1.05em;font-style:italic}.section-rule{font-family:var(--font-mono);font-size:var(--text-step--1);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);align-items:center;gap:12px;margin:64px 0 24px;display:flex}.section-rule:after{content:"";background:var(--border-subtle);flex:1;height:1px}.component-grid{grid-template-columns:1fr;gap:16px;display:grid}@media(min-width:640px){.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.component-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-card{padding:var(--s-5);background:var(--paper-100);border:var(--bw-hair) solid var(--paper-200);border-radius:var(--r-2);color:inherit;box-shadow:var(--shadow-1);transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.component-card:hover{border-color:var(--paper-300);background:var(--paper-100)}@supports (color:color-mix(in lab,red,red)){.component-card:hover{background:color-mix(in oklab,var(--paper-100) 92%,var(--accent-active) 8%)}}.component-card:hover{text-decoration:none}.component-card__thumb{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:140px;color:var(--fg-faint);justify-content:center;align-items:center;margin-bottom:16px;padding:16px;display:flex;overflow:hidden}.component-card:hover .component-card__thumb{color:var(--accent-active)}.component-card__thumb svg{width:100%;max-width:100%;height:auto;max-height:100%}.component-card__title{font-family:var(--font-display);font-size:var(--text-step-2);letter-spacing:-.015em;margin:0 0 4px;font-weight:500}.component-card__desc{color:var(--fg-muted);font-size:var(--text-step-0);flex:1;margin:0 0 14px;line-height:1.5}.component-card__meta{font-family:var(--font-mono);font-size:var(--text-step--1);color:var(--fg-faint);letter-spacing:.02em;align-items:center;gap:16px;display:inline-flex}.component-card__meta span{align-items:center;gap:5px;display:inline-flex}.component-hero{padding:48px 0 32px}@media(min-width:768px){.component-hero{padding:64px 0 40px}}.component-name{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:500;line-height:1.05}.component-description{font-size:var(--text-step-1);color:var(--fg-muted);max-width:var(--measure-prose);margin:0 0 24px}.related-row{font-family:var(--font-mono);font-size:var(--text-step--1);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.related-row__label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;display:inline-flex}.related-chip{background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--fg);border-radius:999px;align-items:center;padding:4px 10px;text-decoration:none;transition:border-color .12s;display:inline-flex}.related-chip:hover{border-color:var(--accent-active);text-decoration:none}.property-map__type{border:1px solid #0000}.property-map__type--boolean{background:var(--surface-sunken);color:var(--fg-muted);border-color:var(--border-subtle)}.property-map__type--variant{background:var(--accent-cool,#5b8def)}@supports (color:color-mix(in lab,red,red)){.property-map__type--variant{background:color-mix(in oklab,var(--accent-cool,#5b8def) 18%,var(--surface-bg))}}.property-map__type--variant{color:var(--accent-cool,#2f5fcf);border-color:var(--accent-cool,#5b8def)}@supports (color:color-mix(in lab,red,red)){.property-map__type--variant{border-color:color-mix(in oklab,var(--accent-cool,#5b8def) 35%,transparent)}}.property-map__type--text{background:var(--accent-warm,#d97757)}@supports (color:color-mix(in lab,red,red)){.property-map__type--text{background:color-mix(in oklab,var(--accent-warm,#d97757) 18%,var(--surface-bg))}}.property-map__type--text{color:var(--accent-warm,#d97757)}@supports (color:color-mix(in lab,red,red)){.property-map__type--text{color:color-mix(in oklab,var(--accent-warm,#d97757) 75%,var(--fg))}}.property-map__type--text{border-color:var(--accent-warm,#d97757)}@supports (color:color-mix(in lab,red,red)){.property-map__type--text{border-color:color-mix(in oklab,var(--accent-warm,#d97757) 35%,transparent)}}.property-map__type--instance-swap{background:#5da981}@supports (color:color-mix(in lab,red,red)){.property-map__type--instance-swap{background:color-mix(in oklab,#5da981 18%,var(--surface-bg))}}.property-map__type--instance-swap{color:#2f7755;border-color:#5da98159}:root[data-theme=dark] .property-map__type--variant{background:var(--accent-cool,#8aaef7)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=dark] .property-map__type--variant{background:color-mix(in oklab,var(--accent-cool,#8aaef7) 22%,transparent)}}:root[data-theme=dark] .property-map__type--variant{color:var(--accent-cool,#c5d6f8)}:root[data-theme=dark] .property-map__type--text{background:var(--accent-warm,#f0a989)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=dark] .property-map__type--text{background:color-mix(in oklab,var(--accent-warm,#f0a989) 22%,transparent)}}:root[data-theme=dark] .property-map__type--text{color:var(--accent-warm,#f6cbb6)}:root[data-theme=dark] .property-map__type--instance-swap{color:#b8e4ca;background:#6cba9038}.divergence-type{border:1px solid #0000}.divergence-type--omitted{background:var(--surface-sunken);color:var(--fg-muted);border-color:var(--border-subtle)}.divergence-type--renamed{background:var(--accent-cool,#5b8def)}@supports (color:color-mix(in lab,red,red)){.divergence-type--renamed{background:color-mix(in oklab,var(--accent-cool,#5b8def) 18%,var(--surface-bg))}}.divergence-type--renamed{color:var(--accent-cool,#2f5fcf);border-color:var(--accent-cool,#5b8def)}@supports (color:color-mix(in lab,red,red)){.divergence-type--renamed{border-color:color-mix(in oklab,var(--accent-cool,#5b8def) 35%,transparent)}}.divergence-type--extended{background:#5da981}@supports (color:color-mix(in lab,red,red)){.divergence-type--extended{background:color-mix(in oklab,#5da981 18%,var(--surface-bg))}}.divergence-type--extended{color:#2f7755;border-color:#5da98159}.divergence-type--reshaped{background:var(--accent-warm,#d97757)}@supports (color:color-mix(in lab,red,red)){.divergence-type--reshaped{background:color-mix(in oklab,var(--accent-warm,#d97757) 18%,var(--surface-bg))}}.divergence-type--reshaped{color:var(--accent-warm,#d97757)}@supports (color:color-mix(in lab,red,red)){.divergence-type--reshaped{color:color-mix(in oklab,var(--accent-warm,#d97757) 75%,var(--fg))}}.divergence-type--reshaped{border-color:var(--accent-warm,#d97757)}@supports (color:color-mix(in lab,red,red)){.divergence-type--reshaped{border-color:color-mix(in oklab,var(--accent-warm,#d97757) 35%,transparent)}}:root[data-theme=dark] .divergence-type--renamed{background:var(--accent-cool,#8aaef7)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=dark] .divergence-type--renamed{background:color-mix(in oklab,var(--accent-cool,#8aaef7) 22%,transparent)}}:root[data-theme=dark] .divergence-type--renamed{color:var(--accent-cool,#c5d6f8)}:root[data-theme=dark] .divergence-type--extended{color:#b8e4ca;background:#6cba9038}:root[data-theme=dark] .divergence-type--reshaped{background:var(--accent-warm,#f0a989)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=dark] .divergence-type--reshaped{background:color-mix(in oklab,var(--accent-warm,#f0a989) 22%,transparent)}}:root[data-theme=dark] .divergence-type--reshaped{color:var(--accent-warm,#f6cbb6)}.anatomy-frame{background:var(--paper-100);border:var(--bw-hair) solid var(--paper-200);border-radius:var(--r-2);padding:clamp(var(--s-4),4vw,var(--s-8));margin:var(--s-4) 0 var(--s-6)}.anatomy-host{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--fg-muted);background-image:radial-gradient(circle at 1px 1px,var(--fg-muted) 1px,transparent 0);margin:0;padding:clamp(16px,4vw,40px)}@supports (color:color-mix(in lab,red,red)){.anatomy-host{background-image:radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--fg-muted) 22%,transparent) 1px,transparent 0)}}.anatomy-host{background-size:14px 14px}.anatomy-host svg{width:100%;height:auto;display:block}.anatomy-host .anatomy-slot rect{stroke:currentColor;stroke-width:1.25px;fill:var(--surface-raised)}.anatomy-host .anatomy-slot text{fill:var(--fg)}.anatomy-host .anatomy-slot:hover rect{fill:var(--accent-active-soft);stroke:var(--accent-active)}.anatomy-host .anatomy-overlay rect{stroke:var(--accent-active);stroke-opacity:.45;stroke-dasharray:3 3;fill:#0000}.anatomy-host .anatomy-overlay text{fill:var(--fg-muted);font-style:italic}.anatomy-host .anatomy-repeat-ghost rect{stroke-opacity:.45}.anatomy-host .anatomy-repeat-ghost text{fill-opacity:.5}.anatomy-host .anatomy-floating-connector{stroke:var(--accent-active);stroke-opacity:.65;stroke-width:1.5px}.anatomy-host .anatomy-floating>rect:first-of-type{filter:drop-shadow(0 6px 14px #00000024)}:root[data-theme=dark] .anatomy-host .anatomy-floating>rect:first-of-type{filter:drop-shadow(0 6px 14px #0000008c)}.anatomy-host .anatomy-z-badge circle{fill:var(--accent-active)}.anatomy-host .anatomy-z-badge text{fill:var(--surface-page);text-transform:lowercase}.anatomy-host .anatomy-repeat-count rect{fill:var(--surface-raised);stroke:var(--fg-muted)}.anatomy-host .anatomy-repeat-count text{fill:var(--fg-muted)}.anatomy-host .anatomy-label{display:none}[data-view=designer] .anatomy-host .label-figma,[data-view=dev] .anatomy-host .label-code,[data-view=bridge] .anatomy-host .label-bridge{display:block}[data-view=designer] .anatomy-host .label-figma text{font-family:var(--font-display);font-size:12px;font-style:italic}[data-view=dev] .anatomy-host .label-code text,[data-view=bridge] .anatomy-host .label-bridge text{font-family:var(--font-mono);font-size:11px;font-weight:500}.anatomy-host--compact{background-image:none;padding:12px}.anatomy-host--compact .anatomy-label,.anatomy-host--compact .anatomy-overlay,.anatomy-host--compact .anatomy-floating-connector,.anatomy-host--compact .anatomy-repeat-ghost,.anatomy-host--compact .anatomy-z-badge,.anatomy-host--compact .anatomy-repeat-count{display:none}.anatomy-host--compact .anatomy-slot rect{stroke-width:1px}.anatomy-host .anatomy-slot.anatomy-depth-1>rect:not([fill="rgba(0,0,0,0.06)"]){fill:var(--paper-100)}.anatomy-host .anatomy-slot.anatomy-depth-2>rect:not([fill="rgba(0,0,0,0.06)"]){fill:var(--paper-200)}.anatomy-host .anatomy-slot.anatomy-kind-interactive{color:var(--accent-active)}.anatomy-host .anatomy-slot.anatomy-kind-content{color:var(--accent-warm)}@supports (color:color-mix(in lab,red,red)){.anatomy-host .anatomy-slot.anatomy-kind-content{color:color-mix(in oklab,var(--accent-warm) 65%,var(--fg) 35%)}}.anatomy-host .anatomy-slot.anatomy-kind-decorative{color:var(--fg-faint)}.anatomy-host .anatomy-slot.anatomy-kind-interactive text,.anatomy-host .anatomy-slot.anatomy-kind-content text,.anatomy-host .anatomy-slot.anatomy-kind-decorative text{fill:var(--fg)}.anatomy-host .anatomy-indicator-tokens{fill:var(--accent-active);fill-opacity:.8}.anatomy-host--compact .anatomy-indicators{display:none}.anatomy-host .anatomy-slot.is-cross-highlighted>rect{fill:var(--accent-active-soft);stroke:var(--accent-active);stroke-width:1.5px}tr.is-cross-highlighted,li.is-cross-highlighted{background:var(--accent-active-soft);outline:1px solid var(--accent-active);outline-offset:-1px}.anatomy-host .anatomy-slot.is-cross-pinned>rect{fill:var(--accent-active-soft);stroke:var(--accent-active);stroke-width:2px}tr.is-cross-pinned,li.is-cross-pinned{background:var(--accent-active)}@supports (color:color-mix(in lab,red,red)){tr.is-cross-pinned,li.is-cross-pinned{background:color-mix(in oklab,var(--accent-active) 18%,transparent)}}tr.is-cross-pinned,li.is-cross-pinned{outline:2px solid var(--accent-active);outline-offset:-2px}.anatomy-host[data-filter~=required-only] .anatomy-slot[data-required=false]{opacity:.25}.anatomy-host[data-filter~=floating] .anatomy-slot:not(.anatomy-floating){opacity:.35}.anatomy-host[data-filter~=repeats] .anatomy-slot:not(.anatomy-has-repeats):not(.anatomy-repeat-ghost),.anatomy-host[data-filter~=tokens] .anatomy-slot:not(.anatomy-has-tokens){opacity:.25}.anatomy-host .anatomy-slot.is-cross-pinned{opacity:1!important}.anatomy-caption{font-family:var(--font-mono);font-size:var(--text-step--1);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin-top:16px;display:flex}.anatomy-caption:before{content:"";background:var(--accent-active);width:18px;height:1px}[data-view-eyebrow]:before{content:"Bridge view"}:root[data-view=designer] [data-view-eyebrow]:before{content:"Designer view"}:root[data-view=dev] [data-view-eyebrow]:before{content:"Dev view"}[data-anatomy-caption]:before{content:"Both label sets"}:root[data-view=designer] [data-anatomy-caption]:before{content:"Slot labels per Figma conventions"}:root[data-view=dev] [data-anatomy-caption]:before{content:"Slot labels per code semantics"}.mismatches{margin:0 0 var(--s-6);gap:var(--s-4);flex-direction:column;display:flex}.mismatch-arrow{color:var(--accent-active);align-items:center;display:inline-flex}.mistakes{gap:16px;display:grid}.mistake{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);padding:20px}.mistake-id{font-family:var(--font-mono);color:var(--fg-faint);font-size:var(--text-step--1);letter-spacing:.02em}.mistake-title{font-family:var(--font-display);font-size:var(--text-step-2);align-items:baseline;gap:8px;margin:4px 0 12px;font-weight:500;display:inline-flex}.mistake-row{gap:4px;margin-top:12px;display:grid}.mistake-row__label{font-family:var(--font-mono);font-size:var(--text-step--1);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;display:inline-flex}.mistake-row--problem .mistake-row__label{color:var(--accent-warm)}.mistake-row--fix .mistake-row__label{color:var(--accent-cool)}.mistake-row p{margin:0}.a11y-icon{color:var(--accent-active);flex-shrink:0}.component-footer{border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-step--1);color:var(--fg-faint);justify-content:flex-end;margin-top:80px;padding-top:16px;display:flex}.component-footer span{align-items:center;gap:6px;display:inline-flex}details{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);margin:16px 0}details summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);padding:12px 16px;list-style:none}details summary::-webkit-details-marker{display:none}details[open] summary{border-bottom:1px solid var(--border-subtle);color:var(--fg)}details>:not(summary){padding:0 16px 16px}:focus-visible{outline:2px solid var(--accent-active);outline-offset:2px;border-radius:2px}.divider{border:0;border-top:1px solid var(--border-subtle);margin:64px 0 32px}.icon{flex-shrink:0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--fg);color:var(--surface-page);font-family:var(--font-mono);font-size:var(--text-step--1);border-radius:0 0 var(--radius-md) 0;padding:10px 16px;text-decoration:none;transition:transform .12s;position:absolute;top:0;left:0;transform:translateY(-100%)}.skip-link:focus,.skip-link:focus-visible{outline:2px solid var(--accent-active);outline-offset:2px;transform:translateY(0)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}