/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-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:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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{.contents{display:contents}.flex{display:flex}.grid{display:grid}.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,)}}@font-face{font-family:EB Garamond;src:url(/fonts/eb-garamond-roman.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/eb-garamond-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Craft CJK;src:local(Noto Serif SC),local(Noto Serif CJK SC),local(Source Han Serif SC),local(Songti SC),local(STSong),local(SimSun);font-weight:400 900;font-display:swap;unicode-range:U+2000-206F,U+2E80-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}:root{--bg:#133621;--surface:#1a4429;--ink:#eef2e6;--muted:#b3a55e;--muted-2:#cbbf7e;--accent:#f4d96c;--accent-ink:#133621;--field:#eef2e6;--field-ink:#133621;--ui-stage:#0d2415;--ui-panel:#17351f;--ui-head:#0a1d10;--ui-text:#e9efe2;--ui-dim:#adbfa4;--ui-line:#2a5537;--font-serif:"EB Garamond", "Craft CJK", "Noto Serif SC", "Songti SC", "Source Han Serif SC", "STSong", "SimSun", Georgia, serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .35vw, 1.1875rem);--step-head:clamp(1.375rem, 1.15rem + .9vw, 1.75rem);--step-title:clamp(2rem, 1.35rem + 2.6vw, 3.5rem);--step-display:clamp(2.25rem, 4.8vw, 4.25rem);--margin:clamp(1.125rem, 2.6vw, 2.75rem);--gutter:clamp(1rem, 2vw, 1.75rem);--section:clamp(2.25rem, 4vw, 3.75rem);--rule:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--rule:color-mix(in srgb, var(--ink) 16%, transparent)}}:root{--rail-h:3.5rem;--radius:0px;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-hover:.18s;--t-ui:.24s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:var(--font-serif);font-size:var(--step-body);font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.68;overflow-x:hidden}h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd,pre{margin:0}ul[class],ol[class]{padding:0;list-style:none}img,video,svg,canvas{max-width:100%;display:block}img,video{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}[id]{scroll-margin-top:calc(var(--rail-h) + 1rem)}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:-.005em;text-wrap:balance;-webkit-hyphens:none;hyphens:none;font-weight:400;line-height:1.15}.head{font-size:var(--step-head);line-height:1.15}.small{font-size:var(--step-small);line-height:1.5}.muted{color:var(--muted)}.nums{font-variant-numeric:tabular-nums}p{text-wrap:pretty;max-width:62ch}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--accent);color:var(--accent-ink);padding:.75rem 1rem;position:absolute;top:0;left:-9999px}.skip:focus{left:0}.rail{z-index:60;height:var(--rail-h);background:var(--bg);border-bottom:1px solid var(--ink);position:fixed;inset:0 0 auto}@supports (color:color-mix(in lab, red, red)){.rail{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}}.rail{visibility:hidden;transition:transform var(--t-ui) var(--ease-out), visibility 0s linear var(--t-ui);transform:translateY(-100%)}.rail.is-on{visibility:visible;transition:transform var(--t-ui) var(--ease-out);transform:none}.rail__in{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.rail__mark{letter-spacing:-.015em;white-space:nowrap;align-items:center;gap:.55rem;min-height:2.75rem;font-size:1.0625rem;text-decoration:none;display:inline-flex}.rail__chip{background:var(--accent);width:9px;height:9px}.rail__links{align-items:center;gap:.15rem;display:flex}.rail__links a{min-height:2.75rem;color:var(--muted-2);white-space:nowrap;transition:color var(--t-hover) ease;align-items:center;padding-inline:.7rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.rail__links a:hover{color:var(--ink)}.rail__links .rail__cta{background:var(--accent);min-height:2.25rem;color:var(--accent-ink);transition:background-color var(--t-hover) ease, color var(--t-hover) ease;margin-left:.4rem;padding-inline:1rem}.rail__links .rail__cta:hover{background:var(--ink);color:var(--bg)}.rail__cta:focus-visible{outline-color:var(--ink)}@media (width<=22.5em){.rail__in{gap:.5rem}.rail__mark{gap:.4rem;font-size:1rem}.rail__links{gap:0}.rail__links a{padding-inline:.42rem;font-size:.875rem}.rail__links .rail__cta{margin-left:.25rem;padding-inline:.7rem}}@media (width>=40em){.rail__links a{padding-inline:.9rem}}.wrap{padding-inline:var(--margin)}.section{padding-block:var(--section)}.grid12{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.button{background:var(--accent);min-height:2.875rem;color:var(--accent-ink);border-radius:var(--radius);white-space:nowrap;font-size:var(--step-body);transition:background-color var(--t-hover) ease, color var(--t-hover) ease;justify-content:center;align-items:center;gap:.5em;padding:.3rem 1.5rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink)}.link{text-decoration:underline}@supports (color:color-mix(in lab, red, red)){.link{-webkit-text-decoration-color:color-mix(in srgb, currentColor 38%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 38%, transparent);text-decoration-color:color-mix(in srgb, currentColor 38%, transparent)}}.link{text-underline-offset:.22em;transition:text-decoration-color var(--t-hover) ease;text-decoration-thickness:.06em}.link:hover{text-decoration-color:currentColor}.topline{align-items:baseline;gap:.9rem;padding-block:clamp(1.25rem,2.4vw,1.75rem) clamp(1.25rem,2.4vw,2rem);display:grid}.topline__name{font-size:var(--step-head);letter-spacing:-.02em;line-height:1}.topline__note{font-size:var(--step-small);color:var(--muted);max-width:36ch}.topline__action{justify-self:start}.topline__action .button{min-width:7.5rem;min-height:2.875rem;font-size:var(--step-body);padding-inline:1.4rem}@media (width>=52em){.topline{grid-template-columns:auto 1fr auto;gap:clamp(1rem,2vw,2rem)}.topline__note{max-width:none}.topline__action{justify-self:end}}.index{align-items:start;gap:clamp(1.25rem,2.5vw,2rem);padding-bottom:clamp(1rem,2vw,1.75rem);display:grid}.index__list{display:grid}.index__row{text-align:left;width:100%;transition:opacity var(--t-ui) ease;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name thumb""desc thumb";align-items:center;gap:.1rem .9rem;padding-block:clamp(.4rem,.8vw,.6rem);text-decoration:none;display:grid}.index__name{font-size:var(--step-head);letter-spacing:-.015em;transition:color var(--t-hover) ease;grid-area:name;line-height:1.2}.index__desc{font-size:var(--step-small);color:var(--muted);transition:color var(--t-hover) ease;grid-area:desc;line-height:1.45}.index__thumb{aspect-ratio:16/10;background:var(--surface);border:1px solid var(--ui-line);grid-area:thumb;place-items:center;width:4.5rem;display:grid;overflow:hidden}.index__thumb img{object-fit:cover;object-position:top left;width:100%;height:100%}.index__mark{letter-spacing:.12em;color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem}@media (hover:hover){.index__list:hover .index__row{opacity:.35}.index__list .index__row:hover,.index__list .index__row:focus-visible{opacity:1}}.index__row:hover .index__name,.index__row:focus-visible .index__name{color:var(--accent)}.frag{background:var(--surface);font-size:var(--step-small);align-content:center;gap:clamp(.85rem,2vw,1.25rem);padding:clamp(1.25rem,3vw,2rem);display:grid;position:absolute;inset:0}.frag__k{color:var(--muted);max-width:30ch;line-height:1.5}.frag__rows{gap:.45rem;display:grid}.frag__rows div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;display:grid}.frag__rows dt{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.frag__rows dt{color:color-mix(in srgb, var(--ink) 80%, var(--bg))}}.frag__rows dd{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.0625rem,1.6vw,1.25rem)}.frag--mono .frag__code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.85}@supports (color:color-mix(in lab, red, red)){.frag--mono .frag__code{color:color-mix(in srgb, var(--ink) 82%, var(--bg))}}.frag--mono .frag__code{overflow-x:auto}.frag__code .c{color:var(--muted)}.frag__ok{color:var(--accent);font-size:.8125rem}.frag__platforms{font-size:var(--step-small);gap:.35rem;display:grid}.frag__platforms li{color:var(--ink);justify-content:space-between;gap:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.frag__platforms li{color:color-mix(in srgb, var(--ink) 82%, var(--bg))}}.frag__platforms li span:last-child{color:var(--muted);font-size:.8125rem}.specimen{display:none}.specimen__frame{background:var(--surface);aspect-ratio:16/10;border:1px solid var(--ui-line);position:relative;overflow:hidden;box-shadow:0 10px 30px -6px #00000059}.specimen__slide{opacity:0;transition:opacity var(--t-ui) ease;position:absolute;inset:0}.specimen__slide[data-on=true]{opacity:1}.specimen__slide img{object-fit:cover;object-position:top left;width:100%;height:100%}.specimen__caption{font-size:var(--step-small);color:var(--muted);justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;padding-top:.7rem;line-height:1.5;display:flex}.specimen__label{color:var(--muted-2);flex:none}@media (width>=52em){.index__row{grid-template-columns:minmax(0,1fr) minmax(0,14rem);grid-template-areas:"name desc";align-items:baseline;gap:2rem}.index__desc{text-align:right}.index__thumb{display:none}}@media (width>=62em){.index{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(1.75rem,3.5vw,3.5rem)}.specimen{top:calc(var(--rail-h) + 1.25rem);display:block;position:sticky}.index__row[data-active=true] .index__name{color:var(--accent)}}.sec-head{border-top:1px solid var(--rule);gap:.9rem;padding-block:clamp(.85rem,1.6vw,1.15rem) clamp(1.25rem,2.4vw,1.9rem);display:grid}.sec-head h2{font-size:var(--step-title);letter-spacing:-.03em;text-wrap:balance;max-width:20ch;line-height:1.02}.sec-head p{font-size:var(--step-body);color:var(--muted);max-width:56ch;line-height:1.7}.sec-head code{color:var(--ink);background:var(--surface);padding:.08em .32em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}@supports (color:color-mix(in lab, red, red)){.sec-head code{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.sec-head code{border:1px solid var(--ui-line)}@supports (color:color-mix(in lab, red, red)){.sec-head code{border:1px solid color-mix(in srgb, var(--ui-line) 70%, transparent)}}@media (width>=62em){.sec-head{gap:1.1rem}.sec-head h2{max-width:18ch}}.plate{background:var(--ui-panel);color:var(--ui-text);grid-template-rows:auto minmax(0,1fr) auto;font-size:13px;line-height:1.3;display:grid;overflow:hidden}.plate__head{background:var(--ui-head);color:var(--ui-dim);white-space:nowrap;align-items:center;gap:.9rem;padding:10px 13px;font-size:12px;display:flex}.plate__head b{color:var(--ui-text);font-weight:400}@media (width<=33.99em){.plate__head span:nth-of-type(2){display:none}.plate__head{gap:.7rem}}.plate__body{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}@media (width>=48em){.plate__body{grid-template-columns:minmax(0,1fr) 322px}}.plate__stage{background:var(--ui-stage);min-height:clamp(300px,46vw,520px);padding:10px;position:relative}.plate__canvas{width:100%;height:100%;line-height:0;position:relative}.plate__canvas img,.plate__canvas canvas{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.plate__canvas canvas{visibility:hidden}.plate__canvas.is-ready canvas{visibility:visible}.plate__canvas.is-ready img{visibility:hidden}.plate__panel{background:var(--ui-panel);grid-template-rows:auto auto minmax(0,1fr);min-height:0;font-size:12px;display:grid}.panel__tabs{background:var(--ui-head);gap:1px;display:flex}.panel__tab{min-height:34px;color:var(--ui-dim);transition:color var(--t-hover) ease, background-color var(--t-hover) ease;border-top:2px solid #0000;padding:6px 13px;font-size:12px}.panel__tab:hover{color:#fff}.panel__tab[aria-selected=true]{color:#fff;background:var(--ui-panel);border-top-color:var(--accent)}.panel__props{gap:10px;padding:12px 13px 14px;display:grid}.panel__curve{background:#0e2415;place-items:center;padding:4px 0;display:grid}.panel__curve svg{width:100%;height:72px}.panel__row{color:var(--ui-dim);grid-template-columns:5.6em 1fr;align-items:center;gap:9px;font-size:12px;display:grid}.panel__row--range{grid-template-columns:5.6em 1fr 3em}.panel__row--head{color:var(--ui-text);grid-template-columns:minmax(0,1fr) auto}.panel__row--head span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel__row output{color:var(--ui-text);font-variant-numeric:tabular-nums;text-align:right}.panel__range{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.panel__range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--range-fill,0%), #2c5238 var(--range-fill,0%));height:4px}.panel__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--ui-panel);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-5px}.panel__range::-moz-range-track{background:#2c5238;height:4px}.panel__range::-moz-range-progress{background:var(--accent);height:4px}.panel__range::-moz-range-thumb{background:var(--accent);border:2px solid var(--ui-panel);width:12px;height:12px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.panel__range:disabled{cursor:not-allowed;opacity:.5}.panel__range:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel__reset{color:#dfe8d8;width:100%;min-height:32px;transition:background-color var(--t-hover) ease;background:#204a2c;padding:6px 12px;font-size:12px}.panel__reset:hover{background:#2a5c37}.panel__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.panel__presets{gap:6px;display:grid}.presetrow{border:1px solid var(--ui-line);width:100%;min-height:34px;color:var(--ui-text);text-align:left;transition:background-color var(--t-hover) ease, color var(--t-hover) ease;background:#1b3b24;justify-content:space-between;align-items:center;gap:.75rem;padding:6px 9px;font-size:12px;display:flex}.presetrow:hover{background:#22482c}.presetrow[data-selected=true]{background:#26512f}.presetrow[data-visible=false]{color:#7d8a72}.presetrow__name{align-items:center;gap:7px;min-width:0;display:flex}.presetrow__name svg{flex:none;width:14px;height:14px}.presetrow__name .swatch{width:14px;height:14px}.presetrow__val{color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.presetrow[data-visible=false] .presetrow__val{color:inherit}.histstats{grid-template-columns:1fr 1fr;gap:8px 14px;padding-block:2px;font-size:12px;display:grid}.histstats div{justify-content:space-between;gap:.5rem;display:flex}.histstats span{color:var(--ui-dim)}.histstats output{color:var(--ui-text);font-variant-numeric:tabular-nums}.panel__layers{background:#13301d;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.panel__layhead{background:var(--ui-panel);color:var(--ui-dim);align-items:center;gap:.7rem;padding:8px 13px;font-size:12px;display:flex}.layerlist{padding-block:4px;overflow:auto}.layerrow{width:100%;color:var(--ui-dim);min-height:34px;transition:background-color var(--t-hover) ease;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:2px;padding:2px 10px 2px 4px;display:grid}.layerrow[data-selected=true]{color:#fff;background:#26512f}.layerrow:hover:not([data-selected=true]){background:#1c3d27}.layerrow[data-visible=false] .layerrow__name{opacity:.45}.layerrow__pick{width:100%;min-height:30px;color:inherit;text-align:left;align-items:center;gap:.55rem;display:flex}.layerrow__swatch{flex:none;place-items:center;display:grid}.layerrow__swatch svg,.layerrow__swatch .swatch{width:14px;height:14px}.layerrow__name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.layerrow__kind{opacity:.6;margin-left:auto;font-size:10.5px}.eye{width:28px;height:28px;color:var(--ui-text);transition:background-color var(--t-hover) ease;place-items:center;display:grid}.eye:hover{background:#2a5537}.eye svg{width:15px;height:15px}.panel__tab:focus-visible,.panel__reset:focus-visible,.presetrow:focus-visible,.eye:focus-visible,.layerrow__pick:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.plate__chips{background:var(--ui-panel);scrollbar-width:none;gap:6px;padding:10px;display:flex;overflow-x:auto}.chip{min-height:34px;color:var(--ui-dim);white-space:nowrap;background:#204a2c;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.chip[data-on=true]{background:var(--accent);color:var(--accent-ink)}.chip i{opacity:.7;background:currentColor;width:7px;height:7px;display:block}@media (width<=47.99em){.panel__tab{min-height:44px;padding-inline:15px;font-size:13px}.chip{min-height:44px;padding-inline:12px;font-size:13px}.layerrow{grid-template-columns:44px minmax(0,1fr);min-height:44px;padding-block:0}.eye{width:44px;height:44px}.layerrow__pick{min-height:44px}.layerrow__name{font-size:13px}}@media (width>=48em){.plate__chips{display:none}}.plate__caption{max-width:none;font-size:var(--step-small);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.4rem 2rem;padding-top:.8rem;display:flex}.part__figure{gap:.55rem;display:grid}.part__frame{background:var(--surface);aspect-ratio:16/10;border:1px solid var(--ui-line);overflow:hidden;box-shadow:0 8px 24px -6px #0000004d}.part__frame img{object-fit:cover;object-position:top left;width:100%;height:100%}.part__figcap{font-size:var(--step-small);color:var(--muted);line-height:1.45}.part-lead{border-bottom:1px solid var(--ink);gap:clamp(1.25rem,2.5vw,2rem);padding-bottom:clamp(2rem,4vw,3.25rem);display:grid}@supports (color:color-mix(in lab, red, red)){.part-lead{border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent)}}.part-lead__text h3{letter-spacing:-.02em;margin-bottom:.85rem;font-size:clamp(1.75rem,1.35rem + 1.6vw,2.75rem);font-weight:500;line-height:1.12}.part-lead__text .part__lead{color:var(--ink);max-width:30ch;margin-bottom:.75em;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.55}.part__body{font-size:var(--step-body);color:var(--ink);line-height:1.75}@supports (color:color-mix(in lab, red, red)){.part__body{color:color-mix(in srgb, var(--ink) 74%, var(--bg))}}.part__body{max-width:46ch}.part__specs{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.6rem 1.5rem;margin-top:1.35rem;padding-top:.85rem;display:grid}@supports (color:color-mix(in lab, red, red)){.part__specs{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent)}}.part__specs li{gap:.1rem;display:grid}.part__specs span{font-size:var(--step-small);color:var(--muted)}.part__specs b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:400;line-height:1.35}.part-lead__text .part__specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.5rem;margin-top:clamp(1.5rem,3vw,2.25rem)}.part-lead__text .part__specs b{font-size:1.1875rem}.part-grid{gap:clamp(2.25rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);padding-top:clamp(2rem,4vw,3.25rem);display:grid}.part{align-content:start;gap:clamp(.85rem,1.5vw,1.15rem);display:grid}.part__text h3{letter-spacing:-.015em;margin-bottom:.55rem;font-size:clamp(1.375rem,1.2rem + .5vw,1.625rem);font-weight:500;line-height:1.2}.part__text .part__lead{font-size:var(--step-body);color:var(--ink);margin-bottom:.6em;line-height:1.6}.part__text .part__specs{margin-top:.4rem}@media (width>=56em){.part-lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:clamp(2rem,4vw,4rem)}.part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.figures{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.25rem,3vw,2.5rem);display:grid}.figures__cell{border-bottom:1px solid var(--ink);flex-direction:column;padding-block:clamp(1.1rem,2vw,1.6rem) clamp(1.2rem,2.2vw,1.75rem);display:flex}@supports (color:color-mix(in lab, red, red)){.figures__cell{border-bottom:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.figures__v{letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:clamp(2rem,3.2vw,3rem);line-height:.98}.figures__t{color:var(--ink);margin-top:.7rem;font-size:.9375rem;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.figures__t{color:color-mix(in srgb, var(--ink) 76%, var(--bg))}}.figures__t{max-width:30ch}.psd__shot{margin-top:clamp(1.75rem,4vw,3rem)}.psd__shot img{aspect-ratio:16/10;object-fit:cover;object-position:top left;background:var(--surface);border:1px solid var(--ui-line);width:100%;box-shadow:0 14px 36px -12px #040e0899}.psd__shot figcaption{font-size:var(--step-small);color:var(--muted);max-width:52ch;padding-top:.75rem;line-height:1.6}.psd__foot{border-top:1px solid var(--rule);max-width:none;font-size:var(--step-small);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2.5rem;margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:.9rem;display:flex}.psd__foot code{color:var(--ink);background:var(--surface);padding:.08em .32em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}@supports (color:color-mix(in lab, red, red)){.psd__foot code{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.psd__foot code{border:1px solid var(--ui-line)}@supports (color:color-mix(in lab, red, red)){.psd__foot code{border:1px solid color-mix(in srgb, var(--ui-line) 70%, transparent)}}.psd__foot code{white-space:nowrap}@media (width>=40em){.figures{grid-template-columns:repeat(4,minmax(0,1fr))}}.exchanges{gap:clamp(1.25rem,2.5vw,2rem);display:grid}.exchange{gap:.6rem;display:grid}.exchange h3{font-size:var(--step-head);letter-spacing:-.015em;font-weight:400;line-height:1.25}.exchange__pair{grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.exchange__pair>*{min-width:0}@media (width>=62em){.exchange__pair{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:1.25rem}}.code{background:var(--surface);color:var(--ink);border:1px solid var(--ui-line);position:relative;overflow:hidden}.code__bar{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding:.3rem .35rem .3rem .95rem;display:flex}@supports (color:color-mix(in lab, red, red)){.code__bar{border-bottom:1px solid color-mix(in srgb, var(--ui-line) 85%, transparent)}}.code__bar{background:var(--ui-head)}@supports (color:color-mix(in lab, red, red)){.code__bar{background:color-mix(in srgb, var(--ui-head) 70%, var(--surface))}}.code__lang{letter-spacing:.14em;color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem}.copy{letter-spacing:.06em;min-height:2.75rem;color:var(--accent);border:1px solid var(--accent);padding:0 .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.copy{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent)}}.copy{transition:background-color var(--t-hover) ease, color var(--t-hover) ease, border-color var(--t-hover) ease;background:0 0}.copy:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.copy:active{transform:translateY(1px)}.code pre{tab-size:2;padding:1rem 1.15rem 1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.8;overflow-x:auto}.code pre .c{color:var(--muted-2)}@media (width<=40em){.code pre{padding-inline:.9rem;overflow-x:visible}.code pre code{white-space:pre-wrap;overflow-wrap:break-word}}.resp{background:var(--ui-stage);border:1px solid var(--ui-line);gap:.55rem;padding:.95rem 1.1rem 1rem;font-size:.9375rem;line-height:1.5;display:grid}.resp__head{border-bottom:1px solid var(--ink);justify-content:space-between;gap:1rem;padding-bottom:.6rem;display:flex}@supports (color:color-mix(in lab, red, red)){.resp__head{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}}.resp__head{letter-spacing:.05em;color:var(--muted-2);font-size:.75rem}.resp__row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:.9rem;min-width:0;display:flex}.resp__row span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.resp__row span:last-child{max-width:100%;color:var(--muted-2);text-align:right;white-space:nowrap;flex:none;font-size:.8125rem}.resp__ok{color:var(--accent)}@media (width<=40em){.resp__row--wide{gap:.15rem;display:grid}.resp__row--wide span:first-child{white-space:normal;overflow-wrap:anywhere;overflow:visible}.resp__row--wide span:last-child{text-align:left;white-space:normal}}.platforms{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:grid}.platforms>li{border-bottom:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.platforms>li{border-bottom:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.platforms>li:last-child{border-bottom:0}.platform{min-height:5.25rem;color:var(--ink);transition:background-color var(--t-hover) ease;align-items:center;gap:1rem;padding-block:.9rem;text-decoration:none;display:flex}.platform__mark{width:2.25rem;height:2.25rem;color:var(--accent);flex:none;place-items:center;display:grid}.platform__mark svg{fill:currentColor;width:100%;height:100%;display:block}.platform__body{gap:.25rem;min-width:0;display:grid}.platform__name{font-family:var(--font-serif);letter-spacing:-.01em;transition:color var(--t-hover) ease;margin:0;font-size:1.25rem;font-weight:400;line-height:1.1}.platform__formats{letter-spacing:.01em;color:var(--muted-2);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;line-height:1.5}.platform:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (hover:hover){.platform:hover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.platform:hover{background:color-mix(in srgb, var(--surface) 48%, transparent)}}.platform:hover .platform__name{color:var(--accent)}}@media (width>=62em){.platforms{grid-template-columns:repeat(5,minmax(0,1fr))}.platforms>li{border-bottom:0;border-left:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.platforms>li{border-left:1px solid color-mix(in srgb, var(--ink) 8%, transparent)}}.platforms>li:first-child{border-left:0}.platform{flex-direction:column;align-items:flex-start;gap:1rem;height:100%;padding:clamp(1.35rem,1.9vw,1.7rem)}.platform__mark{width:clamp(3rem,3.5vw,3.5rem);height:clamp(3rem,3.5vw,3.5rem)}.platform__name{font-size:clamp(1.375rem,1.2rem + .4vw,1.625rem)}.platform__formats{font-size:.75rem}}.platforms__note{font-size:var(--step-small);color:var(--muted);max-width:62ch;margin-top:clamp(1.25rem,2.5vw,2rem);line-height:1.7}.apps{gap:clamp(1.25rem,2.5vw,2rem);display:grid}.apps__intro p{font-size:var(--step-body);color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.apps__intro p{color:color-mix(in srgb, var(--ink) 78%, var(--bg))}}.apps__intro p{max-width:44ch}.apps__intro p+p{color:var(--ink);margin-top:.85rem}@supports (color:color-mix(in lab, red, red)){.apps__intro p+p{color:color-mix(in srgb, var(--ink) 66%, var(--bg))}}.apps__names{font-size:var(--step-body);gap:.5rem;display:grid}.apps__names a{background:var(--surface);border:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;padding:.5rem .9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.apps__names a{border:1px solid color-mix(in srgb, var(--ui-line) 65%, transparent)}}.apps__names a{color:var(--muted);transition:background-color var(--t-hover) ease, border-color var(--t-hover) ease;text-decoration:none}.apps__names a:hover,.apps__names a[aria-current=true]{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.apps__names a:hover,.apps__names a[aria-current=true]{background:color-mix(in srgb, var(--surface) 88%, var(--accent))}}.apps__names a:hover,.apps__names a[aria-current=true]{border-color:var(--accent)}.apps__app{color:var(--ink);transition:color var(--t-hover) ease;font-weight:500}.apps__names a:hover .apps__app,.apps__names a[aria-current=true] .apps__app{color:var(--accent)}.apps__names a[aria-current=true]{background:var(--accent);border-color:var(--accent)}.apps__names a[aria-current=true]:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.apps__names a[aria-current=true]:hover{background:color-mix(in srgb, var(--accent) 88%, #fff)}}.apps__names a[aria-current=true]:hover{border-color:var(--accent)}.apps__names a[aria-current=true] .apps__app,.apps__names a[aria-current=true]:hover .apps__app{color:var(--accent-ink)}.apps__names i{font-style:normal;font-size:var(--step-small);color:var(--muted)}.apps__names a[aria-current=true] i{color:var(--accent-ink)}@supports (color:color-mix(in lab, red, red)){.apps__names a[aria-current=true] i{color:color-mix(in srgb, var(--accent-ink) 72%, transparent)}}@media (width>=48em){.apps__names{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}}@media (width>=62em){.apps{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(1.75rem,3.5vw,3.5rem)}}.faq{display:block}.faq__cols{gap:1.5rem;display:grid}.faq__list{border-top:1px solid var(--rule)}.faq__list>div{border-bottom:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.faq__list>div{border-bottom:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.faq__q{text-align:left;width:100%;min-height:3.25rem;font-size:var(--step-body);color:var(--muted);transition:color var(--t-hover) ease, background-color var(--t-hover) ease;background:0 0;grid-template-columns:.5rem minmax(0,1fr);align-items:start;gap:.9rem;padding:.85rem .7rem;line-height:1.5;display:grid}.faq__q i{border:1px solid var(--muted);width:8px;height:8px;margin-top:.48em}@supports (color:color-mix(in lab, red, red)){.faq__q i{border:1px solid color-mix(in srgb, var(--muted) 55%, transparent)}}.faq__q i{transition:background-color var(--t-hover) ease, border-color var(--t-hover) ease;background:0 0}.faq__q[aria-expanded=true]{color:var(--ink);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.faq__q[aria-expanded=true]{background:color-mix(in srgb, var(--surface) 45%, transparent)}}.faq__q[aria-expanded=true] i{background:var(--accent);border-color:var(--accent)}@media (hover:hover){.faq__q:hover{color:var(--ink);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.faq__q:hover{background:color-mix(in srgb, var(--surface) 32%, transparent)}}.faq__q:hover i{border-color:var(--accent)}}.faq__answer{font-size:var(--step-body);max-width:56ch;color:var(--ink);line-height:1.75}@supports (color:color-mix(in lab, red, red)){.faq__answer{color:color-mix(in srgb, var(--ink) 84%, var(--bg))}}.faq__more{font-size:var(--step-small);color:var(--muted);max-width:36ch;margin-top:1.35rem;padding-inline:.7rem;line-height:1.7}.faq__more a{color:var(--ink);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.faq__more a{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent)}}.faq__more a{text-underline-offset:.2em}.faq__mobile{display:none}.faq__mobile[data-open=true]{display:block}.faq__mobile .faq__answer{padding:.15rem 1.2rem 1.25rem 2.1rem}.faq__pane{border:1px solid var(--ui-line);background:var(--surface);display:none;box-shadow:0 10px 30px -12px #040e088c}.faq__paneBody{flex-direction:column;flex:1;display:flex}@keyframes faq-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.faq__paneBody{animation:faq-in .32s var(--ease-out) both}}.faq__pq{border-bottom:1px solid var(--ink);grid-template-columns:.6rem minmax(0,1fr);align-items:start;gap:.85rem;margin-bottom:1.15rem;padding-bottom:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.faq__pq{border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}}.faq__pq{color:var(--ink);letter-spacing:-.01em;font-size:clamp(1.25rem,1.1rem + .55vw,1.625rem);font-weight:500;line-height:1.35}.faq__pq:before{content:"";background:var(--accent);width:10px;height:10px;margin-top:.55em}.faq__pane .faq__answer{max-width:52ch;line-height:1.8}.faq__paneFoot{border-top:1px solid var(--ink);margin-top:auto;padding-top:1.35rem}@supports (color:color-mix(in lab, red, red)){.faq__paneFoot{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}}.faq__paneFoot{font-size:var(--step-small);color:var(--muted)}.faq__paneFoot a{min-height:2.75rem;color:var(--ink);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.faq__paneFoot a{-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent)}}.faq__paneFoot a{text-underline-offset:.22em}.faq__paneFoot a:hover{color:var(--accent)}@media (width>=62em){.faq__cols{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(2rem,4vw,4rem)}.faq__q{min-height:3.5rem;padding-block:1rem}.faq__more{display:none}.faq__pane{min-height:20rem;top:calc(var(--rail-h) + 1.5rem);flex-direction:column;padding:clamp(1.5rem,2.6vw,2.25rem);display:flex;position:sticky}.faq .faq__mobile[data-open=true]{display:none}}.closer{background:var(--field);color:var(--field-ink);padding-block:clamp(3.25rem,7.5vw,6.5rem)}.closer__grid{align-items:end;gap:clamp(2.25rem,4.5vw,3.5rem);display:grid}.closer__kicker{letter-spacing:.12em;color:var(--field-ink);align-items:center;gap:.55rem;margin-bottom:clamp(1rem,2vw,1.5rem);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.closer__kicker{color:color-mix(in srgb, var(--field-ink) 70%, var(--field))}}.closer__chip{background:var(--field-ink);width:.5rem;height:.5rem}.closer h2{letter-spacing:-.035em;max-width:13ch;color:var(--field-ink);font-size:clamp(2.5rem,5.4vw,6rem);line-height:1.04}.closer__action{justify-items:stretch;gap:.85rem;padding-bottom:.35rem;display:grid}.closer__lede{font-size:var(--step-body);color:var(--field-ink);line-height:1.65}@supports (color:color-mix(in lab, red, red)){.closer__lede{color:color-mix(in srgb, var(--field-ink) 78%, var(--field))}}.closer .button{background:var(--field-ink);min-height:3.25rem;color:var(--field);font-size:var(--step-body)}.closer .button:hover{color:var(--field);background:#235c39}.closer .button:active{transform:translateY(1px)}.closer__platforms{letter-spacing:.015em;color:var(--field-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.closer__platforms{color:color-mix(in srgb, var(--field-ink) 70%, var(--field))}}.closer :focus-visible,.footer :focus-visible{outline-color:var(--field-ink)}@media (width<=61.99em){.closer .button{justify-self:start;width:100%;max-width:24rem}}@media (width>=62em){.closer__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 clamp(3rem,7vw,8rem)}.closer__action{justify-self:end;width:100%;max-width:32rem}}.footer{background:var(--field);color:var(--field-ink);padding-bottom:clamp(1.5rem,3vw,2.25rem)}.footer__top{border-top:1px solid var(--field-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 2rem;padding-block:.9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.footer__top{border-top:1px solid color-mix(in srgb, var(--field-ink) 18%, transparent)}}.footer__brand{letter-spacing:-.015em;align-items:center;gap:.55rem;min-height:2.75rem;font-size:1.1875rem;text-decoration:none;display:inline-flex}.footer__chip{background:var(--field-ink);width:.55rem;height:.55rem}.footer__top nav{font-size:var(--step-small);flex-wrap:wrap;gap:.1rem 1.5rem;display:flex}.footer__top nav a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.footer__top nav a:hover{text-underline-offset:.2em;text-decoration:underline}.footer__notes{border-top:1px solid var(--field-ink);gap:1.25rem 3rem;margin:0;padding-block:clamp(1.15rem,2.5vw,1.6rem);display:grid}@supports (color:color-mix(in lab, red, red)){.footer__notes{border-top:1px solid color-mix(in srgb, var(--field-ink) 10%, transparent)}}.footer__notes{color:var(--field-ink);font-size:.8125rem;line-height:1.7}@supports (color:color-mix(in lab, red, red)){.footer__notes{color:color-mix(in srgb, var(--field-ink) 74%, var(--field))}}.footer__notes dt{letter-spacing:.1em;color:var(--field-ink);margin-bottom:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem}@supports (color:color-mix(in lab, red, red)){.footer__notes dt{color:color-mix(in srgb, var(--field-ink) 70%, var(--field))}}.footer__notes dd{text-wrap:pretty;max-width:62ch;margin:0}.footer__base{border-top:1px solid var(--field-ink);flex-wrap:wrap;justify-content:space-between;gap:.25rem 2rem;padding-top:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.footer__base{border-top:1px solid color-mix(in srgb, var(--field-ink) 10%, transparent)}}.footer__base{font-size:var(--step-small);color:var(--field-ink)}@supports (color:color-mix(in lab, red, red)){.footer__base{color:color-mix(in srgb, var(--field-ink) 74%, var(--field))}}@media (width>=62em){.footer__notes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease-out), transform .9s var(--ease-out);transform:translateY(14px)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-reveal="2"]{transition-delay:70ms}.js [data-reveal="3"]{transition-delay:.14s}}@media print{.js [data-reveal]{opacity:1!important;transition:none!important;transform:none!important}.specimen__slide img{animation:none!important}.topline__action,.skip,.copy,.panel__reset{display:none!important}}@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}