.course-map-container.is-level-open{--course-page:var(--bg-app,#020304);--course-card:var(--bg-panel-solid,var(--bg-panel,#05070a));--course-text:var(--text-main,#f5f4ef);--course-muted:var(--text-muted,#9197a1);--course-accent:var(--accent-color,#b59cff);--course-active:var(--accent-color,#b59cff);--course-complete:#6dbdff;--course-complete-soft:color-mix(in srgb, var(--course-complete) 10%, transparent);--course-pressed:color-mix(in srgb, var(--course-accent) 78%, #000);--course-border:var(--border-color,#ffffff24);--course-hover:var(--bg-hover,#ffffff0d);--course-on-accent:var(--bg-app,#020304);border:1px solid var(--course-border);border-radius:22px;background:var(--course-page)!important;width:min(1240px,100%)!important;height:auto!important;min-height:0!important;color:var(--course-text)!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:18px!important;padding:clamp(18px,2.4vw,28px)!important}[data-accent=navy] .course-map-container.is-level-open,[data-accent=teal] .course-map-container.is-level-open{--course-complete:#b59cff}[data-accent=iris] .course-map-container.is-level-open,[data-accent=coral] .course-map-container.is-level-open{--course-complete:#6dbdff}.course-map-container.is-level-open .course-level-open-head{min-height:54px;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;display:grid!important}.course-map-container.is-level-open .course-level-open-copy{align-self:center;min-width:0}.course-map-container.is-level-open .course-title{color:var(--course-text)!important;letter-spacing:-.035em!important;margin:0!important;font-size:clamp(30px,3vw,40px)!important;font-weight:720!important;line-height:1.05!important}.course-level-open-description{color:var(--course-muted);margin:7px 0 0;font-size:13px;font-weight:600;line-height:1.45}.course-map-container.is-level-open .course-level-back{white-space:nowrap;border:1px solid var(--course-border)!important;background:var(--course-card)!important;min-height:42px!important;color:var(--course-text)!important;box-shadow:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:7px!important;padding:0 14px!important;font:700 12px/1 Space Grotesk,sans-serif!important;display:inline-flex!important;transform:none!important}.course-map-container.is-level-open .course-level-back svg{width:17px;height:17px}.course-map-container.is-level-open .course-level-back:hover{border-color:var(--course-accent)!important;background:var(--course-hover)!important;color:var(--course-pressed)!important}.course-map-container.is-level-open .course-level-back:focus-visible,.course-map-container.is-level-open button:focus-visible{outline:3px solid color-mix(in srgb, var(--course-accent) 28%, transparent)!important;outline-offset:2px!important}.course-map-container.is-level-open .course-session-grid{width:100%;min-height:0;position:relative;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;padding:0!important;display:grid!important;overflow:visible!important}.course-map-container.is-level-open .course-session-grid:before{content:none!important;display:none!important}.course-map-container.is-level-open .course-session-btn{border:1px solid var(--course-border)!important;background:var(--course-card)!important;min-width:0!important;min-height:68px!important;color:var(--course-text)!important;box-shadow:none!important;text-align:left!important;opacity:1!important;border-radius:12px!important;grid-template-columns:34px minmax(0,1fr)!important;align-content:center!important;align-items:center!important;gap:11px!important;padding:11px 12px!important;display:grid!important;transform:none!important}.course-map-container.is-level-open .course-session-btn:hover{border-color:color-mix(in srgb, var(--course-border) 55%, var(--course-text) 45%)!important;background:color-mix(in srgb, var(--course-card) 96%, var(--course-text) 4%)!important}.course-map-container.is-level-open .course-session-btn.is-selected{border-color:var(--course-accent)!important;background:color-mix(in srgb, var(--course-accent) 9%, var(--course-card))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--course-accent) 22%, transparent)!important}.course-map-container.is-level-open .course-session-btn.is-completed{border-color:color-mix(in srgb, var(--course-complete) 68%, var(--course-border))!important;background:var(--course-complete-soft)!important}.course-map-container.is-level-open .course-session-btn.is-completed.is-selected{border-color:var(--course-accent)!important;background:color-mix(in srgb, var(--course-accent) 9%, var(--course-card))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--course-accent) 24%, transparent)!important}.course-map-container.is-level-open .course-session-btn.is-current:not(.is-completed){border-color:var(--course-accent)!important;background:color-mix(in srgb, var(--course-accent) 9%, var(--course-card))!important}.course-map-container.is-level-open .course-session-btn.is-locked{opacity:.62!important}.course-map-container.is-level-open .course-session-number,.course-map-container.is-level-open .course-session-btn.is-selected .course-session-number,.course-map-container.is-level-open .course-session-btn.is-current .course-session-number,.course-map-container.is-level-open .course-session-btn.is-locked .course-session-number,.course-map-container.is-level-open .course-session-btn:hover .course-session-number,.course-map-container.is-level-open .course-session-btn:not(.is-current):hover .course-session-number{position:relative;border:1px solid var(--course-border)!important;background:var(--course-page)!important;width:34px!important;height:34px!important;color:var(--course-muted)!important;box-shadow:none!important;border-radius:999px!important;place-items:center!important;font-size:10px!important;font-weight:800!important;display:grid!important;transform:none!important}.course-map-container.is-level-open .course-session-btn.is-selected .course-session-number,.course-map-container.is-level-open .course-session-btn.is-current .course-session-number{border-color:var(--course-accent)!important;background:var(--course-accent)!important;color:var(--course-on-accent)!important}.course-map-container.is-level-open .course-session-btn.is-completed .course-session-number,.course-map-container.is-level-open .course-session-btn.is-completed:hover .course-session-number{border-color:var(--course-complete)!important;background:var(--course-complete)!important;color:var(--course-on-accent)!important}.course-map-container.is-level-open .course-session-btn.is-completed.is-selected .course-session-number{border-color:var(--course-accent)!important;background:var(--course-accent)!important;color:var(--course-on-accent)!important}.course-map-container.is-level-open .course-session-number:after{content:none!important;display:none!important}.course-map-container.is-level-open .course-session-main{align-items:center;min-width:0;display:flex}.course-map-container.is-level-open .course-session-main strong,.course-map-container.is-level-open .course-session-btn.is-locked .course-session-main strong{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;max-width:none!important;color:var(--course-text)!important;font-size:12px!important;font-weight:560!important;line-height:1.22!important;overflow:hidden!important}.course-map-container.is-level-open .course-session-main small,.course-map-container.is-level-open .course-session-btn.is-current .course-session-main small,.course-map-container.is-level-open .course-session-btn.is-selected:not(.is-current) .course-session-main small{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden;color:var(--course-muted)!important;letter-spacing:.04em!important;font-size:8px!important;font-weight:750!important}.course-map-container.is-level-open .course-journey-panel{border:1px solid var(--course-border)!important;background:var(--course-card)!important;min-height:0!important;box-shadow:none!important;border-radius:16px!important}.course-map-container.is-level-open .course-journey-head{min-height:72px;border-bottom:1px solid var(--course-border)!important;background:var(--course-card)!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;padding:14px 18px!important;display:flex!important}.course-map-container.is-level-open .course-journey-head p{text-transform:uppercase;color:var(--course-accent)!important;letter-spacing:.1em!important;margin:0 0 4px!important;font-size:9px!important;font-weight:800!important;display:block!important}.course-map-container.is-level-open .course-journey-head h3{color:var(--course-text)!important;margin:0!important;font-size:clamp(20px,2vw,26px)!important;font-weight:720!important}.course-map-container.is-level-open .course-session-action{border:1px solid var(--course-accent)!important;background:var(--course-accent)!important;min-width:94px!important;min-height:38px!important;color:var(--course-on-accent)!important;box-shadow:none!important;border-radius:9px!important;padding:0 15px!important;font-size:12px!important}.course-map-container.is-level-open .course-session-action:hover{border-color:var(--course-pressed)!important;background:var(--course-pressed)!important;color:var(--course-text)!important}.course-map-container.is-level-open .path-scroll-area{overscroll-behavior-x:contain;overscroll-behavior-y:auto;min-width:0;min-height:0;overflow:auto hidden;scrollbar-width:none!important;padding:14px 16px 16px!important}.course-map-container.is-level-open .path-wrapper{grid-auto-columns:158px;grid-auto-flow:column;justify-content:start;width:max-content;min-width:100%;display:grid;gap:12px!important;padding:0!important}.course-map-container.is-level-open .path-wrapper:before{content:none!important;display:none!important}.course-map-container.is-level-open .course-journey-step{background:var(--course-page);border-radius:13px;width:158px;border:1px solid var(--course-border)!important;grid-template-rows:auto minmax(50px,1fr) auto!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px 8px!important;min-height:156px!important;padding:14px!important;display:grid!important}.course-map-container.is-level-open .course-journey-step.is-completed{background:var(--course-complete-soft);border-color:color-mix(in srgb, var(--course-complete) 72%, var(--course-border))!important}.course-map-container.is-level-open .course-journey-step.is-active{background:color-mix(in srgb, var(--course-accent) 9%, var(--course-page));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--course-accent) 20%, transparent);border-color:var(--course-accent)!important}.course-map-container.is-level-open .course-journey-step:before{content:none!important;display:none!important}.course-map-container.is-level-open .course-step-node,.course-map-container.is-level-open .course-journey-step.is-completed .course-step-node,.course-map-container.is-level-open .course-journey-step.is-active .course-step-node{grid-area:1/2;border:1px solid var(--course-border)!important;background:var(--course-page)!important;width:38px!important;height:38px!important;color:var(--course-muted)!important;box-shadow:none!important;border-radius:10px!important}.course-map-container.is-level-open .course-journey-step.is-completed .course-step-node{border-color:var(--course-complete)!important;background:var(--course-complete)!important;color:var(--course-on-accent)!important}.course-map-container.is-level-open .course-journey-step.is-active .course-step-node{border-color:var(--course-active)!important;background:var(--course-active)!important;color:var(--course-on-accent)!important}.course-map-container.is-level-open .course-step-node:hover:not(:disabled){border-color:var(--course-accent)!important;background:var(--course-hover)!important;color:var(--course-pressed)!important;transform:none!important}.course-map-container.is-level-open .course-journey-step.is-completed .course-step-node:hover:not(:disabled){border-color:var(--course-complete)!important;background:var(--course-complete)!important;color:var(--course-on-accent)!important}.course-map-container.is-level-open .course-step-node svg{width:18px;height:18px}.course-map-container.is-level-open .course-step-copy span{color:var(--course-muted)!important;letter-spacing:.08em!important;font-size:9px!important;font-weight:800!important}.course-map-container.is-level-open .course-step-copy{grid-area:1/1/3/-1;min-width:0;padding-top:44px;padding-right:0}.course-map-container.is-level-open .course-step-copy h4{color:var(--course-text)!important;margin:3px 0 0!important;font-size:15px!important;font-weight:580!important;line-height:1.25!important}.course-map-container.is-level-open .course-step-action,.course-map-container.is-level-open .course-journey-step.is-completed .course-step-action,.course-map-container.is-level-open .course-journey-step.is-active .course-step-action{grid-area:3/1/auto/-1;border:1px solid var(--course-border)!important;background:var(--course-card)!important;width:100%!important;min-width:0!important;min-height:34px!important;color:var(--course-text)!important;box-shadow:none!important;border-radius:8px!important;padding:0 12px!important;font-size:11px!important}.course-map-container.is-level-open .course-journey-step.is-active .course-step-action{border-color:var(--course-accent)!important;background:var(--course-accent)!important;color:var(--course-on-accent)!important}.course-map-container.is-level-open .course-journey-step.is-completed .course-step-action{border-color:color-mix(in srgb, var(--course-complete) 72%, var(--course-border))!important;color:var(--course-complete)!important}.course-map-container.is-level-open .course-step-action:hover:not(:disabled){border-color:var(--course-accent)!important;background:var(--course-hover)!important;color:var(--course-pressed)!important;transform:none!important}.course-map-container.is-level-open .course-journey-step.is-completed .course-step-action:hover:not(:disabled){border-color:var(--course-complete)!important;background:var(--course-complete-soft)!important;color:var(--course-complete)!important}.course-map-container.is-level-open .path-scroll-area::-webkit-scrollbar{width:6px;height:6px}.course-map-container.is-level-open .course-session-grid::-webkit-scrollbar{width:6px;height:6px}.course-map-container.is-level-open .path-scroll-area::-webkit-scrollbar-track{background:0 0!important}.course-map-container.is-level-open .course-session-grid::-webkit-scrollbar-track{background:0 0!important}.course-map-container.is-level-open .path-scroll-area::-webkit-scrollbar-thumb{border-radius:999px;min-height:36px;background:color-mix(in srgb, var(--course-accent) 65%, transparent)!important;border:0!important}.course-map-container.is-level-open .course-session-grid::-webkit-scrollbar-thumb{border-radius:999px;min-height:36px;background:color-mix(in srgb, var(--course-accent) 65%, transparent)!important;border:0!important}.course-map-container.is-level-open .path-scroll-area::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}.course-map-container.is-level-open .course-session-grid::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}@media (max-width:900px){.course-map-container.is-level-open{height:auto!important;min-height:0!important;padding:16px!important}.course-map-container.is-level-open .course-level-open-head{grid-template-columns:minmax(0,1fr) auto!important}.course-map-container.is-level-open .course-session-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.course-map-container.is-level-open .course-journey-head{flex-direction:row!important;align-items:center!important}}@media (max-width:560px){.course-map-container.is-level-open{border-radius:16px;gap:13px!important;padding:13px!important}.course-map-container.is-level-open .course-level-open-head{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}.course-map-container.is-level-open .course-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.course-level-open-description{display:none}.course-map-container.is-level-open .course-level-back{width:42px;overflow:hidden;padding:0!important;font-size:0!important}.course-map-container.is-level-open .course-level-back svg{flex:none}.course-map-container.is-level-open .course-journey-head{padding:12px!important}.course-map-container.is-level-open .course-session-action{min-width:82px!important}.course-map-container.is-level-open .path-wrapper{grid-auto-columns:148px;padding-inline:0!important}.course-map-container.is-level-open .course-journey-step{width:148px;grid-template-rows:auto minmax(50px,1fr) auto!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 8px!important}.course-map-container.is-level-open .course-step-node,.course-map-container.is-level-open .course-journey-step.is-completed .course-step-node,.course-map-container.is-level-open .course-journey-step.is-active .course-step-node{width:34px!important;height:34px!important}.course-map-container.is-level-open .course-step-action,.course-map-container.is-level-open .course-journey-step.is-completed .course-step-action,.course-map-container.is-level-open .course-journey-step.is-active .course-step-action{min-width:64px!important;padding-inline:8px!important}}.course-map-container.is-level-open .course-step-copy h4{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal!important}.course-map-container.is-level-open .course-journey-step{grid-template-rows:auto minmax(30px,1fr) auto!important;min-height:124px!important}.course-map-container.is-level-open .course-journey-actions,.course-map-container.is-level-open .course-journey-navigation{flex-shrink:0;align-items:center;gap:8px;display:flex}.course-map-container.is-level-open .course-journey-actions{gap:16px}.course-map-container.is-level-open .course-journey-arrow{border:1px solid var(--course-border);background:var(--course-card);width:38px;min-width:38px;height:38px;color:var(--course-text);box-shadow:none;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:color .16s,background-color .16s,border-color .16s,opacity .16s;display:inline-flex}.course-map-container.is-level-open .course-journey-arrow svg{width:18px;height:18px}.course-map-container.is-level-open .course-journey-arrow:hover:not(:disabled){border-color:var(--course-accent);background:var(--course-hover);color:var(--course-accent)}.course-map-container.is-level-open .course-journey-arrow:disabled{opacity:.3;cursor:default}.course-map-container.is-level-open .path-scroll-area::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}@media (max-width:560px){.course-map-container.is-level-open .course-journey-head{flex-wrap:wrap;gap:12px!important}.course-map-container.is-level-open .course-journey-actions{gap:10px;margin-left:auto}}@media (prefers-reduced-motion:reduce){.course-map-container.is-level-open .path-scroll-area{scroll-behavior:auto}.course-map-container.is-level-open .course-journey-arrow{transition:none}}.course-map-container.is-level-open .course-journey-step.is-game-break{background:color-mix(in srgb, var(--course-accent,#6287e8) 7%, var(--course-page));border:2px solid var(--course-accent,#6287e8)!important}.course-map-container.is-level-open .course-journey-step.is-game-break .course-step-node,.course-map-container.is-level-open .course-journey-step.is-game-break .course-step-action{border-color:var(--course-accent,#6287e8)!important;color:var(--course-accent,#6287e8)!important}
html[data-theme=dark] .app-layout{--bg-app:#151414;--bg-panel:#1d1c1c;--bg-panel-solid:#1d1c1c;--bg-hover:#2a2828;--text-main:#f5f6f8;--text-muted:#bcc2cc;--border-color:#454242;--dashboard-quiet-border:#454242;--workspace-bg:#151414;--sidebar-bg:#191818;--header-bg:#191818;--avatar-ring:#191818;--avatar-border:#7b7575}html[data-theme=dark].eye-mode .app-layout{--bg-app:#1b1915;--bg-panel:#29261f;--bg-panel-solid:#29261f;--bg-hover:#373229;--text-main:#f5efe1;--text-muted:#c9bea9;--border-color:#625a4b;--dashboard-quiet-border:#625a4b;--workspace-bg:#1b1915;--sidebar-bg:#211e19;--header-bg:#24211b}html[data-theme=dark] .app-layout .pro-sidebar{background:var(--sidebar-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .app-layout .pro-header{background:var(--header-bg)!important;border-color:var(--border-color)!important}html[data-theme=dark] .app-layout :is(.pro-card,.trajectory-stage,.trajectory-metric){background:var(--bg-panel)!important;border-color:var(--border-color)!important}html[data-theme=dark] .app-layout .streak-hero-card{background:var(--bg-panel)!important;border-color:color-mix(in srgb, var(--accent-color) 54%, var(--border-color))!important}html[data-theme=dark] .app-layout .search-container{background:var(--bg-panel)!important;border-color:#7d7676!important}html[data-theme=dark] .app-layout .search-container:focus-within{border-color:var(--accent-color)!important}html[data-theme=dark] .app-layout .search-input::placeholder{color:var(--text-muted);opacity:1}.app-layout .pro-sidebar .nav-item,.app-layout .pro-sidebar .nav-item:is(:hover,:active,:focus-visible,.active){box-shadow:none!important;color:var(--text-muted)!important;background:0 0!important;border-color:#0000!important}.app-layout .pro-sidebar .nav-item:is(:hover,:focus-visible,.active){color:var(--text-main)!important}.app-layout .pro-sidebar .nav-item:after{content:none!important;display:none!important}.app-layout .pro-sidebar .sidebar-logo-button .brand-logo-icon{box-shadow:none!important;filter:none!important;background:0 0!important}html[data-theme=dark] .app-layout .pro-card:is(:hover,:focus-visible){border-color:var(--accent-color)!important}.app-layout .pro-header .icon-action-btn svg,.app-layout .dashboard-metric-grid .stat-icon{min-width:22px;min-height:22px;width:22px!important;height:22px!important}.app-layout .brand-logo-icon>span{--typido-logo-size:40px}@media (min-width:641px){.app-layout .pro-sidebar .brand-logo-icon{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.app-layout .pro-sidebar .sidebar-logo-container{flex-basis:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin-bottom:20px!important}.app-layout .pro-sidebar .nav-menu .side-nav-mark.nav-item-logo{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}.app-layout .pro-header .user-greeting{font-size:13px!important}.app-layout .pro-header .user-name{font-size:16px!important}.app-layout .pro-header .search-input{font-size:14px!important}.app-layout .pro-header .search-container{width:clamp(280px,30vw,440px)!important;max-width:440px!important}}.app-layout .dashboard-metric-grid .stat-label{color:var(--text-muted)!important;font-size:13px!important;line-height:1.4!important}.app-layout .dashboard-metric-grid .metric-subtext,.app-layout .practice-time-subtext{color:var(--text-muted)!important;font-size:13px!important;line-height:1.5!important}.app-layout .practice-weekly-head,.app-layout .practice-weekly-head :is(span,strong){font-size:11px;line-height:1.4}.app-layout .practice-time-card .practice-time-total .stat-unit{font-size:12px!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-capsule{opacity:1!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-label{color:var(--text-muted)!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-capsule.today .streak-day-label{color:var(--text-main)!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-capsule:not(.completed):not(.today) .streak-day-orb{background:var(--bg-hover)!important;border-color:#746d6d!important}html[data-theme=dark] .app-layout .streak-hero-card :is(.streak-day-dot,.dashboard-tick.muted){color:#aeb6c3;opacity:1}html[data-theme=dark] .app-layout .streak-hero-card .streak-day-dot{background:#aeb6c3!important}.app-layout .streak-daily-panel .streak-milestone-top{flex-flow:row!important}.app-layout .streak-daily-panel .streak-milestone-top strong{flex:none!important}.app-layout .streak-daily-panel .streak-milestone-top span,.app-layout .streak-daily-panel .streak-daily-goal>strong{font-size:14px!important}.app-layout .streak-daily-panel .streak-daily-goal .daily-task-stage{color:var(--text-muted);opacity:1;font-size:12px}.app-layout .streak-daily-panel .streak-daily-goal em{font-size:12px!important}.app-layout .daily-task-help{color:var(--text-muted);font-size:13px;line-height:1.5}html[data-theme=dark] .app-layout .daily-task-start{background:color-mix(in srgb, var(--accent-color) 14%, var(--bg-panel));min-height:44px;color:var(--text-main);font-size:15px;font-weight:600}html[data-theme=dark] .app-layout .daily-task-start:hover{background:color-mix(in srgb, var(--accent-color) 24%, var(--bg-panel))}html[data-theme=dark] .app-layout .streak-hero-card .streak-action-btn:not(:disabled){color:var(--text-main)!important;background:var(--bg-hover)!important;border-color:#7d7676!important}html[data-theme=dark] .app-layout .streak-hero-card .streak-action-btn:not(:disabled):hover{border-color:var(--accent-color)!important}.app-layout .practice-time-content{flex-wrap:wrap}.app-layout .practice-weekly-activity{margin-inline-start:auto}@media (max-width:640px),(max-width:900px) and (max-height:500px){.app-layout .dashboard-metric-grid .stat-label,.app-layout .dashboard-metric-grid .metric-subtext,.app-layout .practice-time-subtext{font-size:12px!important}.app-layout .practice-weekly-activity{width:100%}.app-layout .practice-weekly-head strong{display:inline}}