:root{color-scheme:dark;font-family:'SFMono-Regular','SF Mono',Menlo,Consolas,monospace;background:#101010;color:#34c759;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,summary:focus-visible,a:focus-visible{outline:1px solid #34c759;outline-offset:6px}#instrument{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;touch-action:none}canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.bottomline{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:flex-end;gap:16px;pointer-events:none;font-size:12px;letter-spacing:.06em;text-shadow:0 1px 3px #101010,0 -1px 3px #101010;z-index:2}.bottomline{bottom:max(20px,env(safe-area-inset-bottom));color:#b8ddc0}.actions{display:flex;gap:16px;align-items:center;pointer-events:auto}.actions button{min-width:44px;min-height:44px;font-size:12px;letter-spacing:.05em}.actions #about{font-size:12px}dialog{width:min(520px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:40px;background:#101713;color:#d3ead8;border:1px solid #2b5135}dialog::backdrop{background:#07110cc9}dialog h1{font-size:22px;font-weight:400;line-height:1.4;color:#34c759}dialog p,dialog dl{font-size:14px;line-height:1.7}dialog dl{display:grid;grid-template-columns:110px 1fr;gap:14px}dialog dt{color:#34c759}dialog dd{margin:0}dialog details{margin-top:24px;font-size:13px;line-height:1.6}dialog summary{cursor:pointer;min-height:32px}dialog a{color:#80d797;overflow-wrap:anywhere}dialog .credit{margin:20px 0}dialog .credit span{display:block;color:#9eb3a3}dialog .note{font-size:12px;color:#9eb3a3}#close{position:absolute;top:8px;right:8px;width:44px;height:44px;font-size:26px}kbd{font:inherit;color:#94e4a5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{position:absolute;inset:45% 10%;text-align:center;font-size:24px}@media(max-width:600px){.bottomline{left:16px;right:16px;font-size:11px;gap:8px}.actions{gap:4px}dialog{padding:32px 24px}dialog dl{grid-template-columns:90px 1fr;gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}