:root{color-scheme:light dark;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Helvetica Neue", system-ui, -apple-system, "Segoe UI", sans-serif;--page: #e9e9eb;--stage: #fff;--page-shade: #d9d9dc;--body: #f6f6f7;--body-edge: #ffffff;--body-shadow: 0 30px 60px rgb(0 0 0 / 18%), 0 6px 14px rgb(0 0 0 / 10%);--key-face: #e6e6e8;--key-line: #1e1e20;--key-dome: linear-gradient(180deg, #d4d4d7 0%, #e3e3e5 45%, #efeff1 100%);--key-dome-shadow: inset 0 4px 8px rgb(0 0 0 / 16%), inset 0 -2px 3px rgb(255 255 255 / 85%), 0 1px 0 rgb(255 255 255 / 95%), 0 -1px 0 rgb(0 0 0 / 6%);--key-icon: #6f6f73;--grille-dot: #2a2a2c;--screen: #0e0e0f;--screen-top: #2a2a2d;--screen-scan: rgb(255 255 255 / 3.5%);--screen-scan-dark: rgb(0 0 0 / 22%);--screen-fg: #f2f2f2;--screen-dim: #8a8a8f;--screen-faint: #3a3a3e;--rec: #e5413a;--rec-soft: #c9615c;--paper: #ffffff;--paper-line: #e3e3e6;--text: #1c1d21;--text-muted: #6a6c74;--text-preliminary: #9a9ca4;--danger: #b3261e;--focus: #2f6fde;--radius-body: 18px;--radius-screen: 18px;--radius-key: 12px;--radius-sm: 8px}@media(prefers-color-scheme:dark){:root{--page: #141416;--stage: #141416;--page-shade: #0c0c0d;--body: #2b2c30;--body-edge: #3a3b40;--body-shadow: 0 30px 60px rgb(0 0 0 / 55%), 0 6px 14px rgb(0 0 0 / 40%);--key-face: #323338;--key-line: #0c0c0d;--key-dome: linear-gradient(180deg, #232428 0%, #2e2f34 45%, #393a40 100%);--key-dome-shadow: inset 0 4px 8px rgb(0 0 0 / 55%), inset 0 -2px 3px rgb(255 255 255 / 8%), 0 1px 0 rgb(255 255 255 / 7%), 0 -1px 0 rgb(0 0 0 / 40%);--key-icon: #b9bbc2;--grille-dot: #0d0d0e;--paper: #212226;--paper-line: #33343a;--text: #eeeef1;--text-muted: #a3a5ad;--text-preliminary: #7d7f88;--danger: #ff8a80;--focus: #7aa7ff}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 90% at 50% 0%,var(--page) 40%,var(--page-shade) 100%);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:15px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.btn{padding:7px 14px;border:1px solid var(--paper-line);border-radius:var(--radius-sm);background:var(--paper);color:var(--text);font:inherit;cursor:pointer}.btn:hover:not(:disabled){border-color:var(--text-muted)}.btn:disabled{opacity:.45;cursor:default}