.tr-app{--ink:#213d43;--muted:#697976;--paper:#f7f5ef;--line:#dedfd5;--accent:#aa593d;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Arial,PingFang SC,sans-serif;font-size:15px;line-height:1.6}.tr-app *{box-sizing:border-box}.tr-app h1,.tr-app h2,.tr-app h3,.tr-brand,.tr-footer>span:first-child{font-family:Georgia,Songti SC,serif;font-weight:400;line-height:1.15}.tr-app h1{font-size:clamp(38px,4.4vw,64px);letter-spacing:-2px;margin:22px 0}.tr-app h2{font-size:30px;margin:12px 0}.tr-app h3{font-size:24px;margin:12px 0}.tr-app p{margin:8px 0}.tr-app button{cursor:pointer}.tr-app button:disabled{cursor:wait;opacity:.55}.tr-app :focus-visible{outline:3px solid #b8785b;outline-offset:4px}.tr-app input,.tr-app select,.tr-app textarea{color:var(--ink);background:#fffefa;border:1px solid var(--line);border-radius:7px;padding:11px 13px;font:inherit;max-width:100%}.tr-app textarea{width:100%;min-height:110px;resize:vertical}.tr-app label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.tr-header{height:100px;max-width:1250px;margin:auto;padding:0 40px;justify-content:space-between;border-bottom:1px solid var(--line)}.tr-brand,.tr-header{display:flex;align-items:center}.tr-brand{gap:11px;font-size:35px;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.tr-brand-dot{color:var(--accent)}.tr-header-caption{font-size:10px;letter-spacing:2px;color:var(--muted)}.tr-account{display:flex;gap:15px;align-items:center;font-size:13px}.tr-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:0;background:transparent;border-radius:50%;color:inherit}.tr-icon-btn:hover{background:#eae9e1}.tr-toolbar{display:flex;justify-content:space-between;align-items:center;max-width:1170px;margin:0 auto;padding:20px 0}.tr-toolbar nav{display:flex;gap:28px}.tr-toolbar nav button{background:none;border:0;color:var(--muted);padding:10px 0}.tr-toolbar nav button.active{color:var(--ink);box-shadow:0 2px var(--accent)}.tr-language-switch{display:flex;border:1px solid var(--line);padding:4px;border-radius:30px}.tr-language-switch button{display:flex;align-items:center;gap:8px;background:none;border:0;padding:8px 16px;border-radius:25px;font-size:13px;color:var(--muted)}.tr-language-switch .active{background:var(--ink);color:#fff}.tr-flag{width:15px;height:11px;display:inline-block;border-radius:1px}.tr-flag-fr{background:linear-gradient(90deg,#446794 33%,#f9f4e9 0,#f9f4e9 66%,#b96d64 0)}.tr-flag-de{background:linear-gradient(#292d31 33%,#b54e45 0,#b54e45 66%,#d7b75e 0)}.tr-main{max-width:1170px;margin:auto;padding:10px 0 70px}.tr-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:9px}.tr-eyebrow>span{color:#a4aaa0}.tr-hero{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:center;padding:35px 0 45px}.tr-hero p{color:var(--muted);font-size:16px}.tr-hero-location{display:flex;gap:10px;align-items:center;font-size:11px;margin-top:25px;color:var(--muted)}.tr-postcard{background:#eaece1;border:1px solid #d8decd;padding:22px;transform:rotate(3deg);box-shadow:8px 10px 0 #e6e4db}.tr-postcard-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.tr-postcard svg{width:100%;margin:15px 0}.tr-postcard-note{font-family:Georgia,serif;font-style:italic;font-size:15px;display:block;text-align:center}.tr-today{display:grid;grid-template-columns:1.6fr 1fr;background:#ecede3;border:1px solid #d9dfd1;border-radius:12px;margin:0 0 45px}.tr-recommendation{padding:32px 35px}.tr-recommendation p{max-width:450px;color:var(--muted)}.tr-recommendation .tr-btn{margin-top:15px}.tr-recommendation small{display:block;margin-top:13px;font-size:11px;color:var(--muted)}.tr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:center;padding:30px;border-left:1px solid #d9dfd1}.tr-stats strong{font-family:Georgia,serif;font-size:37px;font-weight:400;display:block}.tr-stats span{font-size:10px;color:var(--muted)}.tr-stats p{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:16px}.tr-btn{border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600;padding:12px 18px;text-decoration:none;min-height:43px}.tr-primary{background:var(--ink);color:#fffdf7}.tr-primary:hover{background:#36575d}.tr-secondary{border-color:#d4d9d0;background:#fffdf7;color:var(--ink)}.tr-secondary:hover{background:#eeeee5}.tr-btn-small{padding:7px 11px;font-size:12px;min-height:34px}.tr-text-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--accent);font-size:12px;padding:9px 0}.tr-section-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.tr-scenario-label{min-width:200px}.tr-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tr-mode-card{border:1px solid var(--line);border-radius:8px;background:#fffdf7;padding:26px;text-align:left;color:var(--ink)}.tr-mode-card:hover{background:#eeeee4;box-shadow:0 5px 20px #203d4310}.tr-mode-bottom,.tr-mode-top{display:flex;justify-content:space-between;align-items:center}.tr-mode-top>span{color:#8e9a90;font:italic 22px Georgia,serif}.tr-mode-card h3{margin-top:30px}.tr-mode-card p,.tr-mode-card small{font-size:12px;color:var(--muted)}.tr-mode-bottom{margin-top:28px;padding-top:15px;border-top:1px solid var(--line)}.tr-footnote{display:flex;justify-content:space-between;margin:25px 0;font-size:10px;color:var(--muted)}.tr-status-dot{background:#688665;width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:7px}.tr-footer{max-width:1170px;margin:auto;padding:24px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.tr-footer>span:first-child{font-size:24px}.tr-panel{background:#fffdf8;border:1px solid var(--line);border-radius:10px;padding:28px;margin-bottom:24px}.tr-settings-fields{display:flex;flex-wrap:wrap;gap:20px;align-items:end}.tr-card-reason,.tr-muted{color:var(--muted);font-size:12px}.tr-alert{padding:14px 18px;border-radius:7px;display:flex;gap:12px;justify-content:space-between;margin-bottom:15px}.tr-error{color:#973d2c;background:#f9e9e2;padding:10px;border-radius:5px;font-size:13px}.tr-success{color:#3e6651;background:#e6eee3}.tr-busy{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;padding:8px 0}.tr-spin{animation:tr-spin 2s linear infinite}@keyframes tr-spin{to{transform:rotate(1turn)}}.tr-empty,.tr-loading{text-align:center;padding:70px}.tr-loading svg{margin:auto}.tr-auth{max-width:1040px;margin:65px auto 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.tr-auth-story h1{font-size:72px}.tr-auth-story em{color:var(--accent)}.tr-auth-story>p{max-width:340px;color:var(--muted)}.tr-auth-card{background:#fffdf7;padding:40px;border:1px solid var(--line);border-radius:12px;align-self:center;box-shadow:0 16px 40px #213d4305}.tr-auth-card form{display:flex;flex-direction:column;gap:20px;margin:25px 0}.tr-auth-card small{font-size:11px;color:var(--muted)}.tr-stamps{display:flex;gap:25px;margin-top:35px}.tr-stamps>span{border:1px dashed #9aa593;border-radius:50%;width:80px;height:80px;text-align:center;padding-top:13px;font-size:10px;letter-spacing:2px;transform:rotate(-10deg);color:#63775e}.tr-stamps strong{display:block;font:24px Georgia,serif}.tr-stamps>span:last-child{transform:rotate(12deg)}.tr-session-top{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.tr-review{max-width:800px;margin:0 auto 30px;text-align:center;padding:32px 50px}.tr-review-meta{display:flex;justify-content:space-between;font-size:11px}.tr-progress{height:3px;background:#e6e8df;margin:17px 0 30px}.tr-progress span{display:block;height:100%;background:#8b9c71;transition:width .3s}.tr-review-prompt{font-size:13px;color:var(--muted)}.tr-review-question{min-height:145px;display:flex;align-items:center;justify-content:center;gap:15px}.tr-review-question h2{font-size:40px}.tr-review-question .tr-bilingual{font:30px Georgia,serif}.tr-listen-orb{border:1px solid #c4d2bf;border-radius:50%;padding:25px;background:#edf0e5;color:var(--ink)}.tr-card-reason{margin:20px 0!important}.tr-answer{margin:30px 0;padding-top:20px;border-top:1px solid var(--line)}.tr-bilingual p[lang=zh]{color:#738074;font-size:.94em}.tr-pronunciation{background:#f0f1e8;padding:14px;border-radius:6px;margin:16px 0;font-size:13px}.tr-ipa{font-size:19px;display:block;color:var(--accent);margin:5px 0}.tr-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.tr-ratings button{padding:12px 8px;border:1px solid var(--line);background:#fff;border-radius:5px;color:var(--ink)}.tr-ratings button:hover{background:#e7eddf}.tr-ratings small{font-size:10px}.tr-next-due,.tr-ratings small{display:block;color:var(--muted)}.tr-next-due{font-size:11px}.tr-complete{padding:35px}.tr-complete svg{margin:auto;color:#64855b}.tr-lesson-controls{display:flex;gap:12px;flex-wrap:wrap}.tr-source{font-size:10px;background:#ebeede;border-radius:20px;padding:5px 11px;white-space:nowrap}.tr-dialogue{margin:25px 0}.tr-dialogue-line{display:flex;align-items:start;gap:25px;border-top:1px solid var(--line);padding:20px 0}.tr-speaker{min-width:85px;max-width:120px;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding-top:9px;color:var(--muted)}.tr-dialogue-line>div{flex:1}.tr-dialogue-line>div>p{font-family:Georgia,serif;font-size:23px}.tr-quiz{border-top:1px solid var(--line);padding-top:22px}.tr-quiz-question{padding:17px 0}.tr-options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.tr-options button{background:#fff;border:1px solid var(--line);padding:10px 15px;border-radius:6px;display:flex;align-items:center;gap:10px}.tr-options .correct{background:#e4efdf}.tr-options .incorrect{background:#fae8e0}.tr-item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tr-library-item{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fffdf7;min-width:0}.tr-library-item h3{font-size:23px;overflow-wrap:anywhere}.tr-library-item .tr-section-heading{margin-bottom:8px}.tr-library-item .tr-bilingual{font-size:13px}.tr-import-actions,.tr-library-filters,.tr-library-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.tr-search{flex:1;display:flex;align-items:center;gap:10px}.tr-search input{width:100%}.tr-recorder{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.tr-recorder small{flex-basis:100%;font-size:10px;color:var(--muted)}.tr-recorder audio{max-width:100%;height:36px}.tr-danger{color:#9c3c2b;background:#f8e5dc}.tr-targets summary{display:flex;justify-content:space-between;cursor:pointer;margin-bottom:12px}.tr-audio-bar{position:sticky;bottom:15px;margin:0 auto;max-width:650px;display:flex;align-items:center;gap:15px;border-radius:10px;background:#203d43;color:#fffdf5;padding:14px 20px;font-size:12px;box-shadow:0 8px 35px #0002;z-index:20}.tr-audio-bar span{flex:1}.tr-chat-log{min-height:280px;max-height:550px;overflow:auto;padding:20px 0}.tr-chat-empty{text-align:center;padding:45px}.tr-chat-empty svg{margin:auto}.tr-chat-message{max-width:80%;margin:15px 0;padding:20px;border-radius:10px;background:#ebeee4}.tr-chat-message.user{margin-left:auto;background:#e4e9e8}.tr-chat-message>p{font:22px Georgia,serif}.tr-chat-message .tr-bilingual{font-size:13px}.tr-chat-form{display:flex;gap:12px;margin-top:20px;align-items:end}.tr-chat-form textarea{min-height:70px}.tr-chat-feedback{font-size:12px;border-top:1px solid #cfd7c6;padding-top:10px;margin-top:10px}.tr-import{margin-top:20px}.tr-import table{width:100%;font-size:12px;border-collapse:collapse}.tr-import td,.tr-import th{padding:8px;text-align:left;border-bottom:1px solid var(--line)}.tr-import input{width:100%;min-width:100px}.tr-import-preview{overflow-x:auto;max-height:400px;margin:20px 0}.tr-example{font-style:italic}.tr-rating-label{font-size:12px;color:var(--muted)}@media (max-width:1250px){.tr-footer,.tr-main,.tr-toolbar{margin-left:35px;margin-right:35px}.tr-auth{margin-left:50px;margin-right:50px}}@media (max-width:800px){.tr-header{padding:0 22px;height:80px}.tr-header-caption{display:none}.tr-footer,.tr-main,.tr-toolbar{margin-left:20px;margin-right:20px}.tr-toolbar{gap:12px;align-items:start;flex-direction:column}.tr-toolbar nav{gap:20px;font-size:13px}.tr-hero{grid-template-columns:1fr;gap:20px;padding-top:25px}.tr-postcard{display:none}.tr-today{grid-template-columns:1fr}.tr-stats{border-left:0;border-top:1px solid #d9dfd1;padding:20px 30px}.tr-stats p{display:none}.tr-mode-grid{grid-template-columns:1fr}.tr-mode-card{padding:22px}.tr-mode-card h3{margin-top:15px}.tr-section-heading{align-items:start;flex-wrap:wrap}.tr-footnote{gap:12px;flex-direction:column}.tr-auth{grid-template-columns:1fr;gap:30px;margin:35px 25px}.tr-auth-story h1{font-size:46px}.tr-auth-story h1 br{display:none}.tr-auth-story>p{max-width:none}.tr-stamps{display:none}.tr-auth-card{padding:27px}.tr-item-grid{grid-template-columns:1fr}.tr-review{padding:22px 16px}.tr-review-question h2{font-size:30px}.tr-panel{padding:20px}.tr-dialogue-line{gap:12px}.tr-speaker{min-width:55px;font-size:9px}.tr-dialogue-line>div>p{font-size:20px}.tr-session-top{gap:12px;flex-wrap:wrap}.tr-ratings{gap:5px}.tr-audio-bar{margin:0 15px}.tr-chat-message{max-width:95%}.tr-chat-form{flex-direction:column}.tr-lesson-controls .tr-btn{font-size:11px;padding:10px}.tr-recommendation{padding:25px}.tr-settings-fields{align-items:stretch;flex-direction:column}.tr-account>span{display:none}}.tr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tr-library-search{display:flex;gap:12px;margin:25px 0}.tr-library-search>div{flex:1;display:flex;align-items:center;gap:10px}.tr-library-search input{width:100%}.tr-preview-row{display:grid;grid-template-columns:1fr 1fr 1fr 35px;gap:12px;align-items:end;margin:15px 0}.tr-import-warning{font-size:12px;color:#95643d}.tr-chat-input{display:flex;gap:12px;align-items:end}.tr-chat-input textarea{min-height:70px}.tr-library-count{font-size:12px;color:var(--muted);margin:20px 0}@media (max-width:700px){.tr-library-search{flex-wrap:wrap}.tr-library-search>div{flex-basis:100%}.tr-preview-row{grid-template-columns:1fr}.tr-chat-input{flex-wrap:wrap}}