:root{color:#fff6db;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#11001f;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 22% 10%,#ffcf7b14,#0000 30%),radial-gradient(circle at 85% 5%,#ff92550f,#0000 25%),linear-gradient(#1a0030 0%,#11001f 48%,#0b0015 100%);min-height:100svh;margin:0}#root{justify-content:center;align-items:center;min-height:100svh;display:flex}.app-shell{justify-content:center;align-items:center;width:100vw;height:100svh;padding-block:1rem;display:flex;overflow:hidden}.fullscreen-toggle{z-index:20;color:#fff6db;font:inherit;cursor:pointer;background:#080808c7;border:1px solid #fff6db61;border-radius:9px;place-items:center;width:2.1rem;height:2.1rem;padding:.25rem;display:grid;position:fixed;top:.8rem;right:.8rem}.fullscreen-toggle:hover{background:#141414e6}.fullscreen-toggle svg{width:1.2rem;height:1.2rem}.keyboard-wrap{aspect-ratio:1671/941;-webkit-user-select:none;user-select:none;width:min(100vw,177.577svh - 3.55154rem);max-height:calc(100svh - 2rem);position:relative}.instrument-image{object-fit:contain;width:100%;height:100%;display:block}.touch-layer{position:absolute;inset-inline:0}.white-layer{height:58.7%;top:37.1%}.black-layer{height:34.8%;top:37.1%}.key-zone{cursor:pointer;touch-action:manipulation;background:0 0;border:0;position:absolute;top:0;bottom:0}.key-zone.black{z-index:2}.key-zone.white{z-index:1}.calibration-on .key-zone.white{background:#ff00002e;outline:1px solid #ff0000e6}.calibration-on .key-zone.black{background:#007eff3d;outline:1px solid #007efff2}.calibration-panel{z-index:10;background:#09262ceb;border:1px solid #fff6db33;border-radius:14px;width:min(360px,100vw - 1.5rem);max-height:calc(100svh - 1.5rem);padding:.75rem;position:fixed;top:.75rem;right:.75rem;overflow:auto;box-shadow:0 10px 30px #00000059}.calibration-panel h2{margin:0;font-size:1rem}.calibration-panel p{opacity:.9;margin:.4rem 0 .7rem;font-size:.82rem;line-height:1.35}.calibration-control{margin-bottom:.55rem;display:block}.calibration-control span{margin-bottom:.15rem;font-size:.84rem;display:block}.calibration-control input{width:100%}.calibration-actions{gap:.5rem;margin-top:.5rem;display:flex}.calibration-actions button{color:#fff6db;font:inherit;background:#fff6db1c;border:1px solid #fff6db61;border-radius:8px;padding:.35rem .55rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.fullscreen-toggle{top:.65rem;right:.65rem}.keyboard-wrap{width:min(100vw,177.577svh - 3.55154rem)}.calibration-panel{width:auto;max-height:42svh;inset:auto .5rem .5rem}}.privacy-shell{place-items:center;width:100%;min-height:100svh;padding:2rem 1rem;display:grid}.privacy-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d353cc7;border:1px solid #fff6db33;border-radius:18px;width:min(760px,100%);padding:1.25rem 1.25rem 1.5rem;box-shadow:0 18px 40px #00000047}.privacy-card h1{margin:0 0 .25rem;font-size:clamp(1.6rem,2.3vw,2.1rem);line-height:1.2}.privacy-card>p{opacity:.88;margin:0 0 1rem}.privacy-card section{margin-top:1rem}.privacy-card h2{margin:0 0 .35rem;font-size:clamp(1.06rem,1.6vw,1.18rem)}.privacy-card p{color:#fff6dbf0;margin:0;line-height:1.55}