.tuner{--paper:var(--color-surface);--ink:var(--color-ink);--muted:var(--color-ink-tertiary);--good:var(--color-positive);--ease:var(--ease-entrance);overscroll-behavior:none;background:var(--paper);height:100dvh;color:var(--ink);font-family:var(--font-sans);view-transition-name:none;position:relative;overflow:hidden}.tuner *,.tuner :before,.tuner :after{view-transition-name:none}.wave{z-index:var(--z-index-base);pointer-events:none;color:var(--ink);transition:color var(--duration-400) var(--ease);animation:wave-in var(--duration-500) var(--ease) both;-webkit-mask-image:var(--wave-mask);-webkit-mask-image:var(--wave-mask);mask-image:var(--wave-mask);--wave-mask:linear-gradient(to bottom, transparent 0%, #0000001f 1.5%, #0000008c 3.5%, #000 7%, #000 86%, #000000c7 92%, #00000059 96.5%, #00000014 99%, transparent 100%);position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.tuner[data-phase=intune] .wave{color:var(--good)}.wave__inner{will-change:transform;position:absolute;inset:0}.wave__bar{border-radius:var(--radius-full);transform-origin:50%;will-change:transform;background:currentColor;position:absolute;left:0;right:0;transform:scaleX(.01)}.tuner[data-phase=intune] .wave__bar{box-shadow:0 0 5px color-mix(in oklab, var(--good) 40%, transparent)}@keyframes wave-in{0%{opacity:0}to{opacity:1}}.tuner__ui{z-index:var(--z-index-raised);flex-direction:column;height:100%;padding:clamp(1.25rem,3.5vw,3rem);display:flex;position:relative}.tuner__readout{flex-direction:column;gap:clamp(.9rem,2.6vh,1.7rem);margin-top:auto;display:flex}.tuner__note-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(1rem,4vw,3rem);display:flex}.tuner__note-main{align-items:flex-end;min-width:0;display:flex}.tuner__note{align-items:flex-start;line-height:.74;display:flex}.tuner__letter{font-size:clamp(4.5rem,19vh,13rem);font-weight:var(--font-weight-bold);letter-spacing:-.05em}.tuner__note-sup{font-weight:var(--font-weight-bold);flex-direction:column;align-items:flex-start;gap:.1em;margin-top:.12em;line-height:1;display:flex}.tuner__sharp,.tuner__oct{font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(1.4rem,6vh,3.2rem)}.tuner__meter-wrap{justify-content:center;display:flex}.meter{width:min(520px,70vw);height:clamp(46px,8vh,72px);position:relative}.meter__center{background:var(--muted);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.meter__needle{border-radius:var(--radius-full);background:var(--muted);width:3px;transition:background var(--duration-300) var(--ease), box-shadow var(--duration-300) var(--ease);position:absolute;top:0;bottom:0;transform:translate(-50%)}.tuner[data-phase=holding] .meter__needle,.tuner[data-phase=off] .meter__needle,.tuner[data-phase=close] .meter__needle,.tuner[data-phase=intune] .meter__needle{background:var(--ink)}.tuner[data-phase=intune] .meter__needle{background:var(--good);box-shadow:0 0 0 5px color-mix(in oklab, var(--good) 14%, transparent)}.tuner__gate{color:var(--ink);font-family:inherit;font-size:clamp(1.5rem,5vw,2.6rem);font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0 0 .4rem}.tuner__gate:disabled{cursor:default}.tuner__figures{font-size:clamp(1rem,3vw,1.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);flex-wrap:wrap;gap:clamp(1.25rem,5vw,3rem);display:flex}.tuner__controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;display:flex}.tuner__select{align-items:center;display:inline-flex;position:relative}.tuner__select select{appearance:none;font:inherit;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:0;padding:0 1.3em 0 0}.tuner__select:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);pointer-events:none;width:.42em;height:.42em;position:absolute;top:45%;right:.15em;transform:translateY(-50%)rotate(45deg)}.tuner__modes{gap:1.1rem;display:inline-flex}.tuner__mode{font:inherit;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--muted);cursor:pointer;transition:color var(--duration-150) ease;background:0 0;border:0;padding:0}.tuner__mode:hover,.tuner__mode.is-active{color:var(--ink)}@media (max-width:600px){.tuner__note-row{align-items:flex-end}.meter{min-width:140px}.wave{--wave-mask:linear-gradient(to bottom, transparent 0%, #0000001a 2%, #00000080 4.5%, #000 9%, #000 64%, #000000d1 76%, #0006 88%, #0000001a 96%, transparent 100%)}}@media (prefers-reduced-motion:reduce){.wave{clip-path:none;animation:none}}