.sax-viewer{display:flex;flex-direction:column;gap:1rem}.sax-viewer__canvas{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0e1417;touch-action:none;cursor:grab}.sax-viewer__canvas:active{cursor:grabbing}.sax-viewer__canvas canvas{display:block;width:100%!important;height:100%!important;outline:none}.sax-viewer__hint{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);padding:.5rem 1rem;border-radius:9999px;font-size:.8rem;color:#ffffffbf;background:#1a8a9e40;border:1px solid rgba(127,211,224,.35);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis}.sax-viewer__hint-full{display:inline}.sax-viewer__hint-short{display:none}@media(max-width:640px){.sax-viewer__canvas{aspect-ratio:3 / 4}.sax-viewer__hint{white-space:normal;text-align:center;font-size:.72rem;bottom:3.5rem;max-width:calc(100% - 1.5rem)}.sax-viewer__hint-full{display:none}.sax-viewer__hint-short{display:inline}.sax-chart{width:clamp(84px,30%,120px);top:.6rem;right:.6rem}}.sax-chart{position:absolute;top:.85rem;right:.85rem;width:clamp(96px,22%,150px);padding:.6rem .7rem .7rem;border-radius:1rem;background:#0e1417b8;border:1px solid rgba(127,211,224,.25);backdrop-filter:blur(8px);pointer-events:none}.sax-chart__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.4rem}.sax-chart__label{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.sax-chart__note{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:#7fd3e0}.sax-chart__svg{display:block;width:100%;height:auto;max-height:40vh}.sax-viewer__register{position:absolute;left:.85rem;bottom:.85rem;display:flex;gap:.15rem;padding:.2rem;border-radius:9999px;background:#0e1417b8;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.sax-viewer__regbtn{padding:.2rem .7rem;border-radius:9999px;border:none;background:transparent;color:#ffffff8c;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.sax-viewer__regbtn:hover{color:#ffffffd9}.sax-viewer__regbtn--on{background:#1a8a9e;color:#fff}.sax-viewer__style{position:absolute;right:.85rem;bottom:.85rem;min-width:2.6rem;height:1.9rem;border-radius:9999px;background:#0e1417b8;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fffc;font-size:.72rem;font-weight:700;cursor:pointer}.sax-viewer__style:hover{border-color:#7fd3e066}.sax-keys{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:1rem;touch-action:none}.sax-keys__key{min-width:2.6rem;height:2.75rem;padding:0 .55rem;border-radius:.6rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd9;font-size:.82rem;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s ease,transform .06s ease}.sax-keys__key--sharp{background:#ffffff05;color:#ffffff80}.sax-keys__key:hover{background:#7fd3e02e}.sax-keys__key:active{background:#7fd3e0;color:#0e1417;transform:translateY(1px)}.sax-cta{position:relative;display:flex;flex-wrap:wrap;gap:1.25rem 2rem;align-items:center;justify-content:space-between;margin-top:1rem;padding:1.5rem 1.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.07);background:#ffffff08;animation:sax-cta-in .4s ease both}@keyframes sax-cta-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sax-cta{animation:none}}.sax-cta__body{flex:1 1 320px;min-width:260px}@media(max-width:640px){.sax-cta__body{text-align:center}}.sax-cta__head{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 .4rem}.sax-cta__copy{font-size:.9rem;line-height:1.5;color:#ffffff8c;margin:0 0 1rem}.sax-cta__btn{display:inline-block;height:2.75rem;line-height:2.75rem;padding:0 1.5rem;border:none;cursor:pointer;border-radius:9999px;background:#1a8a9e;color:#fff;font-weight:600;font-size:.9rem;transition:background .15s ease}.sax-cta__btn:hover{background:#2a9dad}.sax-cta__aside{font-size:.78rem;color:#fff6;margin:.85rem 0 0}.sax-cta__dismiss{position:absolute;top:.6rem;right:.75rem;width:1.75rem;height:1.75rem;border:none;background:transparent;color:#fff6;font-size:1.3rem;line-height:1;cursor:pointer}.sax-cta__dismiss:hover{color:#fff}.sax-cta__qr{display:none;flex-direction:column;align-items:center;gap:.5rem}@media(min-width:1024px){.sax-cta__qr{display:flex}}.sax-cta__qrimg{width:104px;height:104px;border-radius:.5rem;overflow:hidden;background:#fff;padding:6px}.sax-cta__qrimg svg{display:block;width:100%;height:100%}.sax-cta__qrlabel{font-size:.7rem;color:#ffffff73}.sax-hum{margin-top:1.25rem;padding:1.5rem 1.75rem;border-radius:1rem;border:1px solid rgba(127,211,224,.18);background:#ffffff08}.sax-hum__head{margin-bottom:1.25rem}.sax-hum__title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .35rem}.sax-hum__sub{font-size:.88rem;line-height:1.5;color:#ffffff8c;margin:0;max-width:46ch}.sax-hum__stage{display:flex;flex-direction:column;align-items:center;gap:.85rem}.sax-hum__target{display:flex;flex-direction:column;align-items:center;gap:.15rem}.sax-hum__target-label{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.sax-hum__target-note{font-size:2.6rem;font-weight:800;line-height:1;color:#7fd3e0;font-variant-numeric:tabular-nums;transition:text-shadow .12s ease}.sax-hum__target-note--intune{text-shadow:0 0 18px rgba(127,211,224,.75)}.sax-hum__meter{position:relative;width:min(320px,82vw);height:46px;border-radius:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:border-color .15s ease}.sax-hum__meter--live{border-color:#7fd3e059}.sax-hum__meter--match{border-color:#7fd3e0;background:#7fd3e01f}.sax-hum__meter-center{position:absolute;top:6px;bottom:6px;left:50%;width:2px;transform:translate(-50%);background:#ffffff59}.sax-hum__needle{position:absolute;top:4px;bottom:4px;left:50%;width:4px;margin-left:-2px;border-radius:2px;background:#2a9dad;transition:transform .08s linear}.sax-hum__meter--match .sax-hum__needle{background:#7fd3e0;box-shadow:0 0 12px #7fd3e0cc}.sax-hum__readout{font-size:.9rem;font-weight:600;color:#fffc;margin:0;min-height:1.3em;font-variant-numeric:tabular-nums}.sax-hum__score{font-size:.85rem;color:#7fd3e0;margin:0}.sax-hum__help{width:min(340px,90vw);padding:.85rem 1rem;border-radius:.75rem;border:1px solid rgba(127,211,224,.25);background:#7fd3e00f;text-align:left}.sax-hum__help-title{font-size:.78rem;font-weight:700;letter-spacing:.02em;color:#7fd3e0;margin:0 0 .5rem}.sax-hum__help-steps{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.35rem}.sax-hum__help-steps li{font-size:.8rem;line-height:1.4;color:#ffffffb3}.sax-hum__btn{height:2.75rem;padding:0 1.5rem;border:none;cursor:pointer;border-radius:9999px;background:#1a8a9e;color:#fff;font-weight:600;font-size:.9rem;transition:background .15s ease}.sax-hum__btn:hover:not(:disabled){background:#2a9dad}.sax-hum__btn:disabled{opacity:.6;cursor:default}.sax-hum__btn--stop{background:transparent;border:1px solid rgba(255,255,255,.25)}.sax-hum__btn--stop:hover:not(:disabled){background:#ffffff14}.sax-hum__privacy{font-size:.72rem;color:#fff6;margin:.15rem 0 0;text-align:center}@media(prefers-reduced-motion:reduce){.sax-hum__needle{transition:none}.sax-hum__meter--match .sax-hum__needle{box-shadow:none}}