:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#0b0d12;--c-bg-2:#11141b;--c-surface:#14161fbd;--c-surface-solid:#161922;--c-surface-hi:#ffffff0f;--c-fg:#f1ede6;--c-muted:#f1ede6ad;--c-faint:#f1ede694;--c-line:#ffffff1a;--c-line-strong:#ffffff2e;--c-gold:#d9ad55;--c-gold-hi:#f0cf86;--c-gold-soft:#d9ad5524;--c-red:#c2263a;--c-red-hi:#d93a4e;--c-red-deep:#8e1020;--c-spot:#ffecc829;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;--shadow-lg:0 20px 60px #00000080;--blur:saturate(140%) blur(12px);--ease-out:cubic-bezier(.22, 1, .36, 1);--content:1120px;--gutter:clamp(16px, 4vw, 32px);--safe-b:env(safe-area-inset-bottom,0px);--header-h:56px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 8px)}body{background:var(--c-bg);min-height:100vh;color:var(--c-fg);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--c-gold-hi);text-underline-offset:3px}a:hover{color:var(--c-fg)}img,svg,canvas{max-width:100%;display:block}img{height:auto}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;line-height:1.2}p{text-wrap:pretty}kbd{font:600 .8em/1 var(--font-mono);border:1px solid var(--c-line-strong);background:var(--c-surface-hi);border-bottom-width:2px;border-radius:5px;padding:.2em .45em}:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--sp-3);z-index:100;padding:var(--sp-2) var(--sp-3);background:var(--c-gold);color:#151518;border-radius:var(--r-sm);font-weight:700;position:absolute;top:-100px}.skip-link:focus{top:var(--sp-2)}.container{width:100%;max-width:calc(var(--content) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.btn{appearance:none;border:1px solid var(--c-line);background:var(--c-surface-hi);min-height:38px;color:var(--c-fg);font:600 14px/1 var(--font);white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{color:var(--c-fg);background:#ffffff1c}.btn[aria-pressed=true]:not(.btn-primary){color:var(--c-gold-hi);border-color:#d9ad5599}.btn-primary{background:var(--c-red);border-color:#0000}.btn-primary:hover{background:var(--c-red-hi)}.btn-gold{background:var(--c-gold);color:#151518;border-color:#0000}.btn-gold:hover{background:var(--c-gold-hi);color:#151518}.btn-sq{width:38px;padding:0;font-size:16px}.btn:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page{padding-top:var(--sp-5)}.prose{max-width:72ch}.prose p,.prose li{color:#f1ede6db}.page h2{margin:var(--sp-7) 0 var(--sp-3);font-size:clamp(20px,2.4vw,26px)}.page h3{margin:var(--sp-5) 0 var(--sp-2);font-size:18px}.page .lead{color:var(--c-muted);font-size:18px}.page ol,.page ul:not([class]){padding-left:1.3em}.page li+li{margin-top:6px}.facts{gap:var(--sp-2);margin:var(--sp-5) 0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0;display:grid}.facts div{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface-hi);padding:10px 12px}.facts dt{color:var(--c-muted);font-size:12px}.facts dd{margin:2px 0 0;font-weight:700}.note{color:var(--c-faint);font-size:13px}.faq details{border-bottom:1px solid var(--c-line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--c-muted);margin:8px 0 0}.keys{border-collapse:collapse}.keys td,.keys th{text-align:left;border-bottom:1px solid var(--c-line);padding:6px 12px 6px 0}.keys th{color:var(--c-muted);font-weight:600}.cards{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0;list-style:none;display:grid}.cards a{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface-hi);color:var(--c-fg);padding:14px 16px;text-decoration:none;display:block}.cards a:hover{border-color:#d9ad5580}.cards small{color:var(--c-muted);display:block}.cards .card-title{font-size:inherit;margin:0;font-weight:700}html.app{--safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--header-h:calc(56px + var(--safe-top));overscroll-behavior:none;touch-action:pan-x pan-y}html.app body{padding-bottom:var(--safe-bottom);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.diag{z-index:100;left:12px;right:12px;top:calc(var(--header-h) + 12px);max-width:520px;max-height:calc(100svh - var(--header-h) - 24px);border:1px solid var(--c-line);background:var(--c-surface-solid);border-radius:14px;margin:0 auto;padding:16px;position:fixed;overflow:auto}.diag p{margin:0 0 10px}.diag select{max-width:100%}.midi-last{font:600 14px var(--font-mono,monospace);color:var(--c-gold-hi)}.midi-map{font:12px var(--font-mono,monospace);color:var(--c-muted)}