*{box-sizing:border-box}body{margin:0;background:transparent;color:#f1eaf6;font:14px/1.6 'Microsoft YaHei',sans-serif}button,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #c8bed960;border-radius:12px;background:#34374ddc;padding:8px 14px}button:focus-visible,textarea:focus-visible{outline:2px solid #f6cce6}nav{position:fixed;bottom:18px;right:18px;display:flex;gap:10px;z-index:2}.hotspot{position:fixed;background:transparent;border:0;border-radius:45%;width:15%;height:60%;top:16%;z-index:1}.hotspot:hover{background:transparent;box-shadow:none}.ayaka{left:51%}.theresa{left:70%}#panel{position:fixed;z-index:3;left:22px;top:22px;bottom:22px;width:min(380px,calc(100% - 44px));background:#252a40f2;border:1px solid #d6bddc55;border-radius:20px;padding:18px;box-shadow:0 16px 60px #1118;display:flex;flex-direction:column}#panel[hidden]{display:none}header{display:flex;justify-content:space-between;align-items:center}header strong{font-size:20px}small{display:block;font-size:10px;color:#c5bed3}.notice{font-size:11px;color:#bdbbd0}#messages{flex:1;overflow:auto;min-height:50px;padding-right:5px}.message{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:13px;padding:10px 12px;margin:10px 0;background:#44435f}.user{background:#66576a;margin-left:24px}.assistant{margin-right:24px}#status{font-size:12px;color:#e4c1d9;margin:6px 0}form{display:flex;gap:8px}textarea{resize:none;min-width:0;flex:1;background:#191e32;color:#f1eaf6;border:1px solid #9e9cb960;border-radius:10px;padding:10px}#clear{font-size:11px;align-self:flex-start;margin-top:9px;background:none;border:0;padding:4px;color:#bbb5ca}button:disabled{opacity:.5;cursor:wait}@media(max-height:430px){#panel{top:8px;bottom:8px;padding:12px}.notice{display:none}}@media(max-width:500px){#panel{left:10px;top:10px;bottom:10px;width:calc(100% - 20px)}nav{bottom:10px;right:10px}}

nav{display:none}.hotspot{outline-offset:4px}#panel{backdrop-filter:none}