:root{--bg:#0c1118;--panel:#111923;--panel-2:#17212d;--line:#293544;--text:#e9eef4;--muted:#8d9bab;--accent:#c6a978;--accent-2:#8eaa9c;--user:#263746;--danger:#db8d7d;--shadow:0 24px 80px #0006;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);line-height:1.55}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 0%,#1b293644,transparent 34%),var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr) 290px;height:100vh;overflow:hidden}.sidebar,.character-panel{background:#101720cc;border-color:var(--line)}.sidebar{border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand strong{display:block;letter-spacing:.12em;font-size:16px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em;margin-top:2px}.brand-mark{width:30px;height:30px;border:1px solid var(--accent);border-radius:50%;position:relative}.brand-mark:before{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--accent);border-radius:50%;left:8px;top:8px}.brand-mark span{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;top:2px;right:2px}.new-chat,.primary-button,.secondary-button{border:0;border-radius:6px;padding:11px 14px;font-weight:650}.new-chat{background:var(--accent);color:#17130d;text-align:left}.new-chat span{font-size:20px;vertical-align:-1px;margin-right:5px}.sidebar-section{margin-top:28px;min-height:0}.section-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:0 8px 10px}.icon-button{border:0;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:6px}.icon-button:hover{background:#ffffff0d;color:var(--text)}.chat-history{display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 240px);overflow:auto}.history-item{border:0;background:transparent;color:var(--muted);border-radius:6px;text-align:left;padding:11px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.history-item:hover,.history-item.active{background:#ffffff0b;color:var(--text)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0}.settings-link{border:0;background:transparent;color:var(--text);padding:0;font-size:13px}.settings-link span{color:var(--accent);margin-right:6px}.sidebar-footer p{color:var(--muted);font-size:11px;margin:12px 0 0}.main-panel{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#101820,#0d131a)}.topbar{height:76px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.character-heading{display:flex;align-items:center;gap:11px}.character-heading strong{display:block;font-size:14px}.character-heading span{display:block;color:var(--muted);font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79b79f;margin-right:5px}.top-actions{display:flex;gap:4px}.mobile-menu{display:none}.avatar{position:relative;overflow:hidden;background:linear-gradient(145deg,#253b49,#14202b 55%,#a4855b);border:1px solid #ffffff22;box-shadow:inset 0 0 0 1px #0004}.avatar:before{content:"";position:absolute;inset:13% 18% 0;background:linear-gradient(120deg,#0c1118,#1d2733);border-radius:48% 48% 20% 20%;box-shadow:15px 4px 0 #101922}.avatar:after{content:"";position:absolute;width:31%;height:27%;left:34%;top:35%;border-radius:48%;background:#d5aa89;box-shadow:inset 0 -6px #bd876e}.avatar .moon{position:absolute;right:12%;top:8%;color:#dfc78e;font-size:28px;z-index:2}.avatar-small{width:34px;height:34px;border-radius:50%}.avatar-small .moon{font-size:15px}.avatar-small:before{inset:12% 15% 0}.avatar-large{width:150px;height:150px;border-radius:50%}.avatar-large .moon{font-size:42px}.face{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:#4d302e;left:42%;top:47%;box-shadow:19px 0 #4d302e}.chat-scroll{flex:1;overflow:auto;padding:34px clamp(18px,6vw,86px) 20px}.conversation{max-width:780px;margin:0 auto}.welcome{padding:20px 0 28px;border-bottom:1px solid var(--line);margin-bottom:26px}.welcome .eyebrow,.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:700}.welcome h2{font-size:28px;line-height:1.2;margin:8px 0}.welcome p{color:var(--muted);max-width:560px;margin:0}.message{display:flex;gap:12px;margin:22px 0;animation:rise .2s ease}.message.user{justify-content:flex-end}.message.user .bubble{background:var(--user);border-color:#3b5363}.message .bubble{max-width:min(650px,82%);padding:13px 16px;border:1px solid var(--line);border-radius:4px 13px 13px 13px;background:#151e29;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .bubble{border-radius:13px 4px 13px 13px}.message-meta{font-size:10px;color:var(--muted);margin-top:5px}.message.user .message-meta{text-align:right}.message-avatar{width:28px;height:28px;border-radius:50%;flex:0 0 auto;margin-top:2px}.typing-indicator{max-width:780px;margin:0 auto;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:4px}.typing-indicator span{display:block;width:5px;height:5px;background:var(--accent);border-radius:50%;animation:bounce 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.typing-indicator em{font-style:normal;margin-left:5px}.composer-wrap{padding:0 clamp(18px,6vw,86px) 22px}.quick-prompts{display:flex;gap:8px;max-width:780px;margin:0 auto 10px;overflow:auto}.quick-prompts button{flex:0 0 auto;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:99px;padding:6px 11px;font-size:11px}.quick-prompts button:hover{border-color:var(--accent);color:var(--text)}.composer{max-width:780px;margin:0 auto;background:#151e29;border:1px solid #354250;border-radius:8px;padding:11px 12px 8px;box-shadow:0 8px 30px #0002}.composer:focus-within{border-color:#8b7655}.composer textarea{width:100%;border:0;resize:none;background:transparent;color:var(--text);outline:0;min-height:28px;max-height:150px;line-height:1.5}.composer textarea::placeholder{color:#657381}.composer-tools{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.send-button{border:0;border-radius:5px;width:30px;height:30px;background:var(--accent);color:#17130d;font-size:21px;line-height:1}.send-button:disabled{opacity:.4;cursor:not-allowed}.composer-note{max-width:780px;margin:8px auto 0;display:flex;justify-content:space-between;color:#5f6c78;font-size:10px}.character-panel{border-left:1px solid var(--line);padding:34px 24px;display:flex;flex-direction:column}.profile-art{height:210px;background:linear-gradient(145deg,#1a2a36,#0c131b);border:1px solid var(--line);display:grid;place-items:center;position:relative}.profile-art:after{content:"";position:absolute;inset:15px;border:1px solid #ffffff12}.art-caption{position:absolute;bottom:10px;left:12px;font-size:9px;letter-spacing:.2em;color:var(--muted)}.profile-copy{padding:25px 0 20px;border-bottom:1px solid var(--line)}.profile-copy h1{font-size:30px;line-height:1;margin:8px 0 4px}.profile-copy .role{color:var(--accent);font-size:12px;margin:0 0 16px}.profile-copy p:not(.role){color:var(--muted);font-size:12px;margin:0}.profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0}.profile-meta span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.profile-meta strong{font-size:11px;font-weight:550}.edit-character{margin-top:auto;border:1px solid var(--line);background:transparent;color:var(--text);padding:11px;border-radius:5px;text-align:left;font-size:12px}.edit-character span{float:right;color:var(--accent)}dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(480px,calc(100% - 32px))}dialog::backdrop{background:#05080ccc;backdrop-filter:blur(4px)}.dialog-card{background:#151e29;border:1px solid #3b4652;border-radius:8px;padding:24px;box-shadow:var(--shadow)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-heading h2{margin:7px 0 0;font-size:22px}.dialog-card label{display:block;color:var(--muted);font-size:11px;margin:13px 0}.dialog-card input,.dialog-card textarea{display:block;width:100%;border:1px solid var(--line);background:#0d141c;color:var(--text);border-radius:4px;padding:10px;margin-top:6px;outline:0}.dialog-card input:focus,.dialog-card textarea:focus{border-color:var(--accent)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.secondary-button{background:transparent;border:1px solid var(--line);color:var(--muted)}.primary-button{background:var(--accent);color:#17130d}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#202b36;color:var(--text);border:1px solid #43505d;border-radius:5px;padding:10px 14px;font-size:12px;box-shadow:var(--shadow);z-index:10}.toast[hidden]{display:none}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}}@media(max-width:980px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.character-panel{display:none}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:270px;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.main-panel{height:100vh}.mobile-menu{display:block}.topbar{padding:0 14px}.chat-scroll{padding:22px 14px 12px}.composer-wrap{padding:0 14px 15px}.composer-note{font-size:9px}.welcome h2{font-size:23px}.message .bubble{max-width:88%}.quick-prompts{margin-bottom:8px}.character-heading{margin-right:auto}}