.tr-root,.tr-learner{--tr-rail:232px;--tr-rail-collapsed:60px;--tr-topbar:52px;--tr-content-max:1120px;--tr-ease:cubic-bezier(.22, 1, .36, 1);--tr-success:#10b981;--tr-warning:#f59e0b}.tr-root{grid-template-columns:var(--tr-rail) minmax(0, 1fr);background:var(--background);min-height:100dvh;color:var(--foreground);display:grid}.tr-root[data-collapsed=true]{grid-template-columns:var(--tr-rail-collapsed) minmax(0, 1fr)}.tr-root[data-collapsed=true] .tr-rail{width:var(--tr-rail-collapsed)}.tr-rail{width:var(--tr-rail);border-right:1px solid var(--border);background:var(--card);height:100dvh;transition:width .22s var(--tr-ease);flex-direction:column;align-self:start;gap:4px;padding:12px 10px;display:flex;position:sticky;top:0}.tr-rail-brand{min-height:40px;color:var(--foreground);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;margin-bottom:10px;padding:0 6px;font-size:14px;font-weight:600;display:flex}.tr-rail-brand svg{color:var(--primary);flex:none}.tr-rail-group{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:12px 8px 4px;font-size:11px;font-weight:600}.tr-rail-group:first-of-type{padding-top:4px}.tr-nav{flex-direction:column;gap:2px;display:flex}.tr-nav-item{border-radius:calc(var(--radius) - 2px);min-height:36px;color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;font-weight:500;transition:background-color .14s,color .14s;display:flex}.tr-nav-item:hover{background:var(--muted);color:var(--foreground)}.tr-nav-item[data-active=true]{background:color-mix(in oklab, var(--primary) 10%, transparent);color:var(--primary);font-weight:600}.tr-nav-item svg{flex:none;width:17px;height:17px}.tr-root[data-collapsed=true] .tr-nav-label,.tr-root[data-collapsed=true] .tr-rail-group,.tr-root[data-collapsed=true] .tr-rail-brand span{display:none}.tr-root[data-collapsed=true] .tr-nav-item{justify-content:center;padding:0}.tr-rail-foot{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin-top:auto;padding-top:8px;display:flex}.tr-icon-btn{border-radius:calc(var(--radius) - 2px);min-height:36px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;padding:0 10px;font-size:13px;transition:background-color .14s,color .14s;display:inline-flex}.tr-icon-btn.tr-drawer-close{margin-left:auto;display:none}.tr-icon-btn:hover{background:var(--muted);color:var(--foreground)}.tr-root[data-collapsed=true] .tr-icon-btn{justify-content:center;padding:0}.tr-main{flex-direction:column;min-width:0;display:flex}.tr-main-inner{width:100%;max-width:var(--tr-content-max);margin-inline:auto;padding:28px 32px 64px}.tr-learner{background:var(--background);min-height:100dvh;color:var(--foreground)}.tr-learner-bar{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.tr-learner-inner{width:100%;max-width:760px;margin-inline:auto;padding:20px 20px 72px}.tr-learner-inner[data-wide=true]{max-width:1440px}.tr-root a:focus-visible,.tr-root button:focus-visible,.tr-learner a:focus-visible,.tr-learner button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:calc(var(--radius) - 2px)}.tr-topbar{height:var(--tr-topbar);border-bottom:1px solid var(--border);background:var(--card);align-items:center;gap:10px;padding:0 14px;display:none}.tr-scrim{display:none}@media (max-width:1000px){.tr-root,.tr-root[data-collapsed=true]{grid-template-columns:var(--tr-rail-collapsed) minmax(0, 1fr)}.tr-rail,.tr-root[data-collapsed=true] .tr-rail{width:var(--tr-rail-collapsed)}.tr-nav-label,.tr-rail-group,.tr-rail-brand span{display:none}.tr-nav-item,.tr-icon-btn{justify-content:center;padding:0}.tr-collapse-btn{display:none}.tr-main-inner{padding:24px 20px 56px}}@media (max-width:640px){.tr-icon-btn.tr-drawer-close{display:inline-flex}.tr-root,.tr-root[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}.tr-topbar{display:flex}.tr-rail{inset-block:0;z-index:40;width:var(--tr-rail);position:fixed;left:0;transform:translate(-100%);box-shadow:0 10px 40px #0000002e}.tr-root[data-mobile-open=true] .tr-rail{transform:translate(0)}.tr-root[data-mobile-open=true] .tr-nav-label,.tr-root[data-mobile-open=true] .tr-rail-group,.tr-root[data-mobile-open=true] .tr-rail-brand span{display:block}.tr-root[data-mobile-open=true] .tr-nav-item,.tr-root[data-mobile-open=true] .tr-icon-btn{justify-content:flex-start;padding:0 10px}.tr-root[data-mobile-open=true] .tr-scrim{z-index:30;background:#00000052;display:block;position:fixed;inset:0}.tr-main-inner{padding:20px 16px 48px}}.tr-mark{flex:none;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.tr-dot{background:var(--muted-foreground);border-radius:9999px;width:6px;height:6px}.tr-dot[data-tone=info]{background:var(--primary)}.tr-dot[data-tone=success]{background:var(--tr-success)}.tr-dot[data-tone=warning]{background:var(--tr-warning)}.tr-dot[data-tone=danger]{background:var(--destructive)}.tr-spin{animation:.9s linear infinite tr-rotate}@keyframes tr-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tr-spin{animation:none}}@media (prefers-reduced-motion:no-preference){.tr-main-inner>*{animation:tr-rise .26s var(--tr-ease) both}.tr-main-inner>:nth-child(2){animation-delay:40ms}.tr-main-inner>:nth-child(3){animation-delay:80ms}}@keyframes tr-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}