.os{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light] .os{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .os{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.os,.os .os-ch{--os-ground:var(--lightningcss-light,#f3f5f4)var(--lightningcss-dark,#0f1312);--os-panel:var(--lightningcss-light,#fbfcfc)var(--lightningcss-dark,#161c1b);--os-sunken:var(--lightningcss-light,#e6ebe9)var(--lightningcss-dark,#1f2725);--os-grid:var(--lightningcss-light,#d5dddb)var(--lightningcss-dark,#26302e);--os-ink:var(--lightningcss-light,#121816)var(--lightningcss-dark,#e8eeec);--os-ink-soft:var(--lightningcss-light,#4a5551)var(--lightningcss-dark,#9aa6a1);--os-teal:var(--lightningcss-light,#0e6f68)var(--lightningcss-dark,#5cc2b6);--os-teal-strong:var(--lightningcss-light,#0a5651)var(--lightningcss-dark,#7fd6cb);--os-on-teal:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f1312);--os-wash:var(--lightningcss-light,#d9ece9)var(--lightningcss-dark,#12302c);--os-warn:var(--lightningcss-light,#8a5300)var(--lightningcss-dark,#f0b45c);--os-alert:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#ff8a7a);--os-c0:var(--lightningcss-light,#b88a4a)var(--lightningcss-dark,#c79a5a);--os-c1:var(--lightningcss-light,#cfae74)var(--lightningcss-dark,#d9bd88);--os-c2:var(--lightningcss-light,#7fa99b)var(--lightningcss-dark,#8fbcad);--os-c3:var(--lightningcss-light,#2f8a80)var(--lightningcss-dark,#4fb3a6);--os-c4:var(--lightningcss-light,#5d6b78)var(--lightningcss-dark,#8796a3);--os-ease:cubic-bezier(.2, .7, .2, 1);--os-mono:var(--font-plex-mono), ui-monospace, "SFMono-Regular", monospace;--os-sans:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;--os-note:var(--font-instrument), Georgia, serif;--os-gut:clamp(16px, 4vw, 56px)}.os{background:var(--os-ground);color:var(--os-ink);font-family:var(--os-sans)}.os .os-ch{background:var(--os-ground);color:var(--os-ink)}.os .os-ch-panel{background:var(--os-panel)}.os .os-ch-wash{background:var(--os-wash)}.os .os-ch-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.os ::selection{background:var(--os-teal);color:var(--os-on-teal)}.os :focus-visible{outline:3px solid var(--os-teal);outline-offset:3px}.os-wrap{max-width:1440px;padding-inline:var(--os-gut);margin-inline:auto}.os-section{padding-block:clamp(96px,12vw,176px)}.os-h1{font-family:var(--os-sans);font-variation-settings:"wdth" 112;letter-spacing:-.035em;font-size:clamp(52px,6vw,96px);font-weight:800;line-height:.9}.os-h2{font-variation-settings:"wdth" 112;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(38px,4.8vw,74px);font-weight:750;line-height:.98}.os-h3{font-variation-settings:"wdth" 105;letter-spacing:-.01em;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.15}.os-statement{text-wrap:pretty;max-width:32ch;font-size:clamp(21px,2vw,28px);line-height:1.32}.os-body{text-wrap:pretty;max-width:62ch;font-size:18px;line-height:1.58}.os-small{color:var(--os-ink-soft);font-size:14px;line-height:1.45}.os-mono{font-family:var(--os-mono);font-variant-numeric:tabular-nums}.os-readout{font-family:var(--os-mono);font-variant-numeric:tabular-nums;color:var(--os-ink-soft);font-size:14px}.os-note{font-family:var(--os-note);color:var(--os-teal);font-size:24px;font-style:italic;line-height:1.2}.os-label{background:var(--os-warn);color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0f1312);align-items:center;gap:12px;padding:10px 16px;font-size:15px;font-weight:700;display:inline-flex}.os-label svg{flex:none}.os-btn{background:var(--os-teal);min-height:48px;color:var(--os-on-teal);transition:transform .16s var(--os-ease), background-color .16s var(--os-ease);touch-action:manipulation;border-radius:6px;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:700;display:inline-flex}.os-btn:hover{background:var(--os-teal-strong)}.os-btn:active{transform:scale(.97)}.os-btn-ghost{background:var(--os-sunken);color:var(--os-ink)}.os-btn-ghost:hover{background:var(--os-grid)}.os-btn .os-arrow{transition:transform .2s var(--os-ease)}.os-btn:hover .os-arrow{transform:translate(2px,-2px)}.os-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.os-link:hover{color:var(--os-teal)}.os-seg{background:var(--os-sunken);border-radius:10px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.os-seg button{min-height:40px;font-family:var(--os-mono);color:var(--os-ink);transition:background-color .18s var(--os-ease), color .18s var(--os-ease), transform .12s var(--os-ease);touch-action:manipulation;border-radius:6px;padding:0 14px;font-size:14px}.os-seg button:hover{background:var(--os-grid)}.os-seg button[aria-pressed=true]{background:var(--os-teal);color:var(--os-on-teal)}.os-seg button:active{transform:scale(.96)}.os-range{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:40px}.os-range::-webkit-slider-runnable-track{background:var(--os-grid);border-radius:2px;height:4px}.os-range::-moz-range-track{background:var(--os-grid);height:4px}.os-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--os-teal);border:3px solid var(--os-panel);border-radius:50%;width:22px;height:22px;margin-top:-9px}.os-range::-moz-range-thumb{background:var(--os-teal);border:3px solid var(--os-panel);border-radius:50%;width:16px;height:16px}.os-screen{background:var(--os-panel);border-radius:10px;overflow:hidden}.os-ch-panel .os-screen{background:var(--os-ground)}.os-screen-bar{background:var(--os-sunken);font-family:var(--os-mono);color:var(--os-ink-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.os-live{align-items:center;gap:8px;display:inline-flex}.os-live:before{content:"";background:var(--os-teal);border-radius:50%;width:8px;height:8px;animation:1.6s steps(2,end) infinite os-blink}@keyframes os-blink{50%{opacity:.25}}.os-flag{background:var(--os-sunken);min-height:32px;font-family:var(--os-mono);color:var(--os-ink-soft);transition:background-color .2s var(--os-ease), color .2s var(--os-ease);border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:inline-flex}.os-flag:before{content:"";background:var(--os-grid);border-radius:50%;width:9px;height:9px}.os-flag[data-on=true]{color:var(--os-ink);background:color-mix(in oklab, var(--os-alert) 22%, var(--os-sunken))}.os-flag[data-on=true]:before{background:var(--os-alert)}.os-meter{background:var(--os-sunken);border-radius:5px;height:10px;position:relative;overflow:hidden}.os-meter>i{background:var(--os-teal);transform-origin:0;width:100%;transition:transform .7s var(--os-ease);border-radius:5px;position:absolute;inset:0 auto 0 0}.os-meter>b{background:var(--os-ink);width:2px;position:absolute;top:-3px;bottom:-3px}.os-spec-bar{transform-origin:bottom;transition:transform .26s var(--os-ease)}.os-spec-num{transition:transform .26s var(--os-ease)}.os-net .edge{stroke:var(--os-teal);transition:stroke-opacity .5s var(--os-ease)}.os-net .node{transition:fill-opacity .5s var(--os-ease), r .5s var(--os-ease)}.os-table{border-collapse:collapse;width:100%;font-size:16px}.os-table th,.os-table td{text-align:left;vertical-align:top;border-top:1px solid var(--os-grid);padding:16px 14px}.os-table thead th{font-family:var(--os-mono);color:var(--os-ink-soft);border-top:0;font-size:13px;font-weight:500}@media (max-width:640px){.os-table thead{display:none}.os-table tr{border-top:1px solid var(--os-grid);padding:6px 0;display:block}.os-table td{border-top:0;padding:8px 14px;display:block}}.os-lamp{vertical-align:1px;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}.os-photo img{transition:transform .9s var(--os-ease)}@media (hover:hover) and (pointer:fine){.os-photo:hover img{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.os *,.os :before,.os :after{transition:none!important;animation:none!important}}
