.sd-keypad{--keypad-key: var(--sdi-color-face-center);--keypad-key-hi: var(--sdi-color-face-center);--keypad-accent: var(--sdi-color-ink);--keypad-on-accent: var(--sdi-color-window);box-sizing:border-box;width:300px;max-width:100%;padding:18px;color:var(--sdi-color-ink);background:var(--sdi-color-face);border:1px solid var(--sdi-color-window-stroke);border-radius:16px;font-family:var(--sdi-font-family);font-variant-numeric:tabular-nums}.sd-keypad *,.sd-keypad *:before,.sd-keypad *:after{box-sizing:border-box}.sd-keypad[data-sdi-look=realistic]{border:4px solid var(--sdi-color-bezel-mid);border-top-color:var(--sdi-color-bezel-hi);border-bottom-color:var(--sdi-color-bezel-lo);border-radius:12px;box-shadow:0 8px 0 var(--sdi-color-bezel-lo),inset 0 0 0 2px var(--sdi-color-lip);--keypad-key: var(--sdi-color-bezel-mid);--keypad-key-hi: var(--sdi-color-bezel-hi);--keypad-accent: var(--sdi-color-bug);--keypad-on-accent: var(--sdi-color-lip)}.sd-keypad[data-sdi-look=skydeck]{background:var(--sdi-color-face-center);-webkit-backdrop-filter:blur(var(--sdi-glass-blur)) saturate(var(--sdi-glass-saturate));backdrop-filter:blur(var(--sdi-glass-blur)) saturate(var(--sdi-glass-saturate));box-shadow:var(--sdi-glass-shadow);border-color:var(--sdi-color-rim-mid);--keypad-key: var(--sdi-color-window);--keypad-accent: var(--sdi-color-needle);--keypad-on-accent: var(--sdi-color-tas-ink)}.sd-keypad[data-sdi-look=minimal]{border-radius:14px;--keypad-key: var(--sdi-color-face-center);--keypad-accent: var(--sdi-color-bug);--keypad-on-accent: var(--sdi-color-hub-ring)}.sd-keypad__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.sd-keypad__header h2{margin:0;font-size:13px;font-weight:var(--sdi-font-title-weight);letter-spacing:.02em}.sd-keypad__tag{font-size:9px;letter-spacing:.16em;color:var(--sdi-color-ink-dim)}.sd-keypad__readout{padding:12px 14px 10px;background:var(--sdi-color-window);border:1px solid var(--sdi-color-window-stroke);border-radius:6px}.sd-keypad[data-sdi-look=realistic] .sd-keypad__readout{border-color:var(--sdi-color-lip);box-shadow:inset 0 2px 5px var(--sdi-color-lip)}.sd-keypad__current{color:var(--sdi-color-ink-dim);font-size:10px;letter-spacing:.08em}.sd-keypad__entry{display:flex;align-items:baseline;gap:8px;margin-top:6px}.sd-keypad__value{flex:1;min-width:0;min-height:48px;font:var(--sdi-font-numeral-weight) 40px/1.2 var(--sdi-font-family);letter-spacing:-.02em;border-radius:3px;caret-color:transparent;overflow:hidden;white-space:nowrap}.sd-keypad__slots>span{display:inline-block;min-width:.55em;text-align:center}.sd-keypad__slot--placeholder,.sd-keypad[data-fresh=true] .sd-keypad__slots{color:var(--sdi-color-ink-dim)}.sd-keypad__unit{font-size:12px;color:var(--sdi-color-ink-dim)}.sd-keypad__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sd-keypad__hint{min-height:32px;padding-top:8px;font-size:11px;line-height:1.4;color:var(--sdi-color-ink-dim)}.sd-keypad[data-invalid=true] .sd-keypad__hint,.sd-keypad[data-invalid=true] .sd-keypad__value{color:var(--keypad-accent)}.sd-keypad__presets{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.sd-keypad__presets:empty{display:none}.sd-keypad__keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sd-keypad__key{appearance:none;display:grid;place-items:center;min-height:56px;padding:0 8px;border:1px solid var(--sdi-color-window-stroke);border-radius:8px;background:var(--keypad-key);color:var(--sdi-color-ink);font:var(--sdi-font-numeral-weight) 24px/1 var(--sdi-font-family);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform 60ms ease,filter .12s ease}.sd-keypad[data-sdi-look=realistic] .sd-keypad__key{background:linear-gradient(180deg,var(--keypad-key-hi),var(--keypad-key) 55%);border-color:var(--sdi-color-lip);box-shadow:0 3px 0 var(--sdi-color-lip),inset 0 1px 0 var(--sdi-color-bezel-hi)}.sd-keypad[data-sdi-look=realistic] .sd-keypad__key:enabled:active{box-shadow:0 1px 0 var(--sdi-color-lip),inset 0 1px 0 var(--sdi-color-bezel-hi);transform:translateY(2px)}.sd-keypad[data-sdi-look=skydeck] .sd-keypad__key{border-color:var(--sdi-color-rim-lo)}.sd-keypad[data-sdi-look=minimal] .sd-keypad__key{border-color:transparent}.sd-keypad .sd-keypad__key--utility{font-size:16px;color:var(--sdi-color-ink-dim)}.sd-keypad .sd-keypad__shortcut{min-height:36px;padding:0 12px;font-size:11px;font-weight:var(--sdi-font-small-weight);letter-spacing:.04em;color:var(--sdi-color-ink);background:transparent;box-shadow:none;border-color:var(--sdi-color-window-stroke)}.sd-keypad[data-sdi-look=realistic] .sd-keypad__shortcut{background:transparent;box-shadow:none}.sd-keypad__actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:14px}.sd-keypad .sd-keypad__cancel{font-size:13px;background:transparent;box-shadow:none}.sd-keypad[data-sdi-look=realistic] .sd-keypad__cancel{background:transparent}.sd-keypad .sd-keypad__confirm{font-size:14px;font-weight:700;border-color:transparent;background:var(--keypad-accent);color:var(--keypad-on-accent)}.sd-keypad[data-sdi-look=realistic] .sd-keypad__confirm{background:var(--keypad-accent)}.sd-keypad button:disabled{opacity:.3;cursor:default}.sd-keypad button:enabled:hover{filter:brightness(1.15)}.sd-keypad button:enabled:active{transform:translateY(1px)}.sd-keypad :focus-visible{outline:2px solid var(--keypad-accent);outline-offset:3px}.sd-keypad-dialog{padding:0;border:0;background:transparent;color:inherit;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border-radius:16px}.sd-keypad-dialog::backdrop{background:var(--sd-keypad-overlay, rgb(0 0 0 / 55%));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(prefers-reduced-motion:reduce){.sd-keypad__key{transition:none}}.sdi-knob{position:absolute;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:2}.sdi-knob:active{cursor:grabbing}.sdi-knob:focus-visible,.sdi-readout-control:focus-visible{outline:2px solid var(--sdi-color-ink);outline-offset:2px}.sdi-knob__arrow{position:absolute;left:50%;top:50%;width:var(--arrow, 130%);height:var(--arrow, 130%);transform:translate(-50%,-50%);opacity:0;transition:opacity .12s ease-out;pointer-events:none;overflow:visible}.sdi-knob__arrow svg{width:100%;height:100%;overflow:visible}.sdi-knob__arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sdi-knob__arrow .halo{stroke:var(--sdi-color-knob-base);stroke-width:calc(var(--arrow-ink, 1.8) * 2)}.sdi-knob__arrow .ink{stroke:var(--sdi-color-ink);stroke-width:var(--arrow-ink, 1.8)}.sdi-knob[data-side=left]:hover .sdi-knob__arrow,.sdi-knob[data-side=right]:hover .sdi-knob__arrow{opacity:1}.sdi-knob[data-side=left] .sdi-knob__arrow:not([data-dir]) [data-head=r],.sdi-knob[data-side=right] .sdi-knob__arrow:not([data-dir]) [data-head=l]{display:none}.sdi-knob__arrow[data-dir]{opacity:1}.sdi-knob__arrow[data-dir=right] [data-head=l],.sdi-knob__arrow[data-dir=left] [data-head=r]{display:none}.sdi-knob__cap{position:absolute;left:50%;top:50%;width:var(--cap, 50%);height:var(--cap, 50%);transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;border:1px solid transparent;opacity:0;pointer-events:none;transition:opacity .12s ease-out,background-color .12s ease-out,transform 90ms ease-out,border-color .12s ease-out}.sdi-knob__cap svg{width:66%;height:66%;fill:var(--sdi-color-ink);opacity:0;transform:scale(.85);transition:opacity .12s ease-out,transform .12s ease-out,fill .12s ease-out}.sdi-knob[data-side=cap]:hover{cursor:pointer}.sdi-knob[data-side=cap]:hover .sdi-knob__cap{opacity:1;border:1px solid color-mix(in srgb,var(--sdi-color-ink) 60%,transparent);background-color:color-mix(in srgb,var(--sdi-color-ink) 14%,color-mix(in srgb,var(--sdi-color-knob-base) 70%,transparent));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 0 0 1px color-mix(in srgb,var(--sdi-color-knob-base) 70%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--sdi-color-ink) 14%,transparent)}.sdi-knob[data-side=cap]:hover .sdi-knob__cap svg{opacity:.92;transform:scale(1)}.sdi-knob[data-side=cap]:active .sdi-knob__cap{transform:translate(-50%,-50%) scale(.92);border-color:var(--sdi-color-knob-accent);background-color:color-mix(in srgb,var(--sdi-color-knob-accent) 30%,color-mix(in srgb,var(--sdi-color-knob-base) 70%,transparent))}.sdi-knob[data-side=cap]:active .sdi-knob__cap svg{fill:var(--sdi-color-knob-accent);opacity:1}.sdi-readout-control{position:absolute;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent}.sdi-readout-control:hover{box-shadow:0 0 0 1px var(--sdi-color-ink)}@media(prefers-reduced-motion:reduce){.sdi-knob__arrow,.sdi-knob__cap,.sdi-knob__cap svg{transition:none}.sdi-knob__cap svg{transform:none}}.sdi-altimeter.sdi--glass,.sdi-altimeter.sdi--glass svg{overflow:visible}.sdi-altimeter.sdi--glass.sdi--cased{border-radius:13%}.sdi-fuel-selector{position:relative;flex:none;display:inline-block;background:none;box-shadow:none}.sdi-fuel-selector svg{display:block;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.sdi.sdi-fuel-selector.sdi--bezel,.sdi.sdi-fuel-selector.sdi--glass,.sdi.sdi-fuel-selector.sdi--flat{border-radius:0;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:none}.sdi-fuel-selector [data-fuel-lever]{outline:none;touch-action:none;cursor:grab}.sdi-fuel-selector[data-dragging] svg,.sdi-fuel-selector [data-fuel-lever]:active{cursor:grabbing}.sdi-fuel-selector [data-fuel-hint]{fill:none;stroke:none;pointer-events:none}.sdi-fuel-selector[data-fuel-hover=left] [data-fuel-hint=left],.sdi-fuel-selector[data-fuel-hover=both] [data-fuel-hint=both],.sdi-fuel-selector[data-fuel-hover=right] [data-fuel-hint=right]{fill:var(--sdi-color-ink);fill-opacity:.13}.sdi-fuel-selector.sdi--glass [data-fuel-hint][data-active=true]{stroke:var(--sdi-color-needle);stroke-width:.8}.sdi-fuel-selector.sdi--flat [data-fuel-hint][data-active=true]{stroke:var(--sdi-color-ink);stroke-width:.8}.sdi-magneto{position:relative;flex:none;display:inline-block;background:none;box-shadow:none;touch-action:manipulation}.sdi-magneto svg{display:block}.sdi.sdi-magneto.sdi--glass{border-radius:0;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.sdi.sdi-magneto.sdi--glass svg{overflow:visible}.sdi-magneto [data-mag-switch],.sdi-magneto [data-mag-mark]{cursor:pointer;outline:none}.sdi-magneto [data-mag-switch]:focus-visible [data-mag-bezel]{stroke:var(--sdi-color-rc-focus);stroke-width:.6}.sdi-magneto text{pointer-events:none;user-select:none;-webkit-user-select:none}.sdi-airspeed.sdi--glass.sdi--cased{border-radius:13%}.sdi-attitude-indicator.sdi--glass.sdi--cased{border-radius:13%}.sdi{position:relative;flex:none}.sdi svg{display:block}.sdi--glass{border-radius:50%;overflow:hidden;-webkit-backdrop-filter:blur(var(--sdi-glass-blur)) saturate(var(--sdi-glass-saturate));backdrop-filter:blur(var(--sdi-glass-blur)) saturate(var(--sdi-glass-saturate));box-shadow:var(--sdi-glass-shadow)}.sdi--glass svg{overflow:hidden}.sdi-heading-indicator.sdi--glass,.sdi-heading-indicator.sdi--glass svg{overflow:visible}.sdi-heading-indicator.sdi--glass.sdi--cased{border-radius:13%}.sdi-story-grid{display:flex;flex-wrap:wrap}.sdi-story-grid>*{flex:1 1 calc(100% / var(--cols, 3));min-width:0}.sdi-story-grid>.sdi-story-cell{min-width:min-content}.sdi-story-cell{position:relative;display:grid;gap:16px;justify-items:center;align-content:center;padding:36px 20px 28px;min-height:420px}.sdi-story-panel{background:linear-gradient(160deg,#3a3c40,#26272a 70%)}.sdi-story-caption{font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center}