:root{color-scheme:light;--ink:#243c3b;--muted:#7e9390;--green:#20796d;--line:#dce8e2;--paper:#f7faf7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:#e4eeea;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.shell{max-width:900px;margin:auto;background:var(--paper);height:100dvh;min-height:100svh;position:relative;box-shadow:0 0 100px #2f5b4910}.welcome{height:100%;max-width:410px;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:36px 28px}.large-avatar{width:92px;height:92px;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--green)}.welcome h1{font-size:34px;font-weight:650;letter-spacing:-1px;margin:14px 0}.welcome p{line-height:1.9;color:#78908a;font-size:15px;margin:0 0 30px}.welcome label{display:block;font-size:12px;color:#617973;margin:0 0 10px}.welcome input{width:100%;border:1px solid #cdded7;border-radius:14px;padding:15px;background:white;outline:none}.welcome input:focus{border-color:var(--green)}.primary{width:100%;border-radius:14px;background:var(--green);color:white;padding:15px;margin-top:12px;text-align:left}.primary span{float:right}.welcome p.hint{font-size:11px;margin-top:20px}.chat{height:100%;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 22px 14px;background:#f7faf7e8;border-bottom:1px solid var(--line)}header img{width:45px;height:45px}.heading{flex:1}.heading h1{font-size:17px;font-weight:650;margin:0 0 5px;letter-spacing:1px}.heading p{font-size:11px;color:var(--muted);margin:0;display:flex;align-items:center;gap:5px}.heading i{width:5px;height:5px;border-radius:50%;background:#84b6a4}.heading i.offline{background:#bd9673}.quiet{background:transparent;color:var(--muted);font-size:12px;padding:10px}.notebook{text-align:center;color:#92a49d;padding:12px 0 8px;font-size:11px;letter-spacing:.6px}.notebook span{padding:0 7px}.conversation{flex:1;overflow-y:auto;padding:10px 22px 22px;scroll-behavior:smooth;overscroll-behavior:contain}.older{display:block;margin:0 auto 20px;background:transparent;color:var(--muted);font-size:12px;padding:8px}.row{display:flex;gap:9px;margin:0 0 22px;align-items:flex-start}.row.user{flex-direction:row-reverse}.avatar{flex:none;width:31px;height:31px;border-radius:12px;margin-top:2px}.user .avatar{background:#e7c9c1;display:grid;place-items:center;font-size:12px;color:#936458}.bubbles{display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:min(82%,650px);min-width:0}.user .bubbles{align-items:flex-end}.bubble{background:white;border:1px solid #e5ece7;border-radius:3px 17px 17px 17px;padding:11px 15px;font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 2px 6px #264e3d03}.user .bubble{background:#dceee5;border-color:#dceee5;border-radius:17px 3px 17px 17px}.bubble a{color:var(--green);text-decoration:underline}.media{max-width:100%;max-height:350px;object-fit:contain;border-radius:13px;display:block;background:#edf2ed}.image-link{width:280px;max-width:100%;display:block}.audio{max-width:100%;width:285px;height:45px}.stamp{font-size:10px;color:#9baaa3;padding:2px 3px}.transcript{font-size:12px;color:#7d9388;line-height:1.6;white-space:pre-wrap}.transcript summary{cursor:pointer}.typing{margin:5px 40px 15px;font-size:12px;color:var(--muted)}.typing span{animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.25}}footer{padding:12px 17px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f0f6f1}#send-form{display:flex;align-items:flex-end;gap:9px}textarea{flex:1;min-width:0;resize:none;max-height:150px;border:1px solid #dce7df;border-radius:16px;background:white;padding:12px 14px;line-height:1.5;font-size:16px;outline:none;color:var(--ink)}textarea:focus{border-color:#9fbfb1}.attach,.send{height:45px;width:39px;flex:none;font-size:27px;border-radius:14px}.attach{background:transparent;color:#6c8b7c}.send{background:var(--green);color:white;font-size:24px;width:44px}.footer-note{text-align:center;color:#a1b0a6;font-size:10px;padding-top:8px}#attachments{display:flex;gap:9px;flex-wrap:wrap}.preview{position:relative;margin:0 0 10px}.preview img{height:66px;width:66px;object-fit:cover;border-radius:10px}.preview button{position:absolute;right:-5px;top:-5px;background:#3e5750;color:white;border-radius:50%;height:20px;width:20px;font-size:13px}#notice{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);padding:13px 18px;background:#344c44f2;color:white;box-shadow:0 4px 25px #0002;border-radius:12px;font-size:13px;line-height:1.6;max-width:90%;width:max-content;z-index:10}@media(min-width:800px){.shell{border-left:1px solid #d6e4db;border-right:1px solid #d6e4db}.conversation{padding:20px 48px 30px}footer{padding-left:42px;padding-right:42px}header{padding-left:38px;padding-right:38px}.bubble{font-size:15px}.row{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}