:root{color-scheme:light;background:#fbfaf7;color:#2a2723;font-family:PP Neue Montreal,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Book.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100svh;background:#fbfaf7}button{font:inherit}.instrument-shell{position:fixed;inset:0;width:100vw;height:100svh;overflow:hidden;background:#fbfaf7;isolation:isolate}.instrument-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.hand-video{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(64px,calc(env(safe-area-inset-top) + 64px));z-index:3;width:160px;height:120px;border-radius:9px;object-fit:cover;opacity:0;transform:scaleX(-1) translateY(-2px);filter:grayscale(1) contrast(1.18) brightness(1.04);border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 34px rgba(0,0,0,.08);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.hand-video--active{opacity:.22;transform:scaleX(-1) translateY(0)}.hand-overlay{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(64px,calc(env(safe-area-inset-top) + 64px));z-index:4;width:160px;height:120px;opacity:0;pointer-events:none;transition:opacity .22s ease}.hand-overlay--active{opacity:1}.center-hint{position:absolute;left:50%;top:50%;z-index:2;display:grid;grid-gap:.28rem;gap:.28rem;width:min(280px,calc(100vw - 64px));margin:0;transform:translate(-50%,-50%);color:rgba(43,39,35,.42);font-size:clamp(.72rem,.78vw,.82rem);line-height:1.42;letter-spacing:0;text-align:center;pointer-events:none;transition:opacity .9s ease,transform .9s ease,filter .9s ease}.center-hint--hidden{opacity:0;transform:translate(-50%,-48%);filter:blur(8px)}.mode-toggle{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));z-index:3;display:flex;align-items:center;gap:3px;width:auto;height:32px;padding:3px;border:0;border-radius:999px;background:rgba(255,255,255,.28);color:rgba(0,0,0,.62);box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-toggle__button{display:grid;place-items:center;width:27px;min-width:27px;height:26px;padding:0;border:0;border-radius:999px;background:transparent;color:rgba(0,0,0,.52);font-size:.7rem;letter-spacing:0;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,opacity .18s ease}.mode-toggle__button:hover{transform:translateY(-1px);color:rgba(0,0,0,.84)}.mode-toggle__button--active{color:rgba(0,0,0,.76);background:rgba(0,0,0,.06)}.mode-toggle__icon{width:15px;height:15px}@media (max-width:640px){.center-hint{width:min(240px,calc(100vw - 56px));font-size:.72rem}.mode-toggle{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));height:31px}.mode-toggle__button{width:26px;min-width:26px;height:25px}}