@charset "UTF-8";*{padding:0;margin:0}html,body{padding:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;font-size:15px;min-height:100%;width:100%}@media (prefers-color-scheme: dark){html,body{background-color:#333;color:#eee}}ul,ol,p{margin-bottom:.5em}.ai-tip{font-size:12px;color:#999;opacity:0;transition:opacity .3s;position:fixed;top:10px;left:10px;background-color:#fff}@media (prefers-color-scheme: dark){.ai-tip{background:#0006}}.ai-tip.show{opacity:1}code{background:#f6f8fa;padding:.2em .4em;border-radius:6px;font-size:85%}@media (prefers-color-scheme: dark){code{background:#0006}}@media (prefers-color-scheme: dark){code{background:#ffffff03}}ol,ul{margin-left:2em}#app{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box}.chat-scroll-list{padding:50px 20px 100px;transition:all .3s;width:100%;box-sizing:border-box}.chat-scroll-list.ready{flex:1}.chat-scroll-list .user{display:flex;justify-content:flex-end}.chat-scroll-list .user div{background-color:#f8f8f8;padding:8px 12px;border-radius:12px;word-break:break-word;align-self:flex-end;margin:6px 0 6px auto}@media (prefers-color-scheme: dark){.chat-scroll-list .user div{background:#ffffff0d}}.chat-scroll-list .assistant{padding:8px 12px;border-radius:12px;margin:6px auto 6px 0;word-break:break-word;align-self:flex-start}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-container{padding:20px;position:sticky;min-width:70%;bottom:0}.chat-input-box{background-color:#fff;box-sizing:border-box;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:30px;resize:none}@media (prefers-color-scheme: dark){.chat-input-box{background:#444}}.chat-input-box.loading{background-color:#eee}@media (prefers-color-scheme: dark){.chat-input-box.loading{background:#ffffff03;caret-color:#999;color:#eee}}.chat-input-box .loading svg{width:18px;height:18px;animation:spin 2s linear infinite}.chat-input-box textarea{font-size:14px;box-sizing:border-box;padding-left:1em;flex:1;border:none;outline:none;resize:none;overflow:hidden}@media (prefers-color-scheme: dark){.chat-input-box textarea{background:#fff0;caret-color:#999;color:#eee}}.chat-input-box textarea:disabled{background-color:transparent}.chat-input-box .send-button,.chat-input-box .loading{cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-input-box .send-button svg,.chat-input-box .loading svg{width:18px;height:18px;fill:#999}.chat-input-box .send-button:hover,.chat-input-box .loading:hover{opacity:.8}.chat-input-box.focus .send-button{background-color:#076df3}.chat-input-box.focus .send-button svg{fill:#fff}.chat-input-container h1{font-size:28px;text-align:center;padding-bottom:2em}.chat-input-container h1 sup{font-size:12px;color:#fff;margin-left:6px;background-color:#076df3;padding:2px 6px;font-weight:100;border-radius:5px}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.chat-in-loading{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:6px 0}.chat-in-loading span{width:6px;height:6px;background-color:#ccc;border-radius:50%;animation:blink 1.4s infinite both}.chat-in-loading span:nth-child(1){animation-delay:-.32s}.chat-in-loading span:nth-child(2){animation-delay:-.16s}.url{color:#076df3;text-decoration:underline;cursor:pointer}#url-control{position:absolute;display:none;align-items:center;justify-content:center;z-index:1000;background:#fff;box-shadow:0 0 3px #0006;border-radius:5px}#url-control button{color:#666;background:#fff;border:none;padding:3px 5px;border-radius:4px;font-size:12px;cursor:pointer}#url-control button:hover{color:#0080ff}#url-control:after{content:"";position:absolute;z-index:1;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#ccc transparent transparent transparent}#url-control:before{content:"";position:absolute;z-index:2;top:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:#fff transparent transparent transparent}#toast{position:fixed;text-align:center;top:10px;left:50%;display:flex;justify-content:center;transition:all .3s}#toast span{background-color:#333;color:#fff;padding:10px 15px;border-radius:20px;font-size:12px}#toast.show{opacity:1;top:10px}#toast.hide{opacity:0;top:-10px}