.tr-shell{display:grid;gap:14px}.tr-hero{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(150px,.45fr));gap:10px;padding:18px;border:1px solid rgba(44,230,214,.14);border-radius:20px;background:linear-gradient(145deg,rgba(10,23,42,.96),rgba(13,29,51,.82))}.tr-hero>div>span,.tr-hero article span,.tr-section>span,.tr-list-head span{font-size:8px;letter-spacing:.12em;font-weight:900;color:#71809b}.tr-hero h2{margin:6px 0 8px;font-size:28px}.tr-hero p{margin:0;color:#8f9bb2;line-height:1.6}.tr-hero article{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.tr-hero article strong{display:block;margin-top:6px;font-size:24px}.tr-hero article small{display:block;margin-top:5px;color:#71809b}.tr-levels{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.tr-levels button{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0d1b31;color:#eef3fb;text-align:left;cursor:pointer}.tr-levels button.is-active{border-color:rgba(131,233,73,.3);background:rgba(131,233,73,.055)}.tr-levels b,.tr-levels span,.tr-levels small{display:block}.tr-levels b{color:#83e949;font-size:14px}.tr-levels span{margin-top:4px;font-size:10px}.tr-levels small{margin-top:3px;color:#70809a}.tr-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.tr-toolbar input{min-height:44px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#081525;color:#eef3ff;padding:0 12px}.tr-toolbar>div{padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px}.tr-toolbar b,.tr-toolbar span{display:block}.tr-toolbar b{color:#2ce6d6}.tr-toolbar span{font-size:9px;color:#78869e}.tr-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:12px;align-items:start}.tr-list{display:grid;gap:8px;max-height:82vh;overflow:auto;padding-right:3px}.tr-list-head{padding:4px 2px 7px}.tr-list-head strong,.tr-list-head small{display:block}.tr-list-head strong{margin-top:4px;font-size:18px}.tr-list-head small{margin-top:3px;color:#75839c}.tr-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(13,27,49,.62);color:#eef3fb;text-align:left;cursor:pointer}.tr-card:hover,.tr-card.is-active{border-color:rgba(44,230,214,.25);background:rgba(44,230,214,.045)}.tr-code{display:grid;place-items:center;height:42px;border-radius:9px;background:rgba(131,233,73,.08);color:#83e949;font-weight:900}.tr-card span{font-size:8px;color:#6f7f98;text-transform:uppercase}.tr-card h3{margin:4px 0 6px;font-size:15px}.tr-card p{margin:0;color:#8794ab;font-size:9px;line-height:1.5}.tr-card>b{font-size:8px;color:#2ce6d6;white-space:nowrap}.tr-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tr-tags em{padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.035);font-style:normal;font-size:7px;color:#7d8aa1}.tr-reader{position:sticky;top:88px;max-height:82vh;overflow:auto;padding:18px;border:1px solid rgba(44,230,214,.13);border-radius:18px;background:#091728}.tr-reader-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.tr-reader-head span{font-size:8px;letter-spacing:.1em;color:#2ce6d6}.tr-reader-head h2{margin:6px 0 0;font-size:25px}.tr-reader-head button{padding:8px 10px;border:1px solid rgba(131,233,73,.2);border-radius:9px;background:rgba(131,233,73,.05);color:#83e949;cursor:pointer}.tr-story{padding:10px 0}.tr-story p{font-size:14px;line-height:1.8;color:#d5ddec}.tr-section{padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.tr-vocab{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.tr-vocab b{padding:6px 8px;border-radius:8px;background:rgba(44,230,214,.055);color:#c7fff9;font-size:9px}.tr-questions{display:grid;gap:8px;margin-top:10px}.tr-questions article{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px}.tr-questions b,.tr-questions p{display:block}.tr-questions b{font-size:10px}.tr-questions button{margin-top:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:transparent;color:#2ce6d6;cursor:pointer;font-size:8px}.tr-questions p{margin:7px 0 0;color:#83e949}.tr-task p{color:#a8b3c6;line-height:1.6}.tr-complete{width:100%;padding:11px;border:1px solid rgba(131,233,73,.2);border-radius:10px;background:rgba(131,233,73,.06);color:#83e949;font-weight:800;cursor:pointer}.tr-complete.is-done{background:rgba(131,233,73,.14)}.tr-empty,.tr-empty-detail{padding:30px;text-align:center;color:#78869f;border:1px dashed rgba(255,255,255,.08);border-radius:13px}.tr-empty-detail span{font-size:8px;letter-spacing:.12em;color:#2ce6d6}.tr-empty-detail h3{font-size:23px;margin:7px 0}.tr-empty-detail p{margin:0}.appx-nav-item[data-view="readers"] .talkon-nav-icon{color:#83e949}@media(max-width:1180px){.tr-hero{grid-template-columns:repeat(2,1fr)}.tr-hero>div{grid-column:1/-1}.tr-levels{grid-template-columns:repeat(3,1fr)}.tr-layout{grid-template-columns:1fr}.tr-reader{position:static;max-height:none}}@media(max-width:700px){.tr-hero,.tr-toolbar{grid-template-columns:1fr}.tr-levels{grid-template-columns:repeat(2,1fr)}.tr-card{grid-template-columns:42px 1fr}.tr-card>b{grid-column:2}.tr-reader-head{flex-direction:column}}