:root{--ink:#e8ece9;--muted:#909a94;--line:rgba(223,231,225,.13);--panel:rgba(19,24,23,.92);--soft:#252c2a;--paper:#d9e0da;--green:#8cad98}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c1010}body{color:var(--ink);font-family:"Songti SC","Noto Serif SC","PingFang SC",serif}button,textarea{font:inherit}button{cursor:pointer}.site-shell{min-height:100svh;display:grid;place-items:center;padding:28px 18px 22px;background:radial-gradient(circle at 18% -10%,rgba(88,117,102,.25),transparent 39%),linear-gradient(140deg,rgba(255,255,255,.025) 1px,transparent 1px),#0c1010;background-size:auto,24px 24px,auto}.chat-card{width:min(100%,820px);height:min(850px,calc(100svh - 84px));min-height:620px;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:0 36px 100px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.character-header{display:flex;align-items:center;gap:16px;padding:22px 26px 18px;border-bottom:1px solid var(--line)}.portrait{width:56px;height:56px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(196,213,201,.38);border-radius:50%;background:linear-gradient(145deg,#35403c,#1b211f);font-size:25px}.identity{min-width:0;flex:1}.identity h1{margin:0 0 5px;font-size:22px;font-weight:500;letter-spacing:.2em}.identity p{margin:0;color:var(--muted);font:13px "PingFang SC",sans-serif}.presence{display:flex;align-items:center;gap:8px;color:#b8c2bc;font:13px "PingFang SC",sans-serif}.presence span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.source-note{padding:10px 26px;border-bottom:1px solid var(--line);color:#77827c;font:12px "PingFang SC",sans-serif}.messages{overflow-y:auto;padding:28px 26px 18px;scrollbar-width:thin;scrollbar-color:#39423e transparent}.message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:23px}.message.user{align-items:flex-end}.speaker{margin:0 0 7px 4px;color:#7f8b84;font-size:12px;letter-spacing:.12em}.bubble{max-width:min(76%,570px);padding:14px 17px;border-radius:5px 20px 20px 20px;background:var(--soft);font-size:16px;line-height:1.75;white-space:pre-wrap;box-shadow:0 8px 22px rgba(0,0,0,.12)}.user .bubble{border-radius:20px 5px 20px 20px;background:var(--paper);color:#171d1a;font-family:"PingFang SC",sans-serif}.thinking{color:#88928c}.suggestions{display:flex;flex-wrap:wrap;gap:9px;margin:-5px 0 25px}.suggestions button{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:transparent;color:#9eaaa3;font-size:13px}.error{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:12px 14px;border:1px solid rgba(179,123,123,.25);border-radius:12px;color:#c7a4a4;background:rgba(110,55,55,.12);font:13px "PingFang SC",sans-serif}.composer{display:flex;align-items:flex-end;gap:12px;padding:16px 18px 18px;border-top:1px solid var(--line);background:rgba(12,16,16,.72)}.composer textarea{min-height:50px;max-height:150px;flex:1;resize:none;border:1px solid var(--line);border-radius:17px;outline:none;padding:13px 16px;background:#1b211f;color:var(--ink);font:16px/1.5 "PingFang SC",sans-serif}.send{height:50px;min-width:78px;border:0;border-radius:16px;background:var(--paper);color:#17201b;font:15px "PingFang SC",sans-serif}.send:disabled{cursor:default;opacity:.35}.footnote{margin:15px 0 0;color:#56605b;font:12px "PingFang SC",sans-serif;text-align:center}@media(max-width:620px){.site-shell{padding:0;display:block}.chat-card{width:100%;height:100svh;min-height:0;border:0;border-radius:0}.character-header{padding:17px 17px 14px}.portrait{width:48px;height:48px}.source-note{padding:8px 18px}.messages{padding:21px 17px 12px}.bubble{max-width:86%}.composer{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.send{min-width:68px}.footnote{display:none}}