@layer components{.ear-stage{-webkit-user-select:none;user-select:none;background:#030405;padding:0;overflow:hidden}.ear-stage.is-input{cursor:ns-resize;touch-action:none}.ear-canvas{width:100%;height:100%;position:absolute;inset:0}.ear-cue{text-align:center;animation:ear-in .42s var(--ease-out) both;position:absolute;top:64%;left:24px;right:24px}.ear-word{letter-spacing:-.05em;font-size:clamp(40px,12cqw,64px);font-weight:600;line-height:1}.ear-sub{max-width:30ch;color:var(--on-dark-dim);margin:10px auto 0;font-size:15px;line-height:1.35}@keyframes ear-in{0%{opacity:0;transform:translateY(8px)}}.ear-tape{pointer-events:none;width:92px;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 22% 58%,#0000 76%);mask-image:linear-gradient(#0000 4%,#000 22% 58%,#0000 76%)}.ear-tick{letter-spacing:.04em;color:#ffffff6b;align-items:center;gap:8px;height:0;font-size:11px;font-weight:600;transition:translate 90ms linear;display:flex;position:absolute;top:40%;right:0}.ear-tick i{background:#ffffff59;width:14px;height:1px}.ear-tick{flex-direction:row-reverse}.ear-needle{background:#63d6fa;width:92px;height:2px;margin-top:-1px;position:absolute;top:40%;right:0}.ear-mark{letter-spacing:.04em;justify-content:flex-end;align-items:center;width:92px;height:0;font-size:11px;font-weight:700;display:flex;position:absolute;top:40%;right:0}.ear-mark:before{content:"";width:92px;height:2px;margin-top:0;position:absolute;right:0}.ear-mark.is-target{color:#63d6fa;padding-bottom:18px}.ear-mark.is-target:before{background:#63d6fa}.ear-mark.is-you{color:#fff;padding-top:18px}.ear-mark.is-you:before{background:#fff}.ear-hint{color:var(--on-dark-faint);font-size:13px;position:absolute;top:16px;left:20px}.ear-read{position:absolute;bottom:150px;left:22px}.ear-hz{letter-spacing:-.05em;font-size:clamp(52px,15cqw,76px);font-weight:600;line-height:1}.ear-hz.is-dim{color:#ffffff61}.ear-hz .ear-unit{font-size:.3em}.ear-note{color:var(--on-dark-dim);margin-top:6px;font-size:14px;font-weight:600}.ear-keys{left:20px;bottom:max(26px, calc(env(safe-area-inset-bottom) + 10px));gap:8px;display:flex;position:absolute}.ear-keys.is-result{margin-top:14px;position:static}.ear-vs{left:22px;bottom:calc(var(--sheet-room) + 18px);position:absolute}.ear-vs .ear-hz{font-size:clamp(40px,11cqw,56px)}.ear-label{letter-spacing:.08em;color:var(--on-dark-faint);margin:8px 0 2px;font-size:12px;font-weight:600}.ear-tile{background:#050608;position:absolute;inset:0}.ear-tile i{background:#63d6fa;height:1.5px;position:absolute;top:50%;left:0;right:0}.ear-tile b{background:#fff;height:1.5px;position:absolute;top:50%;left:22%;right:22%}.ear-tile span{text-align:center;color:#fffc;font-size:11px;font-weight:600;position:absolute;bottom:6%;left:0;right:0}@media (prefers-reduced-motion:reduce){.ear-cue{animation:none}}}