:root{--font-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--sidebar-width:0px;--nav-direction:row;--theme-toggle-top:14px;--theme-toggle-right:14px}[data-theme=light]{--bg:#f5f0e6;--bg-soft:#efe8da;--surface:#ece4d4;--card:#e8e0d0;--accent:#b03a2e;--accent-soft:#b03a2e1a;--text:#23201a;--text-body:#3d382f;--text-dim:#8f8672;--muted:#8f8672;--muted-soft:#a99f86;--bubble-ai:#efe8da;--bubble-user:#b03a2e;--bubble-user-text:#f3ede1;--border:#ddd3c0;--border-light:#e6dfd0;--hairline:#ddd3c0;--vermilion:#b03a2e;--vermilion-soft:#b03a2e1a;--on-dark:#f3ede1;--paper:#f5f0e6;--paper-deep:#e8e0d0;--shadow:0 1px 3px #1414130f;--shadow-sm:0 1px 2px #1414130d}[data-theme=dark]{--bg:#16151a;--bg-soft:#1e1c22;--surface:#232027;--card:#2a2731;--accent:#c9643c;--accent-soft:#c9643c24;--text:#ece6da;--text-body:#cfc7b6;--text-dim:#7a7566;--muted:#7a7566;--muted-soft:#5f5a4e;--bubble-ai:#1e1c22;--bubble-user:#c9643c;--bubble-user-text:#1e1c22;--border:#2c2931;--border-light:#26232b;--hairline:#2c2931;--vermilion:#c9643c;--vermilion-soft:#c9643c24;--on-dark:#1e1c22;--paper:#16151a;--paper-deep:#232027;--shadow:0 1px 3px #00000080;--shadow-sm:0 1px 2px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;height:100dvh;transition:background-color .4s,color .4s;display:flex;overflow:hidden}.font-serif{font-family:var(--font-serif)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}.compose-input{border-bottom:1px solid var(--hairline)}.compose-input:focus{border-bottom-color:var(--vermilion)}::selection{color:#fff;background:#3b82f6}@keyframes avatarFloat{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-8px)}}@keyframes ringPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,80%,to{opacity:.35;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes petShake{0%,to{transform:translate(-50%,-50%)rotate(0)}25%{transform:translate(-50%,-50%)rotate(-8deg)}75%{transform:translate(-50%,-50%)rotate(8deg)}}@keyframes petHappy{0%,to{transform:translate(-50%,-50%)scale(1)}30%{transform:translate(-50%,-50%)scale(1.15)}60%{transform:translate(-50%,-50%)scale(.95)}}@keyframes petSwitch{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}40%{opacity:.3;transform:translate(-50%,-50%)scale(.3)rotate(180deg)}60%{opacity:.3;transform:translate(-50%,-50%)scale(.3)rotate(180deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(360deg)}}@keyframes emojiFloat{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--fx), var(--fy)) scale(.3)}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-float{animation:3s ease-in-out infinite avatarFloat}.animate-msg-in{animation:.3s ease-out forwards msgSlideIn}.animate-fade-in{animation:.4s ease-out forwards fadeSlideIn}.animate-shake{animation:.5s ease-in-out petShake}.animate-happy{animation:.6s ease-in-out petHappy}.animate-switch{animation:.4s ease-in-out petSwitch}:root{--sidebar-width:0px}@media (width>=768px){:root{--sidebar-width:150px;--theme-toggle-top:24px;--theme-toggle-right:24px}.app-container{height:min(92dvh,880px);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:32px;margin:0 16px}.msg-body{max-width:75%}.persona-list{padding:12px 16px 24px}.persona-card-full{padding:16px 18px}.persona-card-emoji-lg{min-width:46px;font-size:36px}}@media (width>=1024px){:root{--sidebar-width:200px}.msg-body{max-width:60%}.persona-list{padding:16px 24px 24px}}@media (width<=400px){.chat-messages{gap:8px;padding:8px 10px 6px}.msg-bubble{padding:10px 14px;font-size:14px}.msg-avatar{width:26px;min-width:26px;height:26px;font-size:14px}}#root{width:100%;min-height:100dvh}