:root{color-scheme:light dark;--paper:#fbfbf9;--ink:#1b1b19;--ink-secondary:#56564f;--ink-tertiary:#7a7a72;--rule:#e2e1db;--chord-bg:#f0efe9;--chord-rule:#dedcd4;--measure:34rem;--page-margin:1.5rem;--font-ui:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--paper:#131312;--ink:#e9e7e1;--ink-secondary:#a5a49c;--ink-tertiary:#85847c;--rule:#2a2a27;--chord-bg:#201f1d;--chord-rule:#33322e}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-variant-numeric:tabular-nums;margin:0;font-size:17px;line-height:1.65}.page{flex-direction:column;min-height:100svh;display:flex}.shell{width:100%;max-width:var(--measure);padding-inline:var(--page-margin);margin-inline:auto}.site-header{padding-block:3.5rem 0}.site-main{flex:1 0 auto;padding-block:3.5rem 6rem}.site-footer{border-top:1px solid var(--rule);color:var(--ink-tertiary);padding-block:2rem 3rem;font-size:.8125rem;line-height:1.7}.site-footer p{margin:0}.wordmark{letter-spacing:.01em;color:var(--ink);font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-block}.wordmark:hover{color:var(--ink-secondary)}h1,h2,h3{letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:500;line-height:1.3}h1{font-size:1.5rem}h2{margin-block:2.75rem .75rem;font-size:1.0625rem}h3{margin-block:1.75rem .5rem;font-size:1rem}p{text-wrap:pretty;margin-block:0 1.1rem}.lede{color:var(--ink-secondary);margin-block:1rem 0;font-size:1.125rem}.quiet{color:var(--ink-secondary)}small,.small{color:var(--ink-tertiary);font-size:.8125rem}a{color:var(--ink);border-bottom:1px solid var(--rule);text-decoration:none;transition:border-color .1s,color .1s}a:hover{border-bottom-color:currentColor}a:focus-visible,.wordmark:focus-visible{outline:2px solid var(--ink-secondary);outline-offset:3px;border-radius:2px}hr{border:0;border-top:1px solid var(--rule);margin-block:3rem}ul{margin-block:0 1.1rem;padding-left:1.1rem}li{margin-block:.35rem}li::marker{color:var(--ink-tertiary)}.products{border-top:1px solid var(--rule);margin:3rem 0 0;padding:0;list-style:none}.product{border-bottom:1px solid var(--rule);margin:0;padding-block:1.5rem}.product-name{letter-spacing:-.01em;font-size:1.0625rem;font-weight:500}.product-name a{border-bottom:0}.product-name a:hover{border-bottom:1px solid}.product-note{color:var(--ink-secondary);margin:.3rem 0 0;font-size:.9375rem}.product-where{font-family:var(--font-mono);color:var(--ink-tertiary);letter-spacing:.01em;margin-top:.5rem;font-size:.75rem;display:block}kbd{font-family:var(--font-ui);color:var(--ink);background:var(--chord-bg);border:1px solid var(--chord-rule);white-space:nowrap;vertical-align:baseline;border-radius:4px;margin-inline:.06em;padding:.1em .42em .16em;font-size:.875em;font-weight:500;line-height:1.3;display:inline-block}.chords{margin:2rem 0 0;padding:0;list-style:none}.chords li{border-top:1px solid var(--rule);grid-template-columns:6.5rem 1fr;align-items:baseline;gap:.25rem 1rem;margin:0;padding-block:.7rem;display:grid}.chords li:last-child{border-bottom:1px solid var(--rule)}.chords .what{color:var(--ink-secondary);font-size:.9375rem}@media (width<=26rem){.chords li{grid-template-columns:1fr}}.app-gallery{--gallery-width:min(64rem, calc(100vw - 2 * var(--page-margin)));width:var(--gallery-width);margin-left:calc((100% - var(--gallery-width)) / 2);margin-block:3.5rem 0}.app-gallery h2{margin-top:0}.app-gallery>p{margin-bottom:1.25rem;font-size:.875rem}.gallery-track{grid-auto-flow:column;grid-auto-columns:min(44rem, calc(var(--gallery-width) - 2.5rem));scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-color:var(--rule) transparent;gap:1rem;padding:.2rem 0 1rem;display:grid;overflow-x:auto}.gallery-track:focus-visible{outline:2px solid var(--ink-secondary);outline-offset:4px;border-radius:3px}.gallery-track figure{scroll-snap-align:start;margin:0}.gallery-track img{border:1px solid var(--rule);border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 .8rem 2.5rem #14120e14}.gallery-track figcaption{color:var(--ink-tertiary);font-family:var(--font-mono);margin-top:.65rem;font-size:.72rem}@media (width<=40rem){.gallery-track{grid-auto-columns:calc(var(--gallery-width) - 1rem)}.gallery-track img{border-radius:8px}}.legal{font-size:.9375rem}.legal h1{font-size:1.375rem}.legal h2{margin-block:2.25rem .5rem;font-size:1rem}.legal .updated{font-family:var(--font-mono);color:var(--ink-tertiary);margin-top:.75rem;font-size:.75rem}.back{color:var(--ink-tertiary);border-bottom:0;margin-bottom:2rem;font-size:.8125rem;display:inline-block}.back:hover{color:var(--ink-secondary);border-bottom:0}.status{border-top:1px solid var(--rule);font-family:var(--font-mono);color:var(--ink-tertiary);letter-spacing:.01em;margin-top:3rem;padding-top:1.25rem;font-size:.8125rem}.footer-links{flex-wrap:wrap;gap:0 1rem;margin-top:.4rem;display:flex}.footer-links a{color:var(--ink-tertiary);border-bottom:0}.footer-links a:hover{color:var(--ink-secondary);border-bottom:1px solid}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}