.emotion-preview{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--soft,#eee2eb);margin:12px 0}.emotion-face{font-size:40px;line-height:1.2}.emotion-guide{font-size:13px;line-height:1.6}.emotion-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;margin:12px 0}.emotion-scale>span{text-align:center;font-size:19px;border-radius:8px;padding:6px 0;opacity:.45}.emotion-scale>span.active{opacity:1;background:var(--soft,#eee2eb);outline:2px solid var(--accent,#87607d)}.emotion-scale small{display:block;font-size:10px}.emotion-score{font-size:13px;font-weight:700}.emotion-chart-wrap{overflow-x:auto}.emotion-chart{width:100%;min-width:620px;height:auto;display:block;color:var(--ink)}.emotion-grid-line{stroke:var(--line);stroke-width:1}.emotion-chart text{fill:currentColor;font:12px system-ui}.emotion-line{stroke:var(--accent);stroke-width:2;fill:none}.emotion-point{cursor:pointer;outline:none}.emotion-point circle.dot{fill:var(--accent);stroke:var(--surface);stroke-width:2}.emotion-point:hover circle.dot,.emotion-point:focus circle.dot,.emotion-point.selected circle.dot{stroke:var(--ink);stroke-width:3}.emotion-detail{padding:14px;background:var(--soft);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.emotion-detail p{margin:6px 0}.emotion-chart-card h2{font-size:18px}