.tr-page{padding:16px;max-width:800px;margin:0 auto}.tr-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.tr-mascot-img{width:80px;height:80px;object-fit:contain}.tr-bubble{background-color:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:12px 16px;position:relative;flex:1;color:var(--fg);font-size:15px;line-height:1.5}.tr-bubble:before{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);border-width:8px 8px 8px 0;border-style:solid;border-color:transparent var(--border-2) transparent transparent}.tr-bubble:after{content:"";position:absolute;top:50%;left:-7px;transform:translateY(-50%);border-width:7px 7px 7px 0;border-style:solid;border-color:transparent var(--surface-2) transparent transparent}.tr-workspace{background:var(--surface-2);border:2px solid var(--border-2);border-radius:var(--r-xl);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-sm);transition:border-color .2s}.tr-workspace:focus-within{border-color:var(--hoang-kim)}.tr-input{width:100%;border:none;padding:16px;font-size:18px;resize:none;outline:none;color:var(--fg);background:transparent}.tr-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-3);border-top:1px solid var(--border-2)}.tr-btn-primary{background:var(--chau-hong);color:#fff;border:none;border-radius:var(--r-full);padding:8px 20px;font-weight:600;cursor:pointer;transition:all .2s}.tr-btn-primary:hover{background:var(--chau-hong-2);transform:translateY(-1px)}.tr-btn-secondary{background:var(--thuy-luc);color:#fff;border:none;border-radius:var(--r-full);padding:8px 20px;font-weight:600;cursor:pointer;transition:all .2s}.tr-btn-secondary:hover{background:var(--thuy-luc-2)}.tr-btn-ghost{background:transparent;color:var(--fg-3);border:none;padding:8px 12px;font-weight:500;cursor:pointer}.tr-btn-ghost:hover{color:var(--fg)}.tr-btn-ai{background:#f59e0b26;color:var(--hoang-kim-2);border:1px solid rgba(245,158,11,.3);border-radius:var(--r-full);padding:6px 16px;font-weight:600;cursor:pointer;font-size:14px}.tr-section-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--fg);display:flex;align-items:center;gap:8px}.tr-section-title:before{content:"";display:block;width:4px;height:20px;background:var(--chau-hong);border-radius:4px}.tr-sentence-wrap{background:var(--surface-2);border-radius:var(--r-lg);padding:20px;margin-bottom:24px;text-align:center}.tr-sentence-hanzi{font-size:28px;color:var(--fg);margin-bottom:8px;word-break:break-all}.tr-sentence-pinyin{font-size:16px;color:var(--hoang-kim-2);margin-bottom:12px}.tr-sentence-meaning{font-size:16px;color:var(--fg-2);border-top:1px dashed var(--border-2);padding-top:12px}.tr-words-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.tr-word-card{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.tr-word-hz{font-size:24px;color:var(--chau-hong);font-weight:500;min-width:40px;text-align:center}.tr-word-py{font-size:14px;color:var(--fg-3);min-width:60px}.tr-word-mn{flex:1;font-size:15px;color:var(--fg)}.tr-word-lvl{font-size:12px;padding:2px 6px;border-radius:4px;font-weight:600;border:1px solid currentColor}.tr-word-btn{background:transparent;border:none;color:var(--thuy-luc);cursor:pointer;font-size:20px;padding:4px 8px}.tr-word-btn:hover{background:var(--surface-3);border-radius:50%}.tr-foot-actions{display:flex;justify-content:center}