:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#302d3d;background:#eeece8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.shell{max-width:800px;margin:auto;background:#faf8f5;min-height:100dvh}header{height:88px;display:flex;align-items:center;padding:20px 28px;border-bottom:1px solid #e9e4df;background:#faf8f5;gap:12px}.avatar{background:#e9e3f4;color:#786091;width:44px;height:44px;display:grid;place-items:center;border-radius:16px;font-size:24px}.identity{flex:1}h1{font-size:19px;margin:0;font-weight:650;letter-spacing:3px}.identity p{font-size:12px;color:#87818d;margin:5px 0 0}.quiet{border:1px solid #dfd9df;border-radius:20px;background:transparent;color:#817686;padding:8px 15px;font-size:12px}.login{max-width:400px;padding:70px 24px 40px;margin:auto}.mark{font-size:52px;color:#937ca9;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:3px;color:#9b8caa}h2{font-size:25px;line-height:1.6;font-weight:550}.muted,.fine{color:#938a96;font-size:13px;line-height:1.8}label{display:block;font-size:12px;margin:32px 0 10px;color:#837a88}input{width:100%;border:1px solid #e3dde5;border-radius:14px;padding:16px;background:white;outline-color:#9b81b4}.primary{width:100%;margin-top:16px;border:0;border-radius:14px;background:#78618f;color:white;padding:16px;text-align:left}.primary span{float:right}.fine{font-size:11px;margin-top:45px}#loginError,#error{font-size:12px;color:#ab4a4a;line-height:1.6}#chat{display:flex;flex-direction:column;height:calc(100dvh - 88px)}.notice{background:#f0eaf7;color:#78618f;font-size:11px;text-align:center;padding:10px}.messages{overflow-y:auto;flex:1;padding:28px;overscroll-behavior:contain;scroll-behavior:smooth}.empty{text-align:center;margin-top:15vh;color:#9d92a3}.empty span{font-size:38px}.empty h2{font-size:20px;color:#766781}.empty p{font-size:12px}.bubble{max-width:85%;padding:14px 17px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;margin-bottom:8px}.user{background:#eae2f2;margin-left:auto;border-bottom-right-radius:5px}.assistant{background:white;border:1px solid #ede7e2;border-bottom-left-radius:5px}.stamp{font-size:10px;color:#a198a6;margin:5px 3px 23px}.stamp.right{text-align:right}.pending{color:#97879f;font-size:13px;margin-bottom:22px}#error{padding:0 25px}.composer{display:flex;align-items:flex-end;gap:12px;margin:8px 22px 0;background:white;border:1px solid #e8e0e9;border-radius:20px;padding:12px;box-shadow:0 6px 25px #56405e08}textarea{flex:1;min-width:0;resize:none;border:0;outline:0;padding:10px 4px;max-height:140px;background:transparent;line-height:1.5;font-size:15px}#send{border:0;background:#806394;color:white;border-radius:13px;width:42px;height:42px;font-size:25px}.footnote{font-size:10px;color:#a89dad;text-align:center;margin:10px 0 max(15px,env(safe-area-inset-bottom))}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid #9b81b4;outline-offset:3px}@media(max-width:520px){header{height:76px;padding:16px 20px}.messages{padding:24px 18px}#chat{height:calc(100dvh - 76px)}.composer{margin-left:12px;margin-right:12px}.login{padding-top:50px}input,textarea{font-size:16px}.bubble{max-width:90%}}
