.cb[data-v-bf550a8a]{align-items:flex-start;display:flex;gap:10px}.cb--user[data-v-bf550a8a]{justify-content:flex-end}.cb--assistant[data-v-bf550a8a]{justify-content:flex-start}.cb-avatar[data-v-bf550a8a]{border-radius:50%;flex-shrink:0;height:32px;margin-top:2px;width:32px}.cb-avatar--jason[data-v-bf550a8a]{border:2px solid #e8e4df;-o-object-fit:cover;object-fit:cover}.cb-avatar--user[data-v-bf550a8a]{align-items:center;background:#c0392b;border:2px solid #e8e4df;color:#fff;display:flex;justify-content:center;overflow:hidden}.cb-avatar--userimg[data-v-bf550a8a]{border:2px solid #e8e4df;-o-object-fit:cover;object-fit:cover}.cb-content[data-v-bf550a8a]{display:flex;flex-direction:column;max-width:75%}.cb-meta[data-v-bf550a8a]{align-items:center;display:flex;gap:.4rem;margin-bottom:.2rem;padding:0 .15rem}.cb-name[data-v-bf550a8a]{font-family:Quicksand,sans-serif;font-size:.68rem;font-weight:700}.cb-name--jason[data-v-bf550a8a]{color:#c0392b}.cb-name--user[data-v-bf550a8a]{color:#2c3e50}.cb-time[data-v-bf550a8a]{color:#b0a89e;font-family:Quicksand,sans-serif;font-size:.58rem}.cb--user .cb-meta[data-v-bf550a8a]{justify-content:flex-end}.cb--user .cb-content[data-v-bf550a8a],.cb--user .cb-phrases[data-v-bf550a8a]{align-items:flex-end}.cb--user .cb-phrase[data-v-bf550a8a]{background:#fef8f8;border-color:#f0dbd9}.cb-bubble[data-v-bf550a8a]{border-radius:16px;font-family:Quicksand,sans-serif;font-size:.88rem;line-height:1.6;padding:12px 16px}.cb--user .cb-bubble[data-v-bf550a8a]{background:#c0392b;border-bottom-right-radius:4px;color:#fff}.cb--user .cb-bubble[data-v-bf550a8a] .cb-hanzi-bold,.cb--user .cb-bubble[data-v-bf550a8a] strong{color:#fff;font-size:1.25rem}.cb-hear-self[data-v-bf550a8a]{align-items:center;align-self:flex-end;background:#fff;border:1px solid #f0dbd9;border-radius:14px;box-shadow:0 1px 4px #c0392b0f;color:#c0392b;cursor:pointer;display:inline-flex;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:700;gap:.35rem;letter-spacing:.02em;margin-top:.4rem;padding:.35rem .75rem;transition:background .15s,border-color .15s,transform .15s}.cb-hear-self[data-v-bf550a8a]:hover{background:#fef2f2;border-color:#c0392b;transform:translateY(-1px)}.cb-hear-self--playing[data-v-bf550a8a]{animation:cb-hear-pulse-bf550a8a 1.5s infinite;background:#c0392b;border-color:#c0392b;color:#fff}.cb-hear-jason[data-v-bf550a8a]{align-self:flex-start}.cb-hear-spin[data-v-bf550a8a]{animation:cb-spin-bf550a8a .9s linear infinite;transform-origin:center}@keyframes cb-spin-bf550a8a{to{transform:rotate(1turn)}}@keyframes cb-hear-pulse-bf550a8a{0%,to{box-shadow:0 0 #c0392b73}50%{box-shadow:0 0 0 8px #c0392b00}}.cb--assistant .cb-bubble[data-v-bf550a8a]{background:#f8f8f8;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000f;color:#2c3e50}.cb--assistant .cb-bubble[data-v-bf550a8a] .hanzi-pop{border-radius:2px;cursor:pointer;transition:background-color .15s}.cb--assistant .cb-bubble[data-v-bf550a8a] .hanzi-pop--active,.cb--assistant .cb-bubble[data-v-bf550a8a] .hanzi-pop:hover{background:#c0392b1f}.cb-phrases[data-v-bf550a8a]{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.cb-phrase[data-v-bf550a8a]{background:#fdfcfb;border:1px solid #e8e4df;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:.85rem 1rem}.cb-phrase-zh[data-v-bf550a8a]{color:#c0392b;display:block;font-size:1.25rem;font-weight:600;letter-spacing:.04em;margin-bottom:.15rem}.cb-phrase-py[data-v-bf550a8a]{color:#c0392b;margin-bottom:.1rem}.cb-phrase-en[data-v-bf550a8a],.cb-phrase-py[data-v-bf550a8a]{display:block;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:500}.cb-phrase-en[data-v-bf550a8a]{color:#7f8c8d;margin-bottom:.6rem}.cb-phrase-btns[data-v-bf550a8a]{display:grid;gap:.4rem;grid-template-columns:repeat(4,1fr);justify-items:center}.cb-btn[data-v-bf550a8a]{align-items:center;background:transparent;border:0;border-radius:6px;color:#2c3e50;cursor:pointer;display:inline-flex;font-family:Quicksand,sans-serif;font-size:.72rem;font-weight:700;gap:.32rem;justify-content:center;padding:.22rem .45rem .22rem .22rem;text-decoration:none;transition:color .15s ease,background-color .15s ease,transform .15s ease;white-space:nowrap;width:100%}.cb-btn[data-v-bf550a8a]:hover:not(.cb-btn--done):not(:disabled){background:#c0392b14;color:#c0392b;transform:translateY(-1px)}.cb-icon[data-v-bf550a8a]{align-items:center;background:#c0392b;border-radius:5px;box-shadow:0 4px 14px #c0392b4d;color:#fff;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.cb-btn:hover:not(.cb-btn--done):not(:disabled) .cb-icon[data-v-bf550a8a]{box-shadow:0 6px 18px #c0392b66}.cb-btn--playing[data-v-bf550a8a]{cursor:default;opacity:.65}.cb-btn--done[data-v-bf550a8a]{color:#c0392b;cursor:default}@media(max-width:480px){.cb-phrase-btns[data-v-bf550a8a]{gap:.25rem}.cb-btn[data-v-bf550a8a]{font-size:.62rem;gap:.2rem;padding:.18rem .25rem .18rem .18rem}.cb-icon[data-v-bf550a8a]{height:16px;width:16px}}.cb-bubble[data-v-bf550a8a] h3.cb-h3{border-bottom:1px solid rgba(192,57,43,.12);color:#c0392b;font-family:Quicksand,sans-serif;font-size:.92rem;font-weight:700;margin:.75rem 0 .35rem;padding-bottom:.2rem}.cb-bubble[data-v-bf550a8a] h3.cb-h3:first-child{margin-top:0}.cb-bubble[data-v-bf550a8a] h4.cb-h4{color:#2c3e50;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700;margin:.6rem 0 .25rem}.cb-bubble[data-v-bf550a8a] h4.cb-h4:first-child{margin-top:0}.cb-bubble[data-v-bf550a8a] strong{color:#2c3e50;font-size:1.1em;font-weight:700}.cb-bubble[data-v-bf550a8a]{font-family:Quicksand,Noto Sans SC,sans-serif}.cb-bubble[data-v-bf550a8a] .cb-hanzi-bold{color:#c0392b;font-family:Noto Sans SC,sans-serif;font-size:1.25rem;font-weight:600;letter-spacing:.04em}.cb-bubble[data-v-bf550a8a] .cb-annotated{align-items:flex-start;background:#c0392b0a;border-left:3px solid #c0392b;border-radius:8px;display:flex;flex-direction:column;gap:0;margin:.4rem 0;max-width:100%;padding:.4rem .65rem;width:-moz-fit-content;width:fit-content}.cb-bubble[data-v-bf550a8a] .cb-li .cb-annotated{flex-basis:calc(100% - 1.5em);margin-left:1.5em;margin-top:.3rem;width:auto}.cb-bubble[data-v-bf550a8a] .cb-annotated-zh{color:#c0392b;font-family:Noto Sans SC,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.04em;line-height:1.4}.cb-bubble[data-v-bf550a8a] .cb-annotated-py{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.72rem;font-style:italic;font-weight:500}.cb-bubble[data-v-bf550a8a] .cb-annotated-en{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.72rem;font-weight:500}.cb--user .cb-bubble[data-v-bf550a8a] .cb-annotated{background:#ffffff1f;border-left-color:#ffffff80}.cb--user .cb-bubble[data-v-bf550a8a] .cb-annotated-zh{color:#fff}.cb--user .cb-bubble[data-v-bf550a8a] .cb-annotated-py{color:#ffffffb3}.cb--user .cb-bubble[data-v-bf550a8a] .cb-annotated-en{color:#fff9}.cb-bubble[data-v-bf550a8a] .hanzi-pop{font-size:1.08em;font-weight:500}.cb-bubble[data-v-bf550a8a] em{color:#7f8c8d;font-style:italic}.cb-bubble[data-v-bf550a8a] .cb-li{align-items:baseline;display:flex;flex-wrap:wrap;font-size:.86rem;gap:.35rem;line-height:1.55;padding:.15rem 0}.cb-bubble[data-v-bf550a8a] .cb-li-num{color:#c0392b;flex-shrink:0;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:700;min-width:1.2em}.cb-bubble[data-v-bf550a8a] .cb-li-dot{background:#c0392b;border-radius:50%;flex-shrink:0;height:5px;margin-top:.45em;width:5px}.cb-bubble[data-v-bf550a8a] code.cb-code{background:#c0392b0f;border-radius:4px;color:#c0392b;font-family:Noto Sans SC,monospace;font-size:.84rem;font-weight:500;padding:.1rem .35rem}