.trn-root{--trn-hot: #d24b3e;--trn-cold: #2f73c9;--trn-warm-1: #e9806f;--trn-warm-2: #e6a98c;--trn-warm-3: #c9cfdb;display:block}.trn-page{max-width:1440px;margin:0 auto;padding:4px 0 40px;color:var(--text)}.trn-banner{font-size:13px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin-bottom:12px}.trn-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.trn-tab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font:inherit;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.trn-tab:hover{color:var(--text)}.trn-tab.is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.trn-state{padding:40px;text-align:center;color:var(--text-secondary)}.trn-lead{color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.trn-muted{color:var(--text-muted)}.trn-small{font-size:13px}.trn-warn{color:var(--error)}.trn-ok{color:var(--success);font-weight:600}.trn-big{font-size:28px;font-weight:600;margin:8px 0 12px}.trn-link{background:none;border:0;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-align:left}.trn-link:hover{text-decoration:underline}.trn-link--block{display:block;margin:2px 0}.trn-back{background:none;border:0;padding:0 0 10px;font:inherit;color:var(--accent);cursor:pointer}.trn-pill{display:inline-block;font-size:12px;padding:2px 8px;border-radius:10px;border:1px solid var(--border);color:var(--text-secondary);margin:0 6px 6px 0;font-weight:400;vertical-align:middle}.trn-pill--draft{border-color:var(--warning);color:var(--warning)}.trn-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.trn-topic{margin-bottom:22px}.trn-topic h3{margin:0 0 8px;font-size:17px}.trn-lesson-list{list-style:none;margin:0;padding:0}.trn-lesson-list li{padding:6px 0;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}.trn-lesson{max-width:none}.trn-lesson>:not(.trn-md),.trn-lesson .trn-md>:not(.trn-pair){max-width:860px}.trn-lesson h2{margin:0 0 14px}.trn-md{line-height:1.6;font-size:15px}.trn-md h2{font-size:21px;margin:22px 0 8px}.trn-md h3{font-size:18px;margin:20px 0 8px}.trn-md h4{font-size:16px;margin:16px 0 6px}.trn-md p{margin:0 0 10px}.trn-md ul,.trn-md ol{margin:0 0 12px;padding-left:22px}.trn-md li{margin:3px 0}.trn-md code{font-size:13px;background:var(--bg);padding:1px 4px;border-radius:3px}.trn-note{background:var(--bg);border:1px solid var(--border);padding:10px 14px;margin:12px 0;border-radius:8px}.trn-note:before{content:"\421\43e\432\435\442  \b7  ";font-weight:600;color:var(--accent)}.trn-note--warn{background:#e6aa281a;border-color:#e6aa2873}.trn-note--warn:before{content:"\41b\43e\432\443\448\43a\430  \b7  ";color:var(--warning)}.trn-table-wrap{overflow-x:auto;margin:8px 0 14px}.trn-table{border-collapse:collapse;font-size:14px;min-width:100%}.trn-table th,.trn-table td{border:1px solid var(--border);padding:6px 9px;text-align:left;vertical-align:top}.trn-table th{background:var(--bg);font-weight:600}.trn-sources{margin-top:24px;font-size:13px;color:var(--text-secondary)}.trn-fig{margin:12px 0 16px}.trn-fig__svg{width:100%;max-width:560px;height:auto;display:block;background:var(--surface);border:1px solid var(--border);border-radius:8px}.trn-fig figcaption{font-size:13px;color:var(--text-secondary);margin-top:4px}.trn-fig__rad{fill:#b9bec7}.trn-fig__rad--col{fill:#a4aab4}.trn-fig__floor{fill:var(--bg)}.trn-fig__edge{stroke:var(--text-muted);stroke-width:1}.trn-fig__pipe{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trn-fig__pipe-end{fill:var(--surface);stroke-width:2.5}.trn-fig__valve{fill:#6b7280}.trn-fig__head{fill:#f2f2f2;stroke:#4b5563;stroke-width:1.5}.trn-fig__head-dot{fill:#9ca3af}.trn-fig__heat{fill:none;stroke:var(--trn-hot);stroke-width:1.5;opacity:.8}.trn-fig__label{font-size:10.5px;fill:var(--text-secondary);font-family:inherit}.trn-fig__label--strong{fill:var(--text);font-weight:600;font-size:11.5px}.trn-fig__note{font-size:9px;fill:var(--text-muted)}.trn-fig__arrow{stroke-width:3}.trn-fig__boiler{fill:var(--bg);stroke:var(--text-muted);stroke-width:1.5}.trn-fig__ask{fill:var(--surface);stroke:var(--accent);stroke-width:2;stroke-dasharray:3 2}.trn-fig__ask-txt{font-size:13px;font-weight:700;fill:var(--accent)}.trn-fig__minirad{stroke:#8b919b;stroke-width:1}.trn-img{margin:10px 0 14px;max-width:360px}.trn-img img{width:100%;height:auto;display:block;background:#fff;border:1px solid var(--border);border-radius:8px}.trn-img--wide{max-width:680px}.trn-img--tile,.trn-lesson .trn-md>.trn-img--tile{max-width:320px}.trn-img figcaption{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.trn-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:10px 0 16px}.trn-gallery .trn-img{margin:0;max-width:none}.trn-q .trn-img{max-width:300px}.trn-pair{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:20px;align-items:start;margin:12px 0 20px}.trn-pair__photos{display:grid;gap:10px}.trn-pair .trn-img{margin:0;max-width:none}.trn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.trn-card{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--surface)}.trn-card h3{margin:0 0 8px;font-size:17px}.trn-card p{margin:0 0 8px}.trn-card--wide{margin-bottom:16px}.trn-rules{max-width:680px;border:1px solid var(--border);border-radius:10px;padding:18px 20px;background:var(--surface)}.trn-rules ul{padding-left:20px;line-height:1.55}.trn-mic{margin:12px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.trn-run{max-width:720px;margin:0 auto;padding:8px 0 90px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.trn-run--done{text-align:center;padding-top:40px;user-select:auto}.trn-run--done .trn-actions{justify-content:center}.trn-run__head{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:8px}.trn-timer{position:relative;height:26px;border-radius:13px;background:var(--bg);border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.trn-timer__bar{position:absolute;top:0;bottom:0;left:0;background:var(--accent);opacity:.25;transition:width .25s linear}.trn-timer.is-low .trn-timer__bar{background:var(--error);opacity:.35}.trn-timer__txt{position:relative;display:block;text-align:center;line-height:24px;font-weight:600;font-variant-numeric:tabular-nums}.trn-q__text{font-size:18px;line-height:1.5;margin:6px 0 16px}.trn-options{display:flex;flex-direction:column;gap:8px}.trn-option{display:flex;gap:10px;align-items:flex-start;text-align:left;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;min-height:48px}.trn-option:hover{border-color:var(--accent)}.trn-option.is-on{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 1px var(--accent) inset}.trn-option__mark{flex:0 0 auto;width:18px;color:var(--accent)}.trn-number{display:flex;gap:8px;align-items:center}.trn-number .input{max-width:200px;font-size:18px}.trn-actions--sticky{position:sticky;bottom:0;background:var(--bg);padding:10px 0;margin-top:18px}.trn-answer{min-width:180px;min-height:44px;font-size:16px}.trn-voice{border:1px dashed var(--border);border-radius:10px;padding:16px}.trn-rec{font-weight:600;display:flex;align-items:center;gap:8px}.trn-rec__dot{width:12px;height:12px;border-radius:50%;background:var(--error);animation:trn-blink 1s infinite}@keyframes trn-blink{50%{opacity:.25}}.trn-grid-host{margin-bottom:18px}.trn-grid{width:100%}.trn-row--pending{font-weight:600}.trn-voice-list h4{margin:14px 0 6px}.trn-voice-item{border-top:1px solid var(--border);padding:8px 0}.trn-voice-item audio,.trn-ans audio{width:100%;max-width:420px}.trn-attempt{max-width:900px}.trn-topics-line{margin-bottom:14px}.trn-ans{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:10px;background:var(--surface)}.trn-ans.is-ok .trn-ans__head b{color:var(--success)}.trn-ans.is-bad{background:#d24b3e0d}.trn-ans.is-bad .trn-ans__head b{color:var(--error)}.trn-ans.is-pending{background:#e6aa2812}.trn-ans.is-pending .trn-ans__head b{color:var(--warning)}.trn-ans__head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.trn-ans__opts{list-style:none;padding:0;margin:0 0 8px}.trn-ans__opts li{padding:2px 0}.trn-ans__opts li.is-right{color:var(--success);font-weight:600}.trn-ans__opts li.is-picked:not(.is-right){color:var(--error)}.trn-explain{font-size:14px;color:var(--text-secondary);margin:6px 0 0}.trn-rubric{font-size:14px;margin-top:8px}.trn-rubric ul{margin:4px 0;padding-left:20px}.trn-review textarea{width:100%;margin-top:8px}.trn-transcript{background:var(--bg);padding:8px;border-radius:6px;font-size:14px}.trn-coverage h3{margin:18px 0 8px;font-size:16px}.trn-legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.trn-legend .trn-cov{padding:3px 10px;border-radius:6px;font-size:13px}.trn-cov--none{background:#d24b3e29}.trn-cov--some{background:#e6aa282e}.trn-cov--good{background:#3ca05a2e}.trn-cov--gap{background:#8c8c8c24;color:var(--text-muted)}.trn-errors{margin:8px 0 14px;color:var(--error);font-size:13px}@media(max-width:760px){.trn-page{padding:0 2px 30px}.trn-q__text{font-size:17px}.trn-big{font-size:24px}}
