:root{--bg-0: #0f1c17;--bg-1: #163028;--bg-2: #1e3d32;--accent: #3dba8a;--accent-2: #f0c674;--text: #eef6f1;--muted: #9bb5a8;--danger: #e07a6a;--card: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .1);--radius: 16px;--font: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#245447 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#2a4a38 0%,transparent 50%),linear-gradient(165deg,var(--bg-0),var(--bg-1) 45%,#101a16)}button,input,textarea{font:inherit}button{border:0;border-radius:999px;background:linear-gradient(135deg,#3dba8a,#2f9e73);color:#062319;font-weight:650;padding:.75rem 1.25rem;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.page{max-width:720px;margin:0 auto;padding:1.25rem 1rem 2.5rem}.brand{font-size:1.55rem;font-weight:750;letter-spacing:.02em;margin:0 0 .35rem}.sub{margin:0;color:var(--muted);line-height:1.5}.panel{margin-top:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scenario{display:flex;flex-direction:column;gap:.35rem;width:100%;text-align:left;border-radius:14px;padding:.9rem 1rem;margin-bottom:.75rem;background:#0000002e;color:var(--text);border:1px solid transparent}.scenario:hover,.scenario.active{border-color:#3dba8a8c}.scenario strong{font-size:1rem}.scenario span{color:var(--muted);font-size:.9rem;line-height:1.4}.chat{display:flex;flex-direction:column;gap:.75rem;min-height:46vh;max-height:58vh;overflow-y:auto;padding-right:.25rem}.bubble{max-width:86%;padding:.7rem .9rem;border-radius:14px;line-height:1.5;white-space:pre-wrap}.bubble.customer{align-self:flex-start;background:#ffffff1a}.bubble.guide{align-self:flex-end;background:#3dba8a40;border:1px solid rgba(61,186,138,.35)}.composer{display:flex;gap:.6rem;margin-top:.9rem}.composer textarea{flex:1;min-height:48px;max-height:120px;resize:vertical;border-radius:14px;border:1px solid var(--line);background:#00000040;color:var(--text);padding:.7rem .85rem}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.score-item{padding:.75rem;border-radius:12px;background:#0003}.score-item .label{color:var(--muted);font-size:.85rem}.score-item .value{font-size:1.35rem;font-weight:700;margin-top:.2rem}.total{font-size:2.4rem;font-weight:800;color:var(--accent-2);margin:.4rem 0 .8rem}.list{margin:.4rem 0 0;padding-left:1.1rem;color:var(--muted)}.err{color:var(--danger);margin-top:.75rem}.row-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.meta{color:var(--muted);font-size:.85rem;margin-top:.4rem}.mood-bar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.compare-card{margin-top:.75rem;padding:.85rem .95rem;border-radius:14px;border:1px solid var(--line);background:#00000038}.compare-label{font-size:.8rem;color:var(--muted);margin-top:.45rem}.compare-label:first-child{margin-top:0}.compare-text{margin:.25rem 0 .35rem;line-height:1.5;color:var(--text)}.compare-text.bad{color:#f0b4aa}.compare-text.good{color:#9be7c4}