.instrument{isolation:isolate;border-bottom:1px solid var(--line);background:#080a0b;height:92svh;min-height:min(920px,92svh);position:relative;overflow:hidden}.instrument:before{content:"";z-index:-2;background-image:linear-gradient(#eef1eb0b 1px,#0000 1px),linear-gradient(90deg,#eef1eb0b 1px,#0000 1px);background-size:9vw 9vw;position:absolute;inset:0}.instrument:after{content:"";z-index:5;background:#eef1eb2e;height:1px;position:absolute;bottom:20px;left:clamp(20px,4vw,58px);right:clamp(20px,4vw,58px)}.instrument--active:before{opacity:0}.instrument__media,.camera-video,.camera-canvas,.effects-canvas,.camera-grain{width:100%;height:100%;position:absolute;inset:0}.instrument__media{z-index:-1;background:#050607}.camera-video{object-fit:cover;transform:scaleX(-1)}.camera-video--texture-source{visibility:hidden}.camera-canvas,.effects-canvas{display:block}.effects-canvas{z-index:2}.camera-grain{z-index:3;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}.instrument__header{z-index:10;padding:calc(22px + env(safe-area-inset-top)) clamp(20px, 4vw, 58px) 0;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:0;left:0;right:0}.live-status{color:var(--paper-dim);font:9px var(--mono);white-space:nowrap;align-items:center;gap:8px;display:flex}.live-status__dot{background:#646b68;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #646b681f}.live-status--playing{color:var(--cyan)}.live-status--playing .live-status__dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:1.8s ease-in-out infinite signal-pulse}.live-status--error .live-status__dot{background:var(--coral)}.camera-readout{color:#eef1eba3;font:9px var(--mono);justify-self:end;align-items:center;gap:7px;display:flex}.instrument__intro{grid-template-columns:1fr 1.07fr;height:100%;display:grid;position:relative}.signal-figure{border-right:1px solid var(--line);align-self:stretch;position:relative;overflow:hidden}.signal-figure:before,.signal-figure:after{content:"";background:var(--line);position:absolute}.signal-figure:before{height:1px;top:50%;left:0;right:0}.signal-figure:after{width:1px;top:0;bottom:0;left:50%}.signal-figure__axis{aspect-ratio:1;border:1px solid #91f5e133;border-radius:50%;width:min(46vw,550px);position:absolute;top:50%;left:50%;translate:-50% -50%}.signal-figure__axis:before,.signal-figure__axis:after{content:"";border:1px solid #91f5e11c;border-radius:50%;position:absolute;inset:15%}.signal-figure__axis:after{inset:34%}.signal-figure__trace{background:var(--cyan);height:1px;animation:4.8s cubic-bezier(.7,0,.3,1) infinite trace-scan;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 14px #91f5e180}.signal-figure__hand{color:var(--paper);position:absolute;top:50%;left:50%;translate:-50% -50%}.signal-figure__hand svg{filter:drop-shadow(0 0 16px #91f5e140);width:clamp(90px,12vw,170px);height:auto;animation:5s ease-in-out infinite hand-drift}.intro-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:100px clamp(30px,7vw,110px) 70px;display:flex}.intro-copy h1{font-family:var(--display);font-variation-settings:"wdth" 115, "wght" 560;text-transform:uppercase;margin:20px 0 24px;font-size:116px;line-height:.72}.intro-copy__line{max-width:450px;color:var(--paper-dim);margin:0 0 42px;font-size:20px;line-height:1.35}.start-button,.retry-button{cursor:pointer;background:var(--cyan);color:var(--ink);border:0;align-items:center;transition:background-color .18s,transform .18s;display:inline-grid}.start-button{width:min(100%,430px);min-height:62px;font-family:var(--display);font-variation-settings:"wdth" 110, "wght" 620;text-align:left;grid-template-columns:24px 1fr auto;gap:14px;padding:0 18px}.start-button:hover{background:var(--amber);transform:translateY(-2px)}.start-button:focus-visible,.retry-button:focus-visible,.instrument-controls button:focus-visible,.guide-close:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.start-button__arrow{font:18px var(--mono);justify-self:end}.privacy-note{color:#707774;font:9px var(--mono);text-transform:uppercase;align-items:center;gap:7px;margin:14px 0 0;display:flex}.performance-readout{z-index:6;text-shadow:0 1px 10px #000000b3;flex-direction:column;display:flex;position:absolute;top:50%;left:clamp(20px,4vw,58px);translate:0 -50%}.performance-readout strong{min-height:1em;font-family:var(--display);font-variation-settings:"wdth" 112, "wght" 520;font-size:110px;line-height:.9}.performance-readout span{color:#eef1ebb3;font:9px var(--mono)}.performance-readout__label{margin-bottom:12px;color:var(--cyan)!important}.gesture-hint{z-index:7;left:50%;bottom:calc(58px + env(safe-area-inset-bottom));color:#eef1ebd1;font:9px var(--mono);white-space:nowrap;text-shadow:0 1px 6px #000;align-items:center;gap:8px;display:flex;position:absolute;translate:-50%}.instrument-controls{z-index:8;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:clamp(20px,4vw,58px);translate:0 -50%}.instrument-controls button,.guide-close{width:46px;height:46px;color:var(--paper);backdrop-filter:blur(12px);cursor:pointer;background:#080a0b61;border:1px solid #eef1eb47;place-items:center;padding:0;transition:border-color .16s,background .16s;display:grid;position:relative}.instrument-controls button:hover{border-color:var(--cyan);background:#080a0bb8}.instrument-controls svg,.guide-close svg{width:18px}.instrument-controls button:after{content:attr(data-tooltip);opacity:0;pointer-events:none;background:var(--paper);color:var(--ink);font:9px var(--mono);padding:5px 7px;transition:opacity .14s;position:absolute;right:55px}.instrument-controls button:hover:after,.instrument-controls button:focus-visible:after{opacity:1}.quality-readout{right:clamp(20px,4vw,58px);bottom:calc(58px + env(safe-area-inset-bottom));z-index:7;color:#eef1eb8c;font:8px var(--mono);position:absolute}.performance-grid{z-index:3;pointer-events:none;opacity:.52;transition:opacity .4s;position:absolute;inset:0}.performance-grid:before,.performance-grid:after{content:"";position:absolute;inset:0}.performance-grid:before{background-image:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#eef1eb1c calc(10% - 1px) 10%)}.performance-grid:after{background-image:repeating-linear-gradient(0deg,#0000 0 calc(25% - 1px),#eef1eb0e calc(25% - 1px) 25%)}.performance-grid--engaged{opacity:.22}.note-axis{left:0;right:0;bottom:calc(29px + env(safe-area-inset-bottom));grid-template-columns:repeat(10,1fr);display:grid;position:absolute}.note-axis span{text-align:center;color:#eef1eb9e;font:8px var(--mono);text-shadow:0 1px 5px #000}.tone-axis{color:#eef1eb8c;font:7px var(--mono);writing-mode:vertical-rl;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:82px;bottom:78px;left:10px}.instrument-error{z-index:12;background:var(--paper);width:min(560px,100% - 40px);color:var(--ink);box-shadow:18px 18px 0 var(--coral);padding:clamp(28px,5vw,56px);position:absolute;top:50%;left:50%;translate:-50% -50%}.instrument-error .eyebrow{color:#6d514e}.instrument-error h2{font-family:var(--display);font-variation-settings:"wdth" 107, "wght" 560;margin:16px 0 10px;font-size:48px;line-height:.95}.instrument-error>p:not(.eyebrow){color:#555c59;font-size:17px;line-height:1.45}.retry-button{background:var(--ink);min-height:46px;color:var(--paper);grid-template-columns:auto auto;gap:9px;margin-top:20px;padding:0 17px}.guide-backdrop{z-index:50;backdrop-filter:blur(7px);background:#000000a3;position:fixed;inset:0}.gesture-guide{overscroll-behavior:contain;background:var(--paper);width:min(720px,100%);color:var(--ink);scrollbar-color:#377b71 transparent;scrollbar-width:thin;animation:.28s cubic-bezier(.2,.8,.2,1) guide-in;position:absolute;top:0;bottom:0;right:0;overflow:hidden auto;box-shadow:-24px 0 70px #0000006b}.guide-close{z-index:5;color:var(--ink);backdrop-filter:blur(8px);background:#eef1ebe6;border-color:#080a0b4d;position:fixed;top:22px;right:22px}.guide-header{border-bottom:1px solid #080a0b33;padding:54px 72px 46px}.gesture-guide .eyebrow{color:#58605d}.gesture-guide h2{font-family:var(--display);font-variation-settings:"wdth" 108, "wght" 540;letter-spacing:0;margin:20px 0 24px;font-size:76px;line-height:.82}.guide-header>p:last-child{color:#59605e;max-width:440px;margin:0;font-size:17px;line-height:1.45}.guide-tabs{z-index:3;backdrop-filter:blur(12px);background:#eef1ebf0;border-bottom:1px solid #080a0b40;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;top:0}.guide-tabs button{color:#626966;cursor:pointer;min-height:54px;font:10px var(--mono);text-align:left;text-transform:uppercase;background:0 0;border:0;border-right:1px solid #080a0b2e;padding:0 18px;transition:color .15s,background-color .15s}.guide-tabs button:last-child{border-right:0}.guide-tabs button:hover{color:var(--ink);background:#91f5e138}.guide-tabs button[aria-selected=true]{background:var(--ink);color:var(--cyan)}.guide-tabs button:focus-visible{z-index:1;outline-offset:-3px;outline:2px solid #377b71;position:relative}.guide-panel{padding:52px 72px 88px;animation:.22s both guide-panel-in}.guide-section-heading{grid-template-columns:120px 1fr;align-items:start;gap:24px;margin-bottom:45px;display:grid}.guide-section-heading>span{color:#377b71;font:9px var(--mono);padding-top:8px}.guide-section-heading h3{font-family:var(--display);font-variation-settings:"wdth" 107, "wght" 550;letter-spacing:0;margin:0;font-size:48px;line-height:.93}.movement-map{border-top:1px solid #080a0b3b;margin:0;padding:0;list-style:none}.movement-map li{border-bottom:1px solid #080a0b33;grid-template-columns:34px minmax(0,1fr) 128px;align-items:start;gap:18px;padding:25px 0;display:grid}.movement-map li>svg{color:#377b71;stroke-width:1.7px;width:24px;height:24px;margin-top:2px}.movement-map .fist-icon{fill:#377b71;stroke:#377b71;transform-origin:0 0;transform:scale(.68)}.movement-map strong{font-family:var(--display);font-variation-settings:"wdth" 105, "wght" 590;font-size:22px;line-height:1.05;display:block}.movement-map p{color:#5d6461;max-width:350px;margin:6px 0 0;font-size:15px;line-height:1.4}.movement-signal,.gate-signal{color:#5b6360;font:8px var(--mono);white-space:nowrap;align-self:center;align-items:center;gap:7px;display:flex}.movement-signal i{background:#8a918e;width:34px;height:1px;display:block;position:relative}.movement-signal i:after{content:"";background:#377b71;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:0}.movement-signal--vertical i{transform:rotate(-35deg)}.gate-signal i{border:1px solid #818885;border-radius:50%;width:8px;height:8px}.gate-signal--on{color:#216e63}.gate-signal--on i{background:#216e63;border-color:#216e63;box-shadow:0 0 0 4px #377b711f}.practice-phrase{background:var(--ink);color:var(--paper);margin-top:48px;padding:30px 32px 28px}.practice-phrase__title{align-items:center;gap:14px;display:flex}.practice-phrase__title>svg{width:25px;color:var(--cyan)}.practice-phrase__title span{flex-direction:column;display:flex}.practice-phrase__title small,.instrument-profile small,.technique-list small{color:#72b9ad;font:8px var(--mono)}.practice-phrase__title strong{font-family:var(--display);font-variation-settings:"wdth" 105, "wght" 580;margin-top:3px;font-size:22px}.practice-phrase ol{border-top:1px solid #eef1eb2e;margin:26px 0 0;padding:0;list-style:none}.practice-phrase li{border-bottom:1px solid #eef1eb24;grid-template-columns:28px 1fr;gap:12px;padding:13px 0;display:grid}.practice-phrase li>span{color:var(--cyan);font:9px var(--mono)}.practice-phrase li p{color:#bdc2bd;margin:0;font-size:14px;line-height:1.4}.phrase-score{border-bottom:1px solid #eef1eb40;height:86px;margin-top:20px;position:relative}.phrase-score:before{content:"";background:#eef1eb1c;height:1px;position:absolute;top:20px;left:0;right:0;box-shadow:0 20px #eef1eb1c,0 40px #eef1eb1c}.phrase-score span{z-index:1;width:27px;height:27px;margin:var(--note-y) 34px 0 0;background:var(--cyan);color:var(--ink);font:9px var(--mono);border-radius:50%;place-items:center;display:inline-grid;position:relative}.phrase-score>i{background:var(--coral);width:2px;height:34px;margin-left:8px;display:inline-block;transform:rotate(-18deg)translateY(5px)}.instrument-profile{border-top:1px solid #080a0b38;grid-template-columns:180px 1fr;gap:34px;margin-top:50px;padding-top:28px;display:grid}.instrument-profile>div{flex-direction:column;display:flex}.instrument-profile strong{font-family:var(--display);font-variation-settings:"wdth" 108, "wght" 570;margin:8px 0 5px;font-size:34px}.instrument-profile span{color:#656c69;font:8px var(--mono);line-height:1.5}.instrument-profile p{color:#555d5a;margin:0;font-size:15px;line-height:1.5}.technique-list{border-top:1px solid #080a0b3b}.technique-list>section{border-bottom:1px solid #080a0b33;grid-template-columns:44px 1fr;gap:18px;padding:27px 0 22px;display:grid}.technique-icon{color:#377b71;border:1px solid #080a0b40;place-items:center;width:38px;height:38px;display:grid}.technique-icon svg{width:19px}.technique-list h4{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 570;margin:6px 0 7px;font-size:25px;line-height:1}.technique-list p{color:#59615e;max-width:450px;margin:0;font-size:15px;line-height:1.45}.motion-meter,.rhythm-strip,.harmony-lines,.tone-arc{grid-column:2;height:30px;margin-top:8px;position:relative;overflow:hidden}.motion-meter{align-items:center;gap:11%;display:flex}.motion-meter:before{content:"";background:#a7adaa;height:1px;position:absolute;top:50%;left:0;right:0}.motion-meter i{z-index:1;background:#377b71;border-radius:50%;width:8px;height:8px;position:relative}.rhythm-strip{align-items:end;gap:8px;display:flex}.rhythm-strip i{background:#377b71;width:18%;height:11px}.rhythm-strip i:nth-child(2){width:8%}.rhythm-strip i:nth-child(3){width:26%}.harmony-lines:before,.harmony-lines:after{content:"";transform-origin:0;background:#377b71;width:82%;height:1px;position:absolute;left:0}.harmony-lines:before{top:9px;transform:rotate(2deg)}.harmony-lines:after{background:#c77855;top:23px;transform:rotate(-2deg)}.tone-arc i{border-top:2px solid #377b71;border-radius:50%;width:78%;height:34px;position:absolute;top:7px;left:0;transform:rotate(-4deg)}.guide-note{color:#377b71;font:9px/1.6 var(--mono);border-top:1px solid #080a0b38;border-bottom:1px solid #080a0b38;margin:34px 0 0;padding:15px 0}.setup-list{border-top:1px solid #080a0b3b}.setup-list>section{border-bottom:1px solid #080a0b33;grid-template-columns:35px 1fr;gap:18px;padding:25px 46px 25px 0;display:grid;position:relative}.setup-list svg{color:#377b71;stroke-width:1.6px;width:23px}.setup-list strong{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 580;font-size:22px;display:block}.setup-list p{color:#59615e;margin:5px 0 0;font-size:15px;line-height:1.43}.setup-list section>span{color:#87908c;font:8px var(--mono);position:absolute;top:27px;right:0}.troubleshooting{margin-top:52px}.troubleshooting>.eyebrow{margin-bottom:12px}.troubleshooting details{border-top:1px solid #080a0b38}.troubleshooting details:last-child{border-bottom:1px solid #080a0b38}.troubleshooting summary{cursor:pointer;font-family:var(--display);font-variation-settings:"wdth" 105, "wght" 570;padding:18px 36px 18px 0;font-size:18px;list-style:none;position:relative}.troubleshooting summary::-webkit-details-marker{display:none}.troubleshooting summary:after{content:"+";color:#377b71;font:18px var(--mono);position:absolute;right:2px}.troubleshooting details[open] summary:after{content:"−"}.troubleshooting details p{color:#5b6360;margin:-4px 34px 20px 0;font-size:14px;line-height:1.45}@keyframes signal-pulse{50%{opacity:.4;box-shadow:0 0 3px var(--cyan)}}@keyframes trace-scan{0%,to{opacity:.15;transform:translateY(-16vh)}50%{opacity:.85;transform:translateY(16vh)}}@keyframes hand-drift{0%,to{transform:translate(-7px,8px)rotate(-4deg)}50%{transform:translate(8px,-10px)rotate(5deg)}}@keyframes guide-in{0%{transform:translate(100%)}}@keyframes guide-panel-in{0%{opacity:0;transform:translateY(7px)}}@media (width>=1280px){.intro-copy h1{font-size:152px}.intro-copy__line{font-size:23px}.performance-readout strong{font-size:130px}.instrument-error h2{font-size:56px}.gesture-guide h2{font-size:86px}.guide-section-heading h3{font-size:54px}}@media (width>=761px) and (width<=900px){.intro-copy{padding-left:36px;padding-right:36px}.intro-copy h1{font-size:88px}.performance-readout strong{font-size:84px}}@media (width<=760px){.instrument{height:94svh;min-height:620px}.instrument:before{background-size:20vw 20vw}.instrument__header{grid-template-columns:1fr auto;padding-left:19px;padding-right:19px}.live-status{justify-self:end}.camera-readout{display:none}.instrument__intro{grid-template-columns:1fr}.signal-figure{opacity:.7;border:0;position:absolute;inset:0}.signal-figure__axis{width:86vw;top:38%}.signal-figure__hand{top:38%}.intro-copy{z-index:2;padding:120px 20px calc(46px + env(safe-area-inset-bottom));justify-content:flex-end;position:relative}.intro-copy h1{margin:14px 0 18px;font-size:76px;line-height:.74}.intro-copy__line{max-width:320px;margin-bottom:25px;font-size:17px}.start-button{width:100%}.performance-readout{top:auto;bottom:calc(118px + env(safe-area-inset-bottom));left:19px;translate:0}.performance-readout strong{font-size:76px}.gesture-hint{top:calc(74px + env(safe-area-inset-top));bottom:auto}.instrument-controls{top:auto;left:50%;right:auto;bottom:calc(34px + env(safe-area-inset-bottom));flex-direction:row;translate:-50%}.instrument-controls button{background:#080a0b9e;width:52px;height:52px}.instrument-controls button:after,.quality-readout{display:none}.instrument-error{box-shadow:8px 8px 0 var(--coral)}.instrument-error h2{font-size:38px}.performance-grid{opacity:.38}.performance-grid--engaged{opacity:.16}.note-axis{bottom:calc(104px + env(safe-area-inset-bottom))}.note-axis span{font-size:6px}.tone-axis{top:112px;bottom:170px}.guide-close{top:16px;right:16px}.guide-header{padding:34px 66px 34px 22px}.gesture-guide h2{margin-top:16px;font-size:58px}.guide-header>p:last-child{font-size:15px}.guide-tabs button{text-align:center;min-height:50px;padding:0 8px;font-size:8px}.guide-panel{padding:38px 22px calc(70px + env(safe-area-inset-bottom))}.guide-section-heading{grid-template-columns:1fr;gap:11px;margin-bottom:32px}.guide-section-heading>span{padding:0}.guide-section-heading h3{font-size:39px}.movement-map li{grid-template-columns:28px 1fr;gap:13px}.movement-map li>svg{width:21px}.movement-map p{font-size:14px}.movement-signal,.gate-signal{grid-column:2;margin-top:8px}.practice-phrase{margin-left:-22px;margin-right:-22px;padding:27px 22px}.phrase-score span{margin-right:20px}.instrument-profile{grid-template-columns:1fr;gap:18px}.technique-list>section{grid-template-columns:38px 1fr;gap:13px}.technique-list h4{font-size:22px}.setup-list>section{grid-template-columns:30px 1fr;gap:12px}}@media (width<=360px){.intro-copy h1,.performance-readout strong{font-size:68px}}@media (height<=680px) and (orientation:landscape){.intro-copy h1{font-size:18vh}.intro-copy__line{margin-bottom:18px}.signal-figure__axis{width:55vh}}