.tlb{--tl-bg:#f4f5fb;--tl-panel:#fff;--tl-ink:#191d33;--tl-mut:#191d338c;--tl-indigo:#4f46e5;--tl-indigo-soft:#eceafd;--tl-line:#191d331a;background:var(--tl-bg);min-height:100svh;color:var(--tl-ink);font-family:var(--font-sora), system-ui, sans-serif;flex-direction:column;display:flex}.tl-top{background:var(--tl-panel);border-bottom:1px solid var(--tl-line);z-index:40;justify-content:space-between;align-items:center;gap:14px;padding:14px clamp(14px,3vw,28px);display:flex;position:sticky;top:0}.tl-brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.tl-brand__dot{background:var(--tl-indigo);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.tl-brand small{color:var(--tl-mut);letter-spacing:.06em;font-size:10.5px;font-weight:500;display:block}.tl-user{color:var(--tl-mut);align-items:center;gap:12px;font-size:12.5px;display:flex}.tl-user b{color:var(--tl-ink)}.tl-avatar{background:var(--tl-indigo-soft);width:34px;height:34px;color:var(--tl-indigo);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:grid}.tl-shell{flex:1;grid-template-columns:1fr 340px;gap:clamp(14px,2.4vw,24px);width:100%;max-width:1360px;margin:0 auto;padding:clamp(14px,2.4vw,24px);display:grid}@media (max-width:940px){.tl-shell{grid-template-columns:1fr}}.tl-greet h1{letter-spacing:-.02em;margin:4px 0;font-size:clamp(22px,3.4vw,30px);font-weight:800}.tl-greet p{color:var(--tl-mut);margin:0 0 18px;font-size:13.5px}.tl-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tl-tab{border:1px solid var(--tl-line);background:var(--tl-panel);color:var(--tl-mut);cursor:pointer;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s}.tl-tab:hover{color:var(--tl-indigo);border-color:var(--tl-indigo)}.tl-tab[data-on=true]{background:var(--tl-indigo);border-color:var(--tl-indigo);color:#fff}.tl-courses{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:700px){.tl-courses{grid-template-columns:1fr}}.tl-course{background:var(--tl-panel);border:1px solid var(--tl-line);cursor:pointer;text-align:left;color:inherit;border-radius:16px;padding:20px;font-family:inherit;transition:all .2s}.tl-course:hover{border-color:#4f46e566;transform:translateY(-3px);box-shadow:0 14px 34px #191d331a}.tl-course[data-on=true]{border-color:var(--tl-indigo);box-shadow:0 14px 34px #4f46e529}.tl-course__row{justify-content:space-between;align-items:start;gap:10px;display:flex}.tl-course__icon{color:var(--tl-indigo);place-items:center;display:inline-grid}.tl-course__grade{letter-spacing:.1em;color:var(--tl-indigo);background:var(--tl-indigo-soft);border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:700}.tl-course h3{margin:12px 0 2px;font-size:15.5px;font-weight:700}.tl-course small{color:var(--tl-mut);font-size:12px}.tl-bar{background:var(--tl-bg);border-radius:999px;height:7px;margin-top:14px;overflow:hidden}.tl-bar i{background:linear-gradient(90deg, var(--tl-indigo), #8b7cf7);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.tl-course__pct{color:var(--tl-mut);justify-content:space-between;margin-top:7px;font-size:11.5px;display:flex}.tl-list{background:var(--tl-panel);border:1px solid var(--tl-line);border-radius:16px;overflow:hidden}.tl-list__row{border-bottom:1px solid var(--tl-line);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:13.5px;display:flex}.tl-list__row:last-child{border-bottom:0}.tl-list__row b{font-weight:700}.tl-list__row small{color:var(--tl-mut);margin-top:2px;font-size:11.5px;display:block}.tl-pill{letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:10.5px;font-weight:700}.tl-pill--live{color:#e2542c;background:#ffe9e3}.tl-pill--soon{background:var(--tl-indigo-soft);color:var(--tl-indigo)}.tl-pill--done{color:#14976b;background:#e2f5ec}.tl-score{color:var(--tl-indigo);font-size:15px;font-weight:800}.tl-rail{flex-direction:column;gap:14px;display:flex}.tl-panel{background:var(--tl-panel);border:1px solid var(--tl-line);border-radius:16px;padding:18px}.tl-panel h2{letter-spacing:.16em;text-transform:uppercase;color:var(--tl-mut);margin:0 0 14px;font-size:13px;font-weight:700}.tl-ring{align-items:center;gap:16px;display:flex}.tl-ring__num{color:var(--tl-indigo);font-size:30px;font-weight:800}.tl-ring p{color:var(--tl-mut);margin:0;font-size:12.5px;line-height:1.55}.tl-lesson{text-align:left;border:none;border-bottom:1px dashed var(--tl-line);cursor:pointer;width:100%;color:inherit;background:0 0;align-items:center;gap:12px;padding:11px 4px;font-family:inherit;transition:opacity .2s;display:flex}.tl-lesson:last-child{border-bottom:0}.tl-lesson:hover .tl-lesson__name{color:var(--tl-indigo)}.tl-check{border:2px solid var(--tl-line);color:#fff;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;transition:all .2s;display:grid}.tl-lesson[data-done=true] .tl-check{background:var(--tl-indigo);border-color:var(--tl-indigo)}.tl-lesson__name{flex:1;font-size:13px;font-weight:600;transition:color .2s}.tl-lesson[data-done=true] .tl-lesson__name{color:var(--tl-mut);text-decoration:line-through}.tl-lesson small{color:var(--tl-mut);font-size:11px}.tl-hint{color:var(--tl-mut);text-align:center;margin:10px 0 0;font-size:11.5px}.tl-week{align-items:end;gap:7px;height:90px;margin-top:4px;display:flex}.tl-week__col{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:6px;height:100%;display:flex}.tl-week__bar{background:linear-gradient(180deg, #8b7cf7, var(--tl-indigo));border-radius:6px 6px 3px 3px;width:100%;min-height:4px}.tl-week__col[data-today=true] .tl-week__bar{outline:2px solid var(--tl-indigo);outline-offset:2px}.tl-week__lbl{color:var(--tl-mut);font-size:9.5px;font-weight:600}.tl-h2-icon{vertical-align:-2px;color:var(--tl-indigo);margin-right:2px}.tl-streak{color:var(--tl-mut);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.tl-streak svg{color:#e2542c}