@font-face{font-family:Literata Fallback;src:local(Times New Roman),local(TimesNewRomanPSMT),local(Liberation Serif),local(LiberationSerif);font-weight:100 549;font-style:normal;size-adjust:118.9%;ascent-override:99%;descent-override:25.9%;line-gap-override:0%}@font-face{font-family:Literata Fallback;src:local(Times New Roman Bold),local(TimesNewRomanPS-BoldMT),local(Liberation Serif Bold),local(LiberationSerif-Bold);font-weight:550 1000;font-style:normal;size-adjust:112.1%;ascent-override:105%;descent-override:27.5%;line-gap-override:0%}@font-face{font-family:Literata;src:url(/fonts/literata-latin-opsz-normal.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap;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:Literata;src:url(/fonts/literata-cyrillic-opsz-normal.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;src:url(/fonts/golos-text-latin-wght-normal.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap;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:Golos Text;src:url(/fonts/golos-text-cyrillic-wght-normal.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}:root{color-scheme:light;--ground:#c4ccd2;--ground-hi:#dde2e6;--ground-lo:#9ea9b2;--enamel:#f9f6f2;--enamel-2:#e9e6e0;--plate:#f0ede9;--plate-2:#e2ddd8;--paper:#fbf8f1;--ink:#26201c;--ink-2:#48423e;--ink-3:#4f4945;--rule:#26201c1f;--accent:#e95c12;--accent-deep:#c34200;--accent-text:#8f3100;--graphite:#2f3338;--sand:#dec7a3;--sand-2:#ceb38d;--slate:#46625a;--slate-2:#35514a;--leather:#a8622f;--leather-deep:#5a2e15;--focus:#26201c;--cv-accent:#e95c12;--cv-accent-deep:#c34200;--cv-graphite:#2f3338;--cv-ink:#26201c;--cv-ink-2:#534d49;--cv-plate:#f0ede9;--cv-enamel:#f9f6f2;--serif:"Literata", "Literata Fallback", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--fs-2xs:11.5px;--fs-xs:12.5px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:40px;--lh-tight:1.08;--lh-snug:1.2;--lh-body:1.55;--track-display:-.02em;--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;--gutter:8px;--page:1280px;--r-key:9px;--r-key-lg:14px;--r-plate:16px;--r-panel:22px;--r-device:30px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-motor:cubic-bezier(.2, .9, .22, 1.06);--t-key:80ms;--t-quick:.16s;--t-move:.3s;--t-reveal:.82s;--steel:repeating-linear-gradient(90deg, #ffffff12 0 1px, #00000009 1px 2px), linear-gradient(180deg, #f6f5f2 0%, #dedbd6 46%, #cfcbc5 54%, #e7e4df 100%);--well:0 0 0 2px #e9e5df, 0 0 0 3px #5042346b;--knurl:linear-gradient(90deg, #00000052 0%, #fff6 26%, #ffffff0d 52%, #0000001f 74%, #0006 100%), repeating-linear-gradient(45deg, #28242052 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, #28242052 0 1px, #ffffff1f 1px 2px, transparent 2px 4px), linear-gradient(180deg, #f1f0ed 0%, #c9c6c0 55%, #a7a39d 100%);--enamel-face:radial-gradient(90% 40% at 22% 0%, #fffffff2 0%, #fff0 70%), linear-gradient(180deg, var(--enamel) 0%, var(--enamel) 55%, var(--enamel-2) 100%);--enamel-shadow:inset 0 1.5px 0 #fff, inset 0 -3px 0 #7864501f, inset 0 0 0 1px #ffffff80, 0 1px 2px #1e242a2e, 0 10px 18px -8px #1e242a52, 0 44px 70px -24px #1e242a73;--plate-inset:inset 0 3px 7px #3c2c1e38, inset 0 1px 1.5px #3c2c1e4d, inset 0 -1px 0 #fffc, 0 0 0 3px #ffffffd9, 0 0 0 4px #7868582e;--rail:linear-gradient(180deg, #2a2724 0%, #45403b 60%, #5d5750 100%);--led-off:radial-gradient(circle at 35% 30%, #fff, #c9c1b6 70%);--led-on:radial-gradient(circle at 35% 30%, #ffe0c8, var(--accent) 60%);--led-glow:0 0 6px 1px #e95c12cc;--led-graphite:radial-gradient(circle at 35% 30%, #c8ccd2, #3d4248 70%)}@supports (color:oklch(0 0 0)){:root{--ground:oklch(84% .012 240);--ground-hi:oklch(91% .008 240);--ground-lo:oklch(73% .018 240);--enamel:oklch(97.5% .006 85);--enamel-2:oklch(92.5% .009 80);--plate:oklch(94.8% .006 80);--plate-2:oklch(90% .009 75);--paper:oklch(98.2% .012 90);--ink:oklch(25% .012 60);--ink-2:oklch(38.5% .012 60);--ink-3:oklch(40.8% .012 60);--accent:oklch(65% .19 42);--accent-deep:oklch(55.5% .175 40);--accent-text:oklch(44.5% .148 40);--graphite:oklch(32% .01 250);--sand:oklch(84% .055 80);--sand-2:oklch(78% .06 75);--slate:oklch(47% .035 175);--slate-2:oklch(41% .035 178);--leather:oklch(56% .11 55);--leather-deep:oklch(33% .07 45)}}@media (width>=760px){:root{--gutter:24px;--fs-3xl:34px;--fs-4xl:48px;--r-device:40px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--s-4);overflow-x:clip}body{min-height:100svh;font:400 var(--fs-md) / var(--lh-body) var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);background:url(/img/grain.svg), radial-gradient(130% 80% at 50% -10%, var(--ground-hi) 0%, var(--ground) 48%, var(--ground-lo) 100%) fixed;background-color:var(--ground);overflow-wrap:break-word;margin:0;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.012em;font-weight:600;line-height:var(--lh-snug);text-wrap:balance}p,li,dd{text-wrap:pretty}ul,ol{padding-left:1.25em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--ink);text-underline-offset:3px;text-decoration-color:#e95c12b3;text-decoration-thickness:2px}a:hover{text-decoration-color:var(--accent)}.fine a,.notice a,.steps a,.legal p a,.quiz-notes a,.share-type-url a,.tg-legal-links a{align-items:center;min-width:44px;min-height:44px;margin-block:-12px;padding-block:6px;display:inline-flex}code{font-family:var(--mono);overflow-wrap:anywhere;font-size:.92em}strong,b{font-weight:650}img,svg,canvas{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.vh,.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--s-2);z-index:60;border-radius:var(--r-key);background:var(--enamel);padding:10px 14px;font-weight:600;position:absolute;top:-80px;box-shadow:0 4px 12px #1e242a59}.skip-link:focus{top:var(--s-2)}main:focus{outline:none}.table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.table-wrap:focus-visible{outline-offset:2px;border-radius:8px}table{border-collapse:collapse;width:100%;font-size:var(--fs-xs)}caption{caption-side:top;text-align:left;padding:0 0 var(--s-2);font-size:var(--fs-xs);color:var(--ink-2)}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:7px 10px 7px 0}thead th{vertical-align:bottom;border-bottom:1px solid #26201c47;font-weight:650}tbody tr:last-child>*{border-bottom:0}th[scope=row]{font-weight:500}td.num,th.num,td.n,th.n{text-align:right;white-space:nowrap}[data-motion=off] *,[data-motion=off] :before,[data-motion=off] :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) *,html:not([data-motion=on]) :before,html:not([data-motion=on]) :after{transition:none!important;animation:none!important}}.wrap{width:min(var(--page), 100% - 2 * var(--gutter));margin-inline:auto}.banner{min-height:34px;font-size:var(--fs-xs);text-align:center;color:var(--ink);padding:8px 12px 6px;font-weight:500;line-height:1.3}.banner .led{vertical-align:.05em;margin-right:7px}.strip{width:min(var(--page), 100% - 2 * var(--gutter));background:linear-gradient(180deg, #fbf9f6 0%, var(--enamel) 50%, var(--enamel-2) 100%);border-radius:18px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 auto 10px;padding:6px 10px 6px 16px;display:flex;position:relative;box-shadow:inset 0 1px #fff,inset 0 -2px #7864501f,0 1px 2px #1e242a2e,0 8px 18px -10px #1e242a66}.wordmark{min-height:44px;font:italic 700 21px / 1 var(--serif);letter-spacing:.005em;color:var(--ink);text-shadow:0 1px #fff;align-items:center;margin-right:4px;text-decoration:none;display:inline-flex}.site-nav ul{flex-wrap:wrap;gap:2px 4px;padding:0;list-style:none;display:flex}.site-nav a{min-width:44px;min-height:44px;font-size:var(--fs-sm);color:var(--ink);text-shadow:0 1px #fff;border-radius:10px;justify-content:center;align-items:center;padding:0 7px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover{background:#26201c0d}.site-nav a[aria-current=page],.site-nav a[aria-current=true]{box-shadow:inset 0 -3px 0 var(--accent);border-radius:10px 10px 2px 2px}.demo-key{white-space:nowrap}.strip-keys{align-items:center;gap:12px;margin-left:auto;display:flex}@media (width<=759px){.banner{min-height:28px;font-size:var(--fs-2xs);padding:5px 10px 4px;line-height:1.25}.strip{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"word.lang motion""nav nav nav nav";gap:2px 8px;margin-bottom:6px;padding:1px 8px 1px 12px;display:grid}.strip .demo-key{display:none}.strip .wordmark{grid-area:word}.strip .site-nav{overscroll-behavior-x:contain;scrollbar-width:none;grid-area:nav;min-width:0;margin:0 -8px 0 -12px;padding-left:4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 22px),#0000)}.strip .site-nav::-webkit-scrollbar{display:none}.strip .site-nav ul{flex-wrap:nowrap;padding-right:18px}.strip .site-nav a{white-space:nowrap}.strip .strip-keys{display:contents}.strip .lang-keys{grid-area:lang;justify-self:end}.strip .motion-key{grid-area:motion;align-self:center}.strip:after{content:"";background:#26201c14;height:1px;position:absolute;top:46px;left:12px;right:12px}.site-nav ul{gap:0 2px}.wordmark{font-size:19px}.strip-keys{gap:8px}.lang-keys ul{gap:6px}.motion-key .motion-state{display:none}}.lang-keys ul{gap:8px;padding:0;list-style:none;display:flex}.lang-keys a{text-decoration:none}.site-foot{margin-top:var(--s-10);padding:var(--s-6) 0 var(--s-10);font-size:var(--fs-xs);color:var(--ink)}.site-foot .wrap{gap:var(--s-5);padding-inline:8px;display:grid}.foot-map{gap:var(--s-4) var(--s-8);padding-bottom:var(--s-4);border-bottom:1px solid #26201c29;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.foot-heading{font:600 var(--fs-md) / 1.3 var(--serif);text-shadow:0 1px #fff9;margin-bottom:2px}.foot-map ul{gap:0;padding:0;list-style:none;display:grid}.foot-notes{gap:4px;max-width:760px;display:grid}.foot-forget-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px;display:flex}.site-foot .fine,.site-foot .muted{color:var(--ink)}.site-foot a{align-items:center;min-width:44px;min-height:44px;font-weight:600;display:inline-flex}@media (width<=759px){.foot-map{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-map>:last-child{grid-column:1/-1}}.led{background:var(--led-off);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:inset 0 0 0 .5px #3c2c1e80}.led--on,[aria-pressed=true]>.led,[aria-current=page]>.led,[aria-checked=true]>.led,input:checked+.key>.led{background:var(--led-on);box-shadow:var(--led-glow)}.led--graphite{background:var(--led-graphite);box-shadow:inset 0 0 0 .5px #0009}.key{border-radius:var(--r-key);min-height:44px;font-size:var(--fs-sm);color:var(--ink);text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--t-key) var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-weight:600;line-height:1.15;text-decoration:none;display:inline-flex;position:relative}.key:disabled,.key[aria-disabled=true]{cursor:default}.key--steel{background:var(--steel);box-shadow:var(--well), 0 3px 0 2px #a8a39b, 0 5px 8px 1px #3c2c1e47, inset 0 1px 0 #fff;text-shadow:0 1px #ffffffbf}.key--steel:active:not(:disabled),.key--steel[aria-pressed=true],.key--steel[aria-current=page],input:checked+.key--steel{box-shadow:var(--well), 0 1px 0 2px #a8a39b, inset 0 2px 4px #3c2c1e2e;transform:translateY(2px)}.key--steel:disabled{opacity:.55}.key--small{min-width:44px;min-height:44px;font-size:var(--fs-2xs);border-radius:8px;gap:6px;padding:3px 9px}.key--small:after{content:"";position:absolute;inset:0}.key--enamel{border-radius:var(--r-key-lg);min-height:68px;font:600 19px / 1.1 var(--serif);letter-spacing:-.012em;font-optical-sizing:auto;text-wrap:balance;background:linear-gradient(#fffdfa 0%,#f1ede6 60%,#e8e3dc 100%);padding:14px 12px 10px;overflow:hidden;box-shadow:0 0 0 2px #ebe7e1,0 0 0 3px #50423466,0 5px 0 2px #cfc7bb,0 8px 14px #3c2c1e4d,inset 0 1px #fff}.key--enamel:before{content:"";background:var(--swatch,transparent);height:6px;position:absolute;top:0;left:0;right:0}.key--enamel[data-swatch=sand]{--swatch:linear-gradient(180deg, var(--sand), var(--sand-2))}.key--enamel[data-swatch=slate]{--swatch:linear-gradient(180deg, var(--slate), var(--slate-2))}.key--enamel[data-swatch=orange]{--swatch:linear-gradient(180deg, #f27537, var(--accent))}.key--enamel[data-swatch=graphite]{--swatch:linear-gradient(180deg, #4a4e54, var(--graphite))}.key--enamel>.led{position:absolute;top:14px;right:12px}.key--enamel:active:not(:disabled),.key--enamel[aria-pressed=true]{transform:translateY(4px);box-shadow:0 0 0 2px #ebe7e1,0 0 0 3px #50423466,0 1px 0 2px #cfc7bb,0 2px 4px #3c2c1e4d,inset 0 2px 5px #3c2c1e24}.key--enamel:disabled:not([aria-pressed=true]){color:#26201c80}@media (width>=760px){.key--enamel{min-height:78px;font-size:23px}}.key--main{min-height:48px;font:650 19px / 1 var(--serif);letter-spacing:-.012em;font-optical-sizing:auto;color:#181310;background:radial-gradient(80% 120% at 50% 0%, #ffffff59, #fff0 60%), linear-gradient(180deg, #f27537 0%, var(--accent) 48%, #e45810 100%);border-radius:12px;padding:8px 16px;box-shadow:0 4px #9d3604,0 7px 12px -2px #5a220073,inset 0 1px #ffffff8c}.key--main:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #9d3604,0 2px 4px #5a220066,inset 0 2px 6px #78280040}.key--main .key-sub{font:600 var(--fs-xs) / 1.15 var(--sans);letter-spacing:0;margin-top:4px;display:block}.key--main.key--stack{flex-direction:column;gap:0}.key:focus-visible{outline-offset:4px}.motion-key .motion-state{font-weight:500}.panel{padding:var(--s-5) var(--s-4);border-radius:var(--r-panel);background:var(--enamel-face);box-shadow:var(--enamel-shadow);position:relative}.panel--plate{background:linear-gradient(180deg, var(--plate), var(--plate-2));box-shadow:var(--plate-inset)}.panel--paper{background:var(--paper);border-radius:6px 6px 16px 16px;box-shadow:0 1px 2px #1e242a2e,0 10px 22px -12px #1e242a73}@media (width>=760px){.panel{padding:var(--s-6) var(--s-6) var(--s-6)}}.engraved{font:600 var(--fs-xl) / var(--lh-snug) var(--serif);letter-spacing:-.01em;color:var(--ink);text-shadow:0 1px #ffffffd9}.panel>.engraved,.panel-head{margin-bottom:var(--s-3)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.panel-head>.engraved{margin:0}.panel p+p,.panel p+ul,.panel ul+p{margin-top:var(--s-2)}.muted{color:var(--ink-2)}.fine{font-size:var(--fs-xs);color:var(--ink-2)}.lede{font-size:var(--fs-lg);color:var(--ink);line-height:1.5}.plate-dl{background:#26201c1a;border-radius:12px;flex-wrap:wrap;gap:1px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #26201c14}.plate-dl>div{background:linear-gradient(#f6f3ef,#eeeae5);flex:140px;padding:9px 12px 10px}.plate-dl dt{font-size:var(--fs-2xs);color:var(--ink-2);font-weight:600}.plate-dl dd{font:600 var(--fs-md) / 1.3 var(--serif);overflow-wrap:anywhere;margin-top:2px}.notice{padding:var(--s-3) var(--s-4);box-shadow:inset 3px 0 0 var(--accent), 0 1px 2px #1e242a1f;font-size:var(--fs-sm);background:linear-gradient(#fff6ee,#fbeee2);border-radius:12px;gap:4px;display:grid}.notice p+p{margin:0}.notice h3{font-size:var(--fs-md)}.badge{font-size:var(--fs-2xs);color:var(--ink-2);vertical-align:.1em;align-items:center;gap:6px;margin-left:8px;font-weight:600;display:inline-flex}.badge:before{content:"";background:var(--led-on);border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #e95c1299}.fader{color:var(--ink);position:relative}.fader-svg{width:100%;display:block;overflow:visible}.f-rail{fill:#3a3531}.f-pipe{fill:var(--accent)}.f-pipe-glow{fill:#e95c1247}.f-mid{stroke:#26201c8c;stroke-width:1px}.f-tick{stroke:#1e181280;stroke-width:1px}.f-tick--major{stroke:#1e1812b3}.f-notch{fill:var(--ink)}.f-people{fill:var(--graphite);stroke:var(--enamel);stroke-width:2px}.f-label{font:700 11.5px / 1 var(--sans);fill:var(--ink)}.f-num{font:600 11.5px / 1 var(--sans);fill:var(--ink)}.fader--row .fader-svg{height:22px}.fader--strip{padding:6px 0 0}.fader--strip .fader-svg{height:70px}.fader-field{gap:2px;min-width:0;display:grid}.fader-head{font-size:var(--fs-xs);justify-content:space-between;align-items:baseline;gap:8px;font-weight:600;display:flex}.fader-head output{font:600 19px / 1 var(--serif);letter-spacing:-.01em;font-optical-sizing:auto;white-space:nowrap}.fader--input{touch-action:none;cursor:grab;--x:50%;--capw:44px;--caph:44px;--rail-pad:12px;outline:none;height:52px}.fader--input:focus-visible{box-shadow:0 0 0 3px var(--ink);border-radius:10px}.fader--input[aria-disabled=true]{cursor:default}.fader-rail{left:var(--rail-pad);right:var(--rail-pad);background:var(--rail);border-radius:5px;height:10px;position:absolute;top:22px;box-shadow:inset 0 2px 3px #0009,0 1px #fff}.fader-ticks{left:calc(var(--capw) / 2 + var(--rail-pad));right:calc(var(--capw) / 2 + var(--rail-pad));background:linear-gradient(90deg,#1e18129e 0 1px,#0000 1px) 0 100%/calc(25% - .25px) 12px repeat-x,linear-gradient(90deg,#1e181266 0 1px,#0000 1px) 0 100%/calc(5% - .05px) 6px repeat-x;height:12px;position:absolute;top:2px}.fader-cap{z-index:3;width:var(--capw);height:var(--caph);margin:calc(var(--caph) / -2) 0 0 calc(var(--capw) / -2);background:var(--knurl);transform:translateX(var(--x));border-radius:8px;position:absolute;top:27px;left:0;box-shadow:0 10px 14px -4px #14100c80,0 3px 4px #14100c59,inset 0 1px #ffffffe6,inset 0 -3px 4px #00000040,inset 0 0 0 1px #3c363059}.fader-cap:before{content:"";background:linear-gradient(90deg,#8e8a84,#f4f3f1 35%,#c8c5bf 65%,#7d7974);border-radius:3px;height:14px;margin-top:-7px;position:absolute;top:50%;left:4px;right:4px;box-shadow:inset 0 1px 1px #0000004d,0 1px #fff9}.fader-cap:after{content:"";background:var(--ink);width:2px;height:14px;margin:-7px 0 0 -1px;position:absolute;top:50%;left:50%;box-shadow:1px 0 #ffffffb3}.fader-cap.click{animation:cap-click .16s var(--ease)}@keyframes cap-click{40%{translate:0 1.5px;scale:.985}}.knob{border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px;min-width:0;margin:0;padding:0;display:grid}.knob>legend{font-size:var(--fs-xs);grid-column:1/-1;margin-bottom:8px;padding:0;font-weight:700}.knob-dial{background:repeating-conic-gradient(from 0deg, #8f8a83 0 3deg, #f1efeb 3deg 6deg);width:68px;height:68px;transform:rotate(var(--rot,-60deg));border-radius:50%;transition:transform .36s cubic-bezier(.2,1.3,.4,1);position:relative;box-shadow:0 6px 10px -2px #1e181273,0 2px 3px #1e181259,inset 0 0 0 1px #3c363066}.knob-dial:before{content:"";background:radial-gradient(circle at 38% 30%,#fff 0%,#e7e5e1 30%,#b9b5af 75%,#8e8a84 100%);border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 4px #00000040,0 1px 2px #00000059}.knob-dial:after{content:"";background:var(--ink);border-radius:2px;width:3px;height:16px;margin-left:-1.5px;position:absolute;top:12px;left:50%;box-shadow:1px 0 #fff9}.knob-options{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;min-width:0;display:grid}.knob-options input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.knob-options .key{width:100%;min-height:44px;font-size:var(--fs-xs);text-align:left;cursor:pointer;justify-content:flex-start;padding:6px 10px}.knob-options input:focus-visible+.key{outline:3px solid var(--focus);outline-offset:3px}.knob:has(.knob-options>:nth-child(2)>input:checked) .knob-dial{--rot:-30deg}.knob:has(.knob-options>:nth-child(3)>input:checked) .knob-dial{--rot:0deg}.knob:has(.knob-options>:nth-child(4)>input:checked) .knob-dial{--rot:30deg}.knob:has(.knob-options>:nth-child(5)>input:checked) .knob-dial{--rot:60deg}.knob:has(.knob-options>:nth-child(6)>input:checked) .knob-dial{--rot:90deg}.knob:has(.knob-options>:nth-child(7)>input:checked) .knob-dial{--rot:120deg}.knob:has(.knob-options>:nth-child(8)>input:checked) .knob-dial{--rot:150deg}.knob:has(.knob-options>:nth-child(9)>input:checked) .knob-dial{--rot:180deg}.knob:has(.knob-options>:nth-child(10)>input:checked) .knob-dial{--rot:210deg}.knob:not(:has(input:checked)) .knob-dial{--rot:-120deg}.ledrow{background:linear-gradient(#e7e2db,#f1ede8);border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;padding:7px 10px;display:inline-flex;box-shadow:inset 0 1px 3px #3c2c1e4d,inset 0 -1px #ffffffe6}.ledrow .led{width:10px;height:10px}.tape-wrap{padding:4px 0;position:relative}.tape{resize:none;width:100%;min-height:76px;font:400 var(--fs-lg) / 1.4 var(--serif);color:var(--ink);background:repeating-linear-gradient(180deg, transparent 0 23px, #3c2c1e0f 23px 24px), var(--paper);clip-path:polygon(0 6%,2% 0,6% 5%,11% 1%,17% 4%,24% 0,33% 3%,41% 0,52% 4%,60% 1%,70% 4%,79% 0,88% 3%,95% 0,100% 5%,100% 95%,97% 100%,90% 96%,82% 100%,73% 96%,64% 100%,55% 97%,45% 100%,36% 96%,27% 100%,18% 97%,9% 100%,3% 96%,0 100%);filter:drop-shadow(0 2px 2px #3c2c1e40);border:0;padding:12px 16px;display:block;transform:rotate(-.5deg)}.tape:focus-visible{outline:3px solid var(--ink);outline-offset:2px;clip-path:none}.numbers{border-radius:var(--r-plate);background:#f9f6f2eb;box-shadow:0 1px 2px #1e242a2e}.numbers>summary{cursor:pointer;min-height:48px;font-size:var(--fs-sm);align-items:center;gap:10px;padding:0 16px;font-weight:650;list-style:none;display:flex}.numbers>summary::-webkit-details-marker{display:none}.numbers>summary:before{content:"";border:5px solid #0000;border-left:7px solid var(--ink);width:0;height:0;transition:transform var(--t-quick) var(--ease);border-right:0}.numbers[open]>summary:before{transform:rotate(90deg)}.numbers-body{font-size:var(--fs-xs);gap:10px;padding:0 16px 16px;display:grid}.numbers-body h3{font-size:var(--fs-md);margin-top:6px}.numbers-body p{color:var(--ink-2)}.sheet{width:min(560px,100%);max-width:100%;color:var(--ink);background:0 0;border:0;margin:auto auto 0;padding:0}.sheet::backdrop{background:#1e242a80}.sheet-body{border-radius:var(--r-panel);background:linear-gradient(180deg, var(--enamel), var(--enamel-2));margin:0 8px 8px;padding:16px;box-shadow:0 30px 60px #14181c80}.sheet[open] .sheet-body{animation:sheet-up .24s var(--ease)}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}}@media (width>=760px){.sheet{margin:auto}}.howto{font-size:var(--fs-sm)}.howto>summary{cursor:pointer;min-height:44px;font-size:var(--fs-xs);letter-spacing:.01em;color:var(--ink-2);border-radius:6px;align-items:center;gap:8px;padding:0 2px;font-weight:650;list-style:none;display:inline-flex}.howto>summary::-webkit-details-marker{display:none}.howto>summary:before{content:"";width:0;height:0;transition:transform var(--t-quick) var(--ease);border:4.5px solid #0000;border-left:6px solid;border-right:0}.howto[open]>summary:before{transform:rotate(90deg)}.howto>summary:hover{color:var(--ink)}.howto>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.howto-body{color:var(--ink-2);gap:6px;padding:2px 2px 10px;line-height:1.45;display:grid}.howto[open]>.howto-body{animation:howto-open .2s var(--ease)}@keyframes howto-open{0%{opacity:0;transform:translateY(-3px)}}.demo-tag{font-size:var(--fs-2xs);letter-spacing:.02em;color:var(--accent-text);align-items:center;gap:6px;font-weight:700;display:inline-flex}