@layer theme,base;@layer components{.pi-plate{border-radius:var(--radius-panel);border:1px solid var(--color-line);box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--color-void) 35%, transparent), inset 0 0 0 6px var(--color-line);padding:.75rem;position:relative}@media (width>=40rem){.pi-plate{padding:1.75rem}}.pi-plate-tab{background:var(--color-panel);color:var(--color-brass);padding-inline:.5rem;position:absolute;inset-block-start:-.7rem;inset-inline-start:1.25rem}.pi-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}@media (width>=40rem){.pi-keys{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.pi-keys[data-wide]{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.pi-keys[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}.pi-key-cell{position:relative;container-type:inline-size}.pi-key{isolation:isolate;border-radius:var(--radius-control);border:1px solid var(--color-line-strong);background:linear-gradient(180deg, var(--color-elevated), var(--color-panel));min-block-size:6.5rem;inline-size:100%;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-ink) 7%, transparent);color:var(--color-ink);text-align:start;cursor:pointer;transition:transform var(--duration-dit) var(--ease-signal);border-block-end-width:3px;align-content:start;gap:.5rem;padding:.75rem .875rem .875rem;display:grid;position:relative}.pi-key:after{content:"";z-index:-1;border-radius:inherit;background:var(--color-ink);opacity:0;transition:opacity .12s var(--ease-signal);position:absolute;inset:0}.pi-key:hover:after{opacity:.05}.pi-key:active{transform:translateY(2px)}.pi-key[data-state=live]{border-color:var(--color-signal);background:color-mix(in srgb, var(--color-signal) 12%, var(--color-panel))}.pi-key[data-state=live] .pi-pips{color:var(--color-signal)}.pi-key-glyph{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1}.pi-key-name{color:var(--color-muted);font-size:.8125rem;line-height:1.2}.pi-key .pi-pips{margin-block-start:.25rem}.pi-key-spoken{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;color:var(--color-muted);overflow-wrap:anywhere;line-height:1.2}@container (inline-size>=8rem){.pi-key-spoken[data-kind=letter]{white-space:nowrap;letter-spacing:-.02em}}.pi-pips{--pip:.5rem;align-items:center;gap:calc(var(--pip) * .75);min-block-size:var(--pip);color:var(--color-brass);flex-wrap:wrap;display:flex}.pi-pips-lg{--pip:.75rem}.pi-pip{block-size:var(--pip);inline-size:var(--pip);background:currentColor;border-radius:999px;display:block;box-shadow:inset 0 -1px #00000059}.pi-pip[data-el=dah]{inline-size:calc(var(--pip) * 3)}@media (width<=39.99rem){.pi-key{gap:.375rem;min-block-size:0}.pi-keys:not([data-cols],[data-wide]) .pi-key-cell:not(:has(.pi-key-link))>.pi-key{grid-template-columns:1.75rem 1fr;align-items:center;gap:.375rem .75rem;padding-block:.625rem}.pi-keys:not([data-cols],[data-wide]) .pi-key-cell:not(:has(.pi-key-link))>.pi-key .pi-key-glyph{grid-row:1/span 2}.pi-keys:not([data-cols],[data-wide]) .pi-key-cell:not(:has(.pi-key-link))>.pi-key .pi-pips{margin:0}}.pi-key-link{z-index:1;border-radius:var(--radius-chip);block-size:2rem;inline-size:2rem;color:var(--color-muted);place-items:center;display:grid;position:absolute;inset-block-start:.375rem;inset-inline-end:.375rem}.pi-key-link:hover{color:var(--color-signal)}@media (pointer:coarse){.pi-key-link{block-size:2.75rem;inline-size:2.75rem;inset-block-start:0;inset-inline-end:0}}html:has(.pi-deck){--pi-deck-h:4.125rem;--mf-sticky-extra:calc(var(--pi-deck-h) + .5rem)}.pi-deck{z-index:20;box-sizing:border-box;block-size:var(--pi-deck-h,4.125rem);position:sticky;inset-block-start:calc(var(--mf-header-h,3.5rem) + .75rem)}.pi-table{border-collapse:separate;border-spacing:0;text-align:start;inline-size:100%}.pi-table th,.pi-table td{border-block-end:1px solid var(--color-line);vertical-align:baseline;text-align:start;padding:.75rem 1rem}.pi-table tr:last-child>*{border-block-end:0}.pi-table thead th{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);background:color-mix(in srgb, var(--color-void) 40%, transparent);font-weight:400}.pi-form{border-radius:var(--radius-control);background-color:var(--color-paper);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(2rem - 1px), color-mix(in srgb, var(--color-paper-ink) 13%, transparent) calc(2rem - 1px) 2rem);color:var(--color-paper-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-paper-ink) 18%, transparent), 0 1px 0 #00000059;background-position:0 .9rem;position:relative}[data-theme=light] .pi-form{box-shadow:inset 0 0 0 1px var(--color-line-strong)}.pi-field{resize:vertical;background:0 0;border:0;min-block-size:10rem;inline-size:100%;padding:.9rem 1rem 1rem;font-size:1.25rem;line-height:2rem;display:block}.pi-field:focus-visible{outline:none}.pi-form .pi-field{color:var(--color-paper-ink);font-family:var(--font-display);caret-color:var(--color-paper-ink)}.pi-form .pi-field::placeholder{color:var(--color-paper-muted);opacity:1}.mf-screen .pi-field{z-index:1;color:var(--color-signal);font-family:var(--font-mono);letter-spacing:var(--tracking-code);caret-color:var(--color-signal);position:relative}.mf-screen .pi-field::placeholder{color:var(--color-muted);opacity:1}.pi-form-label{font-family:var(--font-mono);font-size:var(--text-label);line-height:var(--text-label--line-height);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-paper-muted)}.pi-bulb{background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--color-signal) 14%, var(--color-screen)), var(--color-screen) 70%);block-size:4rem;inline-size:4rem;box-shadow:0 0 0 3px var(--color-brass-deep), 0 0 0 4px #0000008c, 0 0 0 6px color-mix(in srgb, var(--color-brass) 35%, transparent), inset 0 3px 8px #000c;border-radius:999px;flex:none;position:relative}.pi-bulb:after{content:"";border-radius:inherit;background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--color-signal) 35%, var(--color-ink)), var(--color-signal) 48%, color-mix(in srgb, var(--color-signal) 55%, var(--color-screen)) 100%);box-shadow:0 0 32px 8px color-mix(in srgb, var(--color-signal) 50%, transparent);opacity:0;position:absolute;inset:0}.pi-bulb[data-on=true]:after{opacity:1}@media (width>=40rem){.pi-bulb-lg{block-size:5.5rem;inline-size:5.5rem}}.pi-toggle[aria-pressed=false]{color:var(--color-muted)}.pi-code{font-family:var(--font-mono);letter-spacing:var(--tracking-code);overflow-wrap:anywhere}.pi-telegram{background-color:var(--color-paper);color:var(--color-paper-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-paper-ink) 16%, transparent), 0 1px 0 #00000059, 0 28px 48px -30px #000000e6;border-radius:6px;position:relative}[data-theme=light] .pi-telegram{box-shadow:inset 0 0 0 1px var(--color-line-strong), 0 18px 40px -26px #3c280a59}.pi-telegram-band{border-block-end:2px solid var(--color-paper-ink);box-shadow:0 2px 0 var(--color-paper), 0 3px 0 var(--color-paper-ink)}.pi-telegram-rule{border-block-start:1px dashed color-mix(in srgb, var(--color-paper-ink) 30%, transparent)}.pi-telegram .pi-pips,.pi-telegram a{color:var(--color-paper-ink)}a.pi-telegram{transition:transform var(--duration-dah) var(--ease-signal)}a.pi-telegram:hover,a.pi-telegram:focus-visible{transform:translateY(-2px)rotate(-.4deg)}.pi-manual{counter-reset:pi-section;font-size:1.0625rem}.pi-manual p,.pi-manual li{color:color-mix(in srgb, var(--color-ink) 80%, var(--color-muted));text-wrap:pretty}.pi-manual h2,.pi-manual h3{color:var(--color-ink);text-wrap:balance}.pi-manual h2:before{counter-increment:pi-section;content:counter(pi-section, decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);color:var(--color-brass);margin-block-end:.35rem;font-weight:400;display:block}.pi-manual section>*+*{margin-top:1.25em}.pi-manual blockquote{border-inline-start:2px solid var(--color-brass);padding:.25rem 0 .25rem 1.25rem;font-style:italic}.pi-manual hr{border:0;border-block-start:1px solid var(--color-line)}.pi-manual table{border-collapse:collapse;inline-size:100%;font-size:.9375rem;display:block;overflow-x:auto}.pi-manual th,.pi-manual td{border-block-end:1px solid var(--color-line);text-align:start;vertical-align:baseline;padding:.6rem .9rem}.pi-manual th{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);font-weight:400}.pi-manual td{color:color-mix(in srgb, var(--color-ink) 80%, var(--color-muted))}.pi-manual :not(pre)>code{background:color-mix(in srgb, var(--color-cyan) 10%, transparent);letter-spacing:.08em;border-radius:4px;padding:.05em .35em}.pi-manual pre{border-radius:var(--radius-control);border:1px solid var(--color-line);background:var(--color-void);padding:1rem 1.25rem;overflow-x:auto}.pi-toc-row{border-block-start:1px solid var(--color-line);gap:.5rem 1.5rem;padding-block:1.5rem;display:grid;position:relative}@media (width>=48rem){.pi-toc-row{grid-template-columns:4rem 1fr auto;align-items:baseline}}.pi-toc-row a:after{content:"";position:absolute;inset:0}.pi-toc-row:hover .pi-toc-title{text-underline-offset:5px;text-decoration:underline 1px;text-decoration-color:var(--color-signal)}.pi-link{color:var(--color-signal);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, var(--color-signal) 45%, transparent);text-underline-offset:4px}.pi-link:hover{text-decoration-color:var(--color-signal)}@media (pointer:coarse){li>.pi-link:only-child{align-items:center;min-block-size:2.75rem;display:inline-flex}}.pi-balance{text-wrap:balance}.pi-pretty{text-wrap:pretty}}@layer utilities;@media print{html,body{color:#000!important;background:#fff!important}body:before,.mf-header,body>footer,[data-print=hide]{display:none!important}.mf-instrument,.mf-panel,.pi-plate,.pi-key{box-shadow:none!important;color:#000!important;background:0 0!important;border-color:#00000059!important}.pi-key{break-inside:avoid;min-block-size:0}.pi-plate-tab{color:#000;background:#fff}.pi-pips,.pi-key-name,.pi-key-spoken,.text-muted,.text-ink{color:#000!important}[data-print=code]{font-family:var(--font-mono);letter-spacing:var(--tracking-code);clip-path:none!important;white-space:normal!important;block-size:auto!important;inline-size:auto!important;position:static!important;overflow:visible!important}}