:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f0f2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:0}#root{width:100%;max-width:700px}.tiptap{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;min-height:200px;outline:none}.tiptap:focus{border-color:#646cff}.my-highlight{background-color:transparent;border-radius:4px;position:relative;transition:background-color .3s ease}.my-highlight:before,.my-highlight:after{position:absolute;left:50%;transform:translate(-50%);bottom:100%;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.my-highlight[data-status=loading]:before,.my-highlight[data-status=loading]:after{display:none}.my-highlight:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;margin-bottom:4px}.my-highlight:hover:before,.my-highlight:hover:after{opacity:1;visibility:visible}.my-highlight[data-status=loading]{background-color:#ffe0b3;border:2px solid #ffc266;animation:pulse-border 1.2s ease-in-out infinite;padding:2px 0}@keyframes pulse-border{0%,to{border-color:#ffc266}50%{border-color:#ff8a65}}.my-highlight[data-status=loading]:before{content:"";width:16px;height:16px;border:2px solid #fff;border-top-color:#646cff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:9px;background-color:#333;padding:5px}.my-highlight[data-status=loading]:after{border-top-color:#333}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}.my-highlight[data-status=loaded]{background-color:transparent;border-bottom:2px solid #646cff;animation:pulse-opacity 1.5s ease-in-out infinite;cursor:pointer}.my-highlight[data-status=no_candidate]{background-color:transparent;border-bottom:2px solid #ff6b6b;cursor:help}.my-highlight[data-status=no_candidate]:before{content:attr(data-reason);background-color:#ff6b6b;color:#fff;padding:5px 8px;border-radius:4px;font-size:14px;white-space:nowrap;margin-bottom:9px}.my-highlight[data-status=no_candidate]:after{border-top-color:#ff6b6b}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.my-highlight[data-status=loaded]:before{content:attr(data-response);background-color:#646cff;color:#fff;padding:5px 8px;border-radius:4px;font-size:14px;white-space:nowrap;margin-bottom:9px}.my-highlight[data-status=loaded]:after{border-top-color:#646cff}.tiptap p:first-child{margin-top:0}.tiptap{width:calc(80vw - 20px);padding:1rem;border:1px solid transparent;border-radius:8px;min-height:200px;transition:border-color .3s ease-in-out;background-color:#f0f2f5}.tiptap:hover{border-color:#e0e0e0}.tiptap:focus{outline:none;border-color:#646cff}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px 0;margin:0 auto}body{background-color:#e8eaf6}.tiptap{background-color:#f0f2f5}