/* One conversation surface for the feed and P01; geometry belongs to its owner. */
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .message .byline{font-size:var(--text-label);line-height:1.4;font-weight:500;color:var(--muted);letter-spacing:0;margin:0 1.125rem .5rem;max-width:calc(100% - 2.25rem)}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .message .bubble{font-size:var(--text-body);line-height:1.6;padding:1rem 1.125rem;min-width:0;max-width:min(670px,100%);background:var(--blue-pale);border-radius:14px 14px 14px 4px;overflow-wrap:break-word;text-wrap:pretty}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .message.student{display:grid;grid-template-columns:minmax(0,max-content);justify-content:end}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .message.student .byline{justify-self:stretch;text-align:start}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .message.student .bubble{background:var(--sand);border-radius:14px 14px 4px 14px}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .bubble.markdown :is(h1,h2,h3,h4,h5,h6){font-size:var(--text-body);line-height:1.4;font-weight:600;margin:1rem 0 .5rem;letter-spacing:0}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .bubble.markdown h1{font-size:1.25rem}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .bubble.markdown h2{font-size:var(--text-subtitle)}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .bubble.markdown>:first-child{margin-top:0}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .assistant-reply .bubble{min-height:3.7rem;transition:background-color var(--motion-panel) ease}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .assistant-reply .waiting-bubble{background:transparent}
#app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .assistant-reply .monomer-phrase{font:inherit;color:inherit;margin:0}
#app .assistant-reply .monomer-indicator{display:inline-block;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--blue);margin-left:.625rem;animation:assistant-pulse 1s ease-in-out infinite}
#app .text-emerge{animation:assistant-emerge 480ms ease-out both;animation-delay:var(--emerge-delay,0ms)}
@keyframes assistant-emerge{from{opacity:0}to{opacity:1}}
@keyframes assistant-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:600px){
 #app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .message .byline{margin-inline:.875rem}
 #app:is([data-screen=home],[data-screen=theory],[data-screen=training]) .message .bubble{padding:.875rem}
}
@media(prefers-reduced-motion:reduce){#app .text-emerge,#app .assistant-reply .monomer-indicator{animation:none!important}#app .assistant-reply .bubble{transition:none!important}}