.chat-right-stage .chat-piano .spirit-piano .piano-keys,.spirit-piano .piano-keys{min-height:280px}.spirit-piano .piano-black-key .piano-significance,.spirit-piano .piano-white-key .piano-significance{position:absolute;inset:14px 0 42px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.2px;pointer-events:none}.spirit-piano .piano-black-key{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:0 1px 8px;color:#eef4ff;overflow:hidden;pointer-events:auto}.spirit-piano .piano-black-key .piano-significance{inset:10px 0 30px;font-size:14px}.spirit-piano .piano-black-key .piano-note{font-size:13px;line-height:1;font-weight:600}.chat-piano .spirit-piano .piano-white-key{gap:5px;padding-bottom:8px;opacity:.9}.chat-piano .spirit-piano .piano-white-key.connected{opacity:1}@media(max-width:700px){.chat-right-stage .chat-piano .spirit-piano .piano-keys{height:280px}.chat-visual-scene{--piano-stage-height:307px}.spirit-piano .piano-white-key .piano-significance{font-size:14px}.spirit-piano .piano-black-key .piano-note,.spirit-piano .piano-black-key .piano-significance{font-size:12px}}.spirit-piano .piano-keys .piano-white-key.is-preview{background:linear-gradient(110deg,#fff9dc,#efd099);border-color:#f5c97b #f5c97b #d5a259;color:#3e2914;opacity:1;box-shadow:inset 0 0 26px #ffcf7770,0 0 19px #f9c06499}.spirit-piano .piano-keys .piano-white-key.is-preview i{width:10px;height:10px;box-shadow:0 0 11px 3px #ffe3a0}.spirit-piano .piano-black-key{transition:background .18s,border-color .18s,box-shadow .18s}.spirit-piano .piano-keys .piano-black-key.is-preview{background:linear-gradient(110deg,#93632b,#3e250d 72%);border-color:#ffe1a0 #ffe1a0 #d7a557;color:#fff4d6;box-shadow:inset 0 0 18px #f0bd5c66,0 0 18px #ffd77ba6}.spirit-piano .piano-black-key:focus-visible{outline:2px solid #ffdf9b;outline-offset:3px}@media(prefers-reduced-motion:reduce){.spirit-piano .piano-black-key{transition:none}}