*{box-sizing:border-box}html,body,#viewport{margin:0;width:100%;height:100%;overflow:hidden}body{background:#d8edf3}#viewport{position:relative}canvas{display:block;touch-action:pan-y}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#f5f4ee;font:14px system-ui;color:#465340}progress{width:180px;accent-color:#64765c}.spinner{width:30px;height:30px;border:2px solid #d9dfd2;border-top-color:#64765c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.thought-cloud{position:absolute;z-index:3;pointer-events:none;opacity:0;transform-origin:30% 100%;filter:drop-shadow(0 4px 7px #44332220)}.thought-cloud svg{display:block;width:100%;height:auto;overflow:visible}.thought-cloud path,.thought-cloud ellipse{fill:var(--bubble);stroke:var(--bubble-border);stroke-width:1.7;stroke-linejoin:round}.thought-quote{position:absolute;left:12%;right:12%;top:20%;height:48%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Georgia,serif;font-weight:600;font-size:17px;line-height:1.27;color:var(--bubble-text);text-wrap:balance}