:root{color:#26332d;background:#f7f3ea;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 16% 4%,rgba(255,211,114,.28),transparent 28%),radial-gradient(circle at 86% 0%,rgba(105,177,138,.22),transparent 30%),linear-gradient(180deg,#fffaf1,#f5efe4 48%,#eef5ed)}button,textarea,select{font:inherit}button{cursor:pointer}.appShell{display:grid;width:min(100%,820px);min-height:100vh;margin:0 auto;padding:16px 14px 30px}.chatTopBar,.chatStage,.cardsPanel,.parentPanel{border:1px solid rgba(67,93,76,.14);border-radius:18px;background:#fffdf7d1;box-shadow:0 18px 46px #412f1c1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chatTopBar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:12px 14px}.buddyFace{display:grid;width:62px;height:62px;place-items:center;border:0;border-radius:22px;background:#fff8e9;box-shadow:inset 0 -8px #21543f14,0 12px 22px #412f1c24}.eyebrow{margin:0 0 3px;color:#b46d36;font-size:12px;font-weight:800}h1,h2,p{margin-top:0;letter-spacing:0}h1{margin-bottom:4px;font-size:28px;line-height:1.05}h2{margin-bottom:0;font-size:18px}.statePill,.quotaPill{display:inline-flex;min-height:24px;align-items:center;border-radius:8px;padding:0 8px;font-size:12px;font-weight:900}.statePill{background:#e9f5ef;color:#21543f}.topActions{display:grid;gap:8px;justify-items:end}.quotaPill{background:#fff6e7;color:#a2672e}.ghostButton,.iconButton{min-height:38px;border:1px solid rgba(67,93,76,.16);border-radius:12px;background:#fffaf2d1;color:#26332d;font-weight:800}.ghostButton{padding:0 12px}.buddyMenuButton{display:grid;border:0;padding:0;background:transparent}.chatStage{height:min(58vh,560px);min-height:360px;margin-top:12px;overflow:hidden}.chatStream{display:grid;align-content:start;gap:14px;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:16px}.messageRow{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}.messageRow.child{grid-template-columns:minmax(0,1fr) 38px;justify-items:end}.buddyAvatar,.systemAvatar,.childAvatar{display:grid;width:42px;height:42px;place-items:center;border-radius:15px;font-weight:900}.buddyAvatar{border:1px solid rgba(47,143,108,.2);background:#fff8e9}.systemAvatar{background:#fff6e7;color:#9e3329}.childAvatar{border:1px solid rgba(47,143,108,.22);background:#fffef8}.bubbleWrap{display:grid;max-width:min(86%,480px);gap:4px}.messageRow.child .bubbleWrap{justify-items:end}.messageBubble{width:fit-content;min-width:0;max-width:100%;border:1px solid rgba(96,78,56,.14);border-radius:16px;padding:7px 10px;background:#fffdf9f0}.messageRow.child .messageBubble{border-color:#2f8f6c38;background:#e9f5ef}.messageBubble.error{border-color:#e0afa6;background:#fff3ee}.voiceLine{display:flex;min-height:28px;align-items:center;gap:7px;white-space:nowrap}.voiceBars{display:inline-flex;width:92px;height:24px;align-items:center;justify-content:space-between;border-radius:999px;padding:0 7px;background:#f4efe5}.messageRow.child .voiceBars{background:#224b3b1a}.voiceBars i{display:block;width:4px;border-radius:8px;background:#2f8f6c}.voiceBars i:nth-child(1){height:8px}.voiceBars i:nth-child(2){height:14px}.voiceBars i:nth-child(3){height:20px}.voiceBars i:nth-child(4){height:13px}.voiceBars i:nth-child(5){height:17px}.voiceBars.active i{animation:voicePulse .86s ease-in-out infinite}.voiceBars.active i:nth-child(2){animation-delay:.08s}.voiceBars.active i:nth-child(3){animation-delay:.16s}.voiceBars.active i:nth-child(4){animation-delay:.24s}.voiceBars.active i:nth-child(5){animation-delay:.32s}@keyframes voicePulse{0%,to{transform:scaleY(.64)}50%{transform:scaleY(1)}}.durationText{min-width:28px;color:#6c6258;font-size:12px;font-weight:900}.iconButton{position:relative;display:grid;width:32px;min-width:32px;min-height:32px;place-items:center;padding:0}.iconButton.play span{width:0;height:0;margin-left:2px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #224b3b}.iconButton.stop span{width:12px;height:12px;border-radius:2px;background:#9e3329}.bubbleSummary,.bubbleHint,.fullText{margin:8px 0 0;line-height:1.55}.bubbleSummary{display:-webkit-box;overflow:hidden;color:#3f3931;font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:1}.bubbleHint{color:#7a6f63;font-size:13px}.textToggle{display:inline-flex;min-height:26px;align-items:center;border:1px solid rgba(47,143,108,.22);border-radius:999px;padding:0 8px;background:#fffdf9c2;color:#2f8f6c;font-size:12px;font-weight:900}.fullText{border-top:1px solid rgba(122,111,99,.18);padding-top:8px;color:#4d453d}.messageMeta{color:#9a9187;font-size:11px}.avatarArt{display:block;width:32px;height:32px;overflow:visible}.avatarArt.large{width:clamp(54px,15vw,76px);height:clamp(54px,15vw,76px)}.buddyFace .avatarArt{width:52px;height:52px}.buddyAvatar .avatarArt,.childAvatar .avatarArt{width:34px;height:34px}.avatarOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#2d352c57;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.avatarDialog{display:grid;width:min(calc(100vw - 36px),560px);max-width:calc(100vw - 36px);gap:18px;border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:clamp(18px,4vw,26px);background:radial-gradient(circle at 16% 14%,rgba(255,214,124,.32),transparent 30%),linear-gradient(180deg,#fffdf7,#eef8f1);box-shadow:0 28px 80px #2a2f253d}.avatarDialog h2{font-size:30px}.avatarPickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.8vw,12px)}.avatarPick{display:grid;min-width:0;min-height:clamp(102px,25vw,144px);gap:10px;place-items:center;border:2px solid rgba(67,93,76,.12);border-radius:24px;padding:clamp(8px,2vw,14px) clamp(2px,1.4vw,14px);background:#ffffffad;color:#26332d;font-weight:900}.avatarPick.active{border-color:#2f8f6c;background:#fff;box-shadow:0 14px 32px #2f8f6c2e}.startButton{min-height:56px;border:0;border-radius:18px;background:#21543f;color:#fff8e8;font-size:18px;font-weight:900;box-shadow:0 14px 28px #21543f33}.composerBar{position:sticky;bottom:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center;margin-top:12px;border-radius:22px;padding:10px;background:#fffdf7c7;box-shadow:0 -14px 34px #412f1c14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menuOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;align-items:start;justify-items:center;padding:92px 14px 20px;background:#26332d47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menuPanel{display:grid;width:min(100%,640px);max-height:calc(100vh - 112px);gap:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:16px;background:#fffdf7f5;box-shadow:0 22px 70px #232a2433}.menuAction{min-height:52px;border:1px solid rgba(67,93,76,.14);border-radius:16px;padding:0 14px;background:#fffaf2;color:#26332d;text-align:left;font-weight:900}.menuAction.danger{color:#9e3329}.recordButton{display:grid;min-height:66px;grid-template-columns:38px minmax(0,auto);column-gap:14px;row-gap:1px;align-items:center;justify-content:center;border:0;border-radius:20px;padding:10px 18px;background:linear-gradient(135deg,#21543f,#2f8f6c);color:#fffaf2;text-align:left;box-shadow:0 12px 26px #224b3b38;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.recordButton *{pointer-events:none;-webkit-user-select:none;user-select:none}.recordButton:disabled{cursor:not-allowed;background:#b9ae9d;box-shadow:none}.recordButton.recording{background:linear-gradient(135deg,#b84a3f,#d67454);box-shadow:0 12px 26px #9e332938}.recordButton strong,.recordButton small{display:block;grid-column:2}.recordButton strong{align-self:end;margin-top:0;font-size:22px;font-weight:900}.recordButton small{align-self:start;margin-top:0;color:#fffaf2d1;font-size:13px;font-weight:800}.recordDot{position:relative;display:block;width:34px;height:34px;grid-row:1 / span 2;border-radius:50%;background:#fff4d8;box-shadow:0 0 0 7px #fff4d829}.recordDot:before{position:absolute;top:8px;right:11px;bottom:11px;left:11px;border-radius:999px;background:#21543f;content:""}.recordDot:after{position:absolute;left:13px;bottom:7px;width:8px;height:5px;border-right:3px solid #21543f;border-bottom:3px solid #21543f;border-left:3px solid #21543f;border-radius:0 0 999px 999px;content:""}.recordButton.recording .recordDot{border-radius:8px;animation:pulseRecord 1.1s ease-in-out infinite}@keyframes pulseRecord{0%,to{transform:scale(1)}50%{transform:scale(.82)}}.cardsPanel,.parentPanel{margin-top:12px;padding:16px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px}.cardList{display:grid;gap:8px;margin-top:12px}.conversationCard{display:grid;gap:6px;width:100%;min-height:104px;border:1px solid #e2d5c4;border-radius:8px;padding:12px;background:#fffdf9;text-align:left}.conversationCard.active{border-color:#2f8f6c;background:#e9f5ef}.conversationCard span,.conversationCard small,.muted{color:#82776d}.conversationCard em{width:fit-content;border-radius:8px;padding:2px 7px;background:#fff0e8;color:#9e3329;font-size:12px;font-style:normal;font-weight:900}.conversationCard strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.conversationCard small{display:-webkit-box;overflow:hidden;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.parentPanel p{color:#3c3832;line-height:1.7}.parentPanel dl{display:grid;gap:8px;margin:0}.parentPanel dl>div{display:grid;grid-template-columns:82px 1fr;gap:8px}.parentPanel dt{color:#82776d}.parentPanel dd{margin:0;overflow-wrap:anywhere;font-weight:700}@media(max-width:560px){.appShell{padding:8px 8px 20px}.chatTopBar{grid-template-columns:46px 1fr auto;gap:10px;padding:10px}.buddyFace{width:50px;height:50px;border-radius:18px}.buddyFace .avatarArt{width:43px;height:43px}h1{font-size:22px}.topActions{gap:6px}.ghostButton{min-height:34px;padding:0 10px}.chatStage{height:min(56vh,500px);min-height:320px}.chatStream{padding:12px 10px}.bubbleWrap{max-width:92%}.voiceBars{width:78px}.avatarOverlay{overflow:hidden;padding-right:14px;padding-left:14px}.avatarDialog{width:calc(100vw - 28px);max-width:calc(100vw - 28px);gap:14px;padding:18px 14px}.avatarPickGrid{width:100%;grid-template-columns:1fr;gap:8px}.avatarPick{min-width:0;min-height:76px;grid-template-columns:58px 1fr;justify-items:start;border-radius:18px;padding:8px 14px}.avatarPick strong{font-size:17px}.avatarArt.large{width:54px;height:54px}.composerBar{grid-template-columns:minmax(0,1fr)}.recordButton{min-height:62px;border-radius:18px;padding:8px 16px}.recordButton strong{font-size:20px}.menuOverlay{padding-top:82px}}