html,body{width:100%;height:100%}body{margin:0;padding:0;overflow:hidden;background-color:var(--vscode-editor-background, #1e1e1e);font-family:var(--vscode-font-family, sans-serif);color:var(--vscode-foreground, #d4d4d4);cursor:pointer;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%}#canvas-container{width:100%;height:100%;display:block}#canvas-container canvas{display:block;width:100%!important;height:100%!important}.ripple{position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.6);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:ripple-anim .6s ease-out forwards;box-shadow:0 0 10px #fff6}@keyframes ripple-anim{0%{width:10px;height:10px;opacity:1;border-width:3px}to{width:150px;height:150px;opacity:0;border-width:0px}}.thought-bubble-container{position:absolute;top:10%;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:4px;z-index:100;pointer-events:none;max-width:70%;width:max-content;transition:left .25s ease-out,top .25s ease-out}.thought-bubble{position:relative;background:var(--vscode-editorWidget-background, rgba(37, 37, 38, .95));border:1px solid var(--vscode-editorWidget-border, rgba(69, 69, 69, .6));color:var(--vscode-foreground, #d4d4d4);padding:4px 8px;border-radius:10px;font-size:10px;line-height:1.3;text-align:center;max-width:150px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:thought-bubble-in .4s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 2px 8px #00000040,0 0 0 .5px #ffffff0d inset;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.thought-bubble--fading{animation:thought-bubble-out .8s ease-in forwards}.thought-bubble__text{position:relative;z-index:1}.thought-bubble__tail{position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:7px;height:7px;background:var(--vscode-editorWidget-background, rgba(37, 37, 38, .95));border-right:1px solid var(--vscode-editorWidget-border, rgba(69, 69, 69, .6));border-bottom:1px solid var(--vscode-editorWidget-border, rgba(69, 69, 69, .6))}@keyframes thought-bubble-in{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes thought-bubble-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.85)}}
