:root{--sr-bg: #f7f6f4;--sr-surface: #ffffff;--sr-surface-2: #f0eeea;--sr-text: #1a1a1a;--sr-text-dim: #6b6b6b;--sr-border: #dedad3;--sr-accent: #b3261e;--sr-accent-fg: #ffffff;--sr-hedge-bg: #fde2e1;--sr-hedge-fg: #8c1d18;--sr-fix-fg: #b3261e;--sr-bubble-ai: #eceae5;--sr-bubble-user: #dcebe4;--sr-radius: 14px}@media (prefers-color-scheme: dark){:root{--sr-bg: #16161a;--sr-surface: #1f1f24;--sr-surface-2: #26262c;--sr-text: #f0f0ef;--sr-text-dim: #a3a3ab;--sr-border: #34343c;--sr-accent: #ff6b5e;--sr-accent-fg: #1a1a1a;--sr-hedge-bg: #4a2320;--sr-hedge-fg: #ffb3ac;--sr-fix-fg: #ff8f85;--sr-bubble-ai: #2a2a31;--sr-bubble-user: #1f3630}}*{box-sizing:border-box}body{margin:0;background:var(--sr-bg);color:var(--sr-text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;-webkit-tap-highlight-color:transparent}#app{max-width:680px;margin:0 auto;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px)}button{font:inherit;cursor:pointer;border:1px solid var(--sr-border);background:var(--sr-surface);color:var(--sr-text);border-radius:10px;padding:8px 14px}button.primary{background:var(--sr-accent);color:var(--sr-accent-fg);border-color:var(--sr-accent)}.role-card,.topic-card{border:1px solid var(--sr-border);border-radius:var(--sr-radius);padding:12px;margin-bottom:8px;background:var(--sr-surface)}.role-card.selected,.topic-card.selected{border-color:var(--sr-accent);outline:2px solid var(--sr-accent)}.role-card .desc,.pressure-desc{color:var(--sr-text-dim);font-size:.85em}.pressure-row{display:flex;gap:8px;margin:12px 0 4px}.pressure-row button{flex:1}.pressure-row button.selected{background:var(--sr-accent);color:var(--sr-accent-fg);border-color:var(--sr-accent)}.domain-row{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.domain-row button{font-size:.85em;padding:6px 10px}.domain-row button.selected{background:var(--sr-accent);color:var(--sr-accent-fg);border-color:var(--sr-accent)}.topic-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.topic-badge{display:inline-block;background:var(--sr-accent);color:var(--sr-accent-fg);font-size:.75em;padding:1px 6px;border-radius:6px;margin-right:6px}#sr-transcript{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.bubble{border-radius:var(--sr-radius);padding:10px 14px;max-width:85%;white-space:pre-wrap;line-height:1.5}.bubble.ai{background:var(--sr-bubble-ai);align-self:flex-start}.bubble.user{background:var(--sr-bubble-user);align-self:flex-end}.feedback{background:var(--sr-surface-2);border-radius:var(--sr-radius);padding:12px;font-size:.9em}.score-row{display:flex;align-items:center;gap:8px;padding:3px 0}.score-row>span:first-child{flex:0 0 8.5em}.score-val{flex:0 0 2.5em;text-align:right;font-variant-numeric:tabular-nums}.bar{flex:1;height:6px;background:var(--sr-border);border-radius:3px;overflow:hidden}.bar i{display:block;height:100%;background:var(--sr-accent)}.pillar{margin-bottom:12px}.pillar-head{display:flex;justify-content:space-between;font-weight:600;margin-bottom:4px}.pillar-score{font-variant-numeric:tabular-nums}.pillar.muted{color:var(--sr-text-dim);font-size:.85em;font-weight:400}.reversal-note{color:var(--sr-hedge-fg);background:var(--sr-hedge-bg);border-radius:8px;padding:6px 10px;margin:8px 0;font-size:.9em}.marked{margin-top:8px;line-height:1.7}.hedge{background:var(--sr-hedge-bg);color:var(--sr-hedge-fg);text-decoration:line-through;padding:0 2px;border-radius:4px}.fix{color:var(--sr-fix-fg);font-weight:600;margin-left:2px}.model{margin-top:8px;color:var(--sr-text-dim)}#sr-error{color:var(--sr-hedge-fg);padding:8px 0}.notice{background:var(--sr-surface-2);border-left:3px solid var(--sr-accent);border-radius:8px;padding:10px 12px;margin:12px 0;font-size:.85em;color:var(--sr-text-dim);line-height:1.6}.live-bar{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:.9em;color:var(--sr-text-dim);position:sticky;top:0;background:var(--sr-bg);z-index:1}.live-bar button{margin-left:auto;font-size:.85em;padding:4px 10px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--sr-border);flex:0 0 auto}.live-dot.on{background:var(--sr-accent);animation:sr-pulse 1.6s ease-in-out infinite}@keyframes sr-pulse{0%,to{opacity:1}50%{opacity:.35}}.bubble.pending{opacity:.6}.turn-meta{font-size:.75em;color:var(--sr-text-dim);margin-top:4px}.scoring-note{font-size:.85em;color:var(--sr-text-dim);padding:2px 0 6px}#sr-transcript{max-height:60vh;overflow-y:auto}#sr-text-fallback{display:flex;flex-direction:column;gap:8px;margin-top:12px}#sr-answer{resize:none;border-radius:var(--sr-radius);border:1px solid var(--sr-border);padding:10px 12px;background:var(--sr-surface);color:var(--sr-text);font:inherit}