.answer-phonetic[data-v-7031cef7]{color:var(--answer-phonetic-color);display:inline-block;font-family:Arial,sans-serif,Noto Sans Mono IPA;font-weight:400;letter-spacing:.06em;line-height:1!important;white-space:nowrap}.sentence-component-tooltip[data-v-eb86abd1]{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px;pointer-events:auto;position:fixed;z-index:9999}.tooltip-top[data-v-eb86abd1]{transform:translate(-50%,-100%)}.tooltip-bottom .tooltip-arrow[data-v-eb86abd1],.tooltip-top .tooltip-arrow[data-v-eb86abd1]{left:clamp(20px,calc(50% + var(--tooltip-arrow-offset, 0px)),calc(100% - 20px))}.tooltip-top .tooltip-arrow[data-v-eb86abd1]{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;bottom:-8px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.05));height:0;position:absolute;transform:translate(-50%);width:0}.tooltip-bottom[data-v-eb86abd1]{transform:translate(-50%)}.tooltip-bottom .tooltip-arrow[data-v-eb86abd1]{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.05));height:0;position:absolute;top:-8px;transform:translate(-50%);width:0}.tooltip-left[data-v-eb86abd1]{transform:translate(-100%,-50%)}.tooltip-left .tooltip-arrow[data-v-eb86abd1]{border-bottom:8px solid transparent;border-left:8px solid #fff;border-top:8px solid transparent;filter:drop-shadow(2px 0 2px rgba(0,0,0,.05));height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}.tooltip-right[data-v-eb86abd1]{transform:translateY(-50%)}.tooltip-right .tooltip-arrow[data-v-eb86abd1]{border-bottom:8px solid transparent;border-right:8px solid #fff;border-top:8px solid transparent;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.05));height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:0}.tooltip-header[data-v-eb86abd1]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.color-dot[data-v-eb86abd1]{border-radius:50%;box-shadow:0 1px 3px #0000001f;flex-shrink:0;height:14px;margin-top:2px;width:14px}.component-label[data-v-eb86abd1]{color:#1f2937;flex:1;font-size:15px;font-weight:600;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.component-type[data-v-eb86abd1]{color:#9ca3af;flex-shrink:0;font-size:12px;font-style:italic;white-space:nowrap}.tooltip-body[data-v-eb86abd1]{color:#4b5563;font-size:13px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.tooltip-fade-enter-active[data-v-eb86abd1],.tooltip-fade-leave-active[data-v-eb86abd1]{transition:opacity .2s ease,transform .2s ease}.tooltip-fade-leave-active[data-v-eb86abd1]{pointer-events:none}.tooltip-top.tooltip-fade-enter-from[data-v-eb86abd1],.tooltip-top.tooltip-fade-leave-to[data-v-eb86abd1]{opacity:0;transform:translate(-50%,calc(-100% + 8px))}.tooltip-bottom.tooltip-fade-enter-from[data-v-eb86abd1],.tooltip-bottom.tooltip-fade-leave-to[data-v-eb86abd1]{opacity:0;transform:translate(-50%,-8px)}.tooltip-left.tooltip-fade-enter-from[data-v-eb86abd1],.tooltip-left.tooltip-fade-leave-to[data-v-eb86abd1]{opacity:0;transform:translate(calc(-100% + 8px),-50%)}.tooltip-right.tooltip-fade-enter-from[data-v-eb86abd1],.tooltip-right.tooltip-fade-leave-to[data-v-eb86abd1]{opacity:0;transform:translate(8px,-50%)}.dark .sentence-component-tooltip[data-v-eb86abd1]{background:#1f2937;border-color:#ffffff1a;box-shadow:0 4px 20px #0006}.dark .tooltip-top .tooltip-arrow[data-v-eb86abd1]{border-top-color:#1f2937}.dark .tooltip-bottom .tooltip-arrow[data-v-eb86abd1]{border-bottom-color:#1f2937}.dark .tooltip-left .tooltip-arrow[data-v-eb86abd1]{border-left-color:#1f2937}.dark .tooltip-right .tooltip-arrow[data-v-eb86abd1]{border-right-color:#1f2937}.dark .component-label[data-v-eb86abd1]{color:#f3f4f6}.dark .component-type[data-v-eb86abd1]{color:#6b7280}.dark .tooltip-body[data-v-eb86abd1]{color:#d1d5db}