.RoadmapCanvas-module__4JfWDq__workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"toolbar""watch""details";align-items:start;gap:20px;width:100%;max-width:1600px;padding-top:8px;padding-bottom:30px;display:grid}.RoadmapCanvas-module__4JfWDq__withContents{grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"toolbar toolbar""watch toc""details toc"}.RoadmapCanvas-module__4JfWDq__sidebar{border:1px solid var(--colors-hairline);background:var(--colors-surface-card);border-radius:12px;grid-area:toc;display:none;position:sticky;top:140px;overflow:hidden}.RoadmapCanvas-module__4JfWDq__sidebar.RoadmapCanvas-module__4JfWDq__open{display:block}.RoadmapCanvas-module__4JfWDq__sidebarHead{padding:19px 20px 16px}.RoadmapCanvas-module__4JfWDq__sidebarHead>a{color:var(--colors-muted);align-items:center;gap:4px;min-height:30px;font-size:12px;display:inline-flex}.RoadmapCanvas-module__4JfWDq__sidebarHead h2{margin:13px 0;font-size:17px}.RoadmapCanvas-module__4JfWDq__progressLabel{color:var(--colors-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.RoadmapCanvas-module__4JfWDq__progressLabel strong{color:var(--colors-primary)}.RoadmapCanvas-module__4JfWDq__sidebar progress{appearance:none;background:var(--colors-surface-soft);border:0;border-radius:8px;width:100%;height:5px;margin-top:10px}.RoadmapCanvas-module__4JfWDq__sidebar progress::-webkit-progress-bar{background:var(--colors-surface-soft);border-radius:8px}.RoadmapCanvas-module__4JfWDq__sidebar progress::-webkit-progress-value{background:var(--colors-primary);border-radius:8px}.RoadmapCanvas-module__4JfWDq__sidebar progress::-moz-progress-bar{background:var(--colors-primary);border-radius:8px}.RoadmapCanvas-module__4JfWDq__list{border-top:1px solid var(--colors-hairline);overscroll-behavior:contain;max-height:max(160px,100dvh - 340px);padding:8px;list-style:none;overflow-y:auto}.RoadmapCanvas-module__4JfWDq__list button{text-align:left;width:100%;color:var(--colors-body);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:flex-start;gap:10px;min-height:56px;padding:13px 10px;font-size:14px;line-height:1.55;display:flex}.RoadmapCanvas-module__4JfWDq__list button>span:nth-child(2){flex:1;min-width:0}.RoadmapCanvas-module__4JfWDq__number{width:22px;height:23px;color:var(--colors-muted);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;font-size:12px;display:grid}.RoadmapCanvas-module__4JfWDq__list small{color:var(--colors-muted);margin-top:4px;font-size:11px;display:block}.RoadmapCanvas-module__4JfWDq__list button:hover{background:var(--colors-surface-soft)}.RoadmapCanvas-module__4JfWDq__list button[aria-current]{background:var(--learning-tint);color:var(--colors-primary);font-weight:600}.RoadmapCanvas-module__4JfWDq__list button[aria-current] small{color:var(--colors-primary)}.RoadmapCanvas-module__4JfWDq__lesson{grid-area:watch;min-width:0;scroll-margin-top:60px}.RoadmapCanvas-module__4JfWDq__lessonHead{margin:0 0 13px}.RoadmapCanvas-module__4JfWDq__lessonHead>span{color:var(--colors-muted);font-size:12px}.RoadmapCanvas-module__4JfWDq__lessonHead h2{margin-top:7px;font-size:22px;line-height:1.45}.RoadmapCanvas-module__4JfWDq__video{aspect-ratio:16/9;background:#151b17;border-radius:12px;width:100%;position:relative;overflow:hidden}.RoadmapCanvas-module__4JfWDq__video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.RoadmapCanvas-module__4JfWDq__controls{grid-template-columns:80px minmax(0,1fr) 80px;gap:10px;margin-top:13px;display:grid}.RoadmapCanvas-module__4JfWDq__controls button{border:1px solid var(--colors-hairline);background:var(--colors-surface-card);color:var(--colors-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:46px;font-size:14px;transition:background-color .15s;display:flex}.RoadmapCanvas-module__4JfWDq__controls button:hover:not(:disabled){background:var(--colors-surface-soft)}.RoadmapCanvas-module__4JfWDq__controls .RoadmapCanvas-module__4JfWDq__complete{background:var(--colors-primary);color:var(--colors-on-primary);border-color:var(--colors-primary);font-weight:600}.RoadmapCanvas-module__4JfWDq__controls .RoadmapCanvas-module__4JfWDq__complete:hover{background:var(--colors-primary-active)}.RoadmapCanvas-module__4JfWDq__controls button:disabled{color:var(--colors-muted);opacity:.5;cursor:not-allowed}.RoadmapCanvas-module__4JfWDq__feedback{min-height:15px}.RoadmapCanvas-module__4JfWDq__notice{border:1px solid var(--learning-border);background:var(--learning-tint);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:13px;display:flex}.RoadmapCanvas-module__4JfWDq__notice>span{flex:1}.RoadmapCanvas-module__4JfWDq__notice button{color:var(--colors-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-height:40px;padding:8px;font-size:12px;display:flex}.RoadmapCanvas-module__4JfWDq__feedback>p{color:var(--colors-error);margin-top:12px;font-size:13px}.RoadmapCanvas-module__4JfWDq__details{grid-area:details;min-width:0;margin-top:0}.RoadmapCanvas-module__4JfWDq__goal{background:var(--colors-surface-soft);border-radius:10px;padding:20px}.RoadmapCanvas-module__4JfWDq__goal strong{color:var(--colors-primary);font-size:13px}.RoadmapCanvas-module__4JfWDq__goal p{margin-top:8px;font-size:15px;line-height:1.8}.RoadmapCanvas-module__4JfWDq__resourceLinks{align-items:center;gap:25px;margin:9px 0;display:flex}.RoadmapCanvas-module__4JfWDq__resourceLinks a{min-height:40px;color:var(--colors-primary);align-items:center;gap:6px;font-size:13px;display:flex}.RoadmapCanvas-module__4JfWDq__details details{border-top:1px solid var(--colors-hairline);font-size:13px}.RoadmapCanvas-module__4JfWDq__details summary{cursor:pointer;min-height:44px;color:var(--colors-muted);padding:14px 0}.RoadmapCanvas-module__4JfWDq__details details p{color:var(--colors-muted);margin:0 0 12px;font-size:13px;line-height:1.8}.RoadmapCanvas-module__4JfWDq__timeline{gap:6px;margin-bottom:15px;display:grid}.RoadmapCanvas-module__4JfWDq__timeline button{text-align:left;border:1px solid var(--colors-hairline);background:var(--colors-surface-card);color:var(--colors-body);cursor:pointer;border-radius:6px;gap:15px;padding:11px;font-size:13px;display:flex}.RoadmapCanvas-module__4JfWDq__timeline span{font-variant-numeric:tabular-nums;color:var(--colors-primary);flex-shrink:0}.RoadmapCanvas-module__4JfWDq__mobileTop{z-index:25;background:var(--colors-canvas);border-bottom:1px solid var(--colors-hairline);grid-area:toolbar/1/toolbar/-1;justify-content:space-between;align-items:center;gap:15px;padding:0 0 12px;display:flex;position:sticky;top:64px}.RoadmapCanvas-module__4JfWDq__mobileTop button{border:1px solid var(--colors-hairline);background:var(--colors-surface-card);min-height:44px;color:var(--colors-ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-size:14px;display:flex}.RoadmapCanvas-module__4JfWDq__mobileTop button:hover{border-color:var(--colors-primary)}.RoadmapCanvas-module__4JfWDq__mobileTop span{color:var(--colors-muted);font-variant-numeric:tabular-nums;font-size:12px}.RoadmapCanvas-module__4JfWDq__finished{border:1px solid var(--learning-border);background:var(--learning-tint);color:var(--colors-primary);border-radius:12px;flex-wrap:wrap;align-items:center;gap:13px;margin:10px 0 18px;padding:22px;display:flex}.RoadmapCanvas-module__4JfWDq__finished h3{font-size:18px;line-height:1.5}.RoadmapCanvas-module__4JfWDq__finished p{margin-top:5px;font-size:14px}.RoadmapCanvas-module__4JfWDq__finished a{align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.RoadmapCanvas-module__4JfWDq__empty{padding:35px}.RoadmapCanvas-module__4JfWDq__empty h2{margin-bottom:20px;font-size:23px}.RoadmapCanvas-module__4JfWDq__skeleton{grid-template-columns:minmax(0,1fr) 260px;gap:20px;max-width:1552px;min-height:450px;margin:20px auto;display:grid}.RoadmapCanvas-module__4JfWDq__skeleton>div{background:var(--colors-surface-soft);border-radius:12px}@media (max-width:900px){.RoadmapCanvas-module__4JfWDq__workspace,.RoadmapCanvas-module__4JfWDq__workspace.RoadmapCanvas-module__4JfWDq__withContents{grid-template-columns:1fr;gap:14px;padding-top:0}.RoadmapCanvas-module__4JfWDq__workspace.RoadmapCanvas-module__4JfWDq__withContents{grid-template-areas:"toolbar""watch""toc""details"}.RoadmapCanvas-module__4JfWDq__workspace:not(.RoadmapCanvas-module__4JfWDq__withContents){grid-template-areas:"toolbar""watch""details"}.RoadmapCanvas-module__4JfWDq__mobileTop{z-index:25;background:var(--colors-canvas);border-bottom:1px solid var(--colors-hairline);justify-content:space-between;align-items:center;gap:15px;padding:8px 0;display:flex;position:sticky;top:64px}.RoadmapCanvas-module__4JfWDq__mobileTop button{border:1px solid var(--colors-hairline);background:var(--colors-surface-card);min-height:44px;color:var(--colors-ink);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-size:14px;display:flex}.RoadmapCanvas-module__4JfWDq__mobileTop span{color:var(--colors-muted);font-variant-numeric:tabular-nums;font-size:12px}.RoadmapCanvas-module__4JfWDq__sidebar{display:none;position:static}.RoadmapCanvas-module__4JfWDq__sidebar.RoadmapCanvas-module__4JfWDq__open{display:block}.RoadmapCanvas-module__4JfWDq__sidebarHead{padding:12px 18px}.RoadmapCanvas-module__4JfWDq__sidebarHead>a,.RoadmapCanvas-module__4JfWDq__sidebarHead h2{display:none}.RoadmapCanvas-module__4JfWDq__list{max-height:240px}.RoadmapCanvas-module__4JfWDq__lessonHead h2{font-size:20px}.RoadmapCanvas-module__4JfWDq__video{max-height:none}.RoadmapCanvas-module__4JfWDq__skeleton{min-height:240px;margin:15px 20px;display:block}.RoadmapCanvas-module__4JfWDq__controls{grid-template-columns:60px minmax(0,1fr) 60px;gap:8px}.RoadmapCanvas-module__4JfWDq__controls button{font-size:13px}.RoadmapCanvas-module__4JfWDq__notice{flex-wrap:wrap}.RoadmapCanvas-module__4JfWDq__goal{padding:17px}.RoadmapCanvas-module__4JfWDq__goal p{font-size:14px}.RoadmapCanvas-module__4JfWDq__workspace .RoadmapCanvas-module__4JfWDq__resourceLinks{gap:20px}}@media (max-width:380px){.RoadmapCanvas-module__4JfWDq__controls{grid-template-columns:46px minmax(0,1fr) 46px}.RoadmapCanvas-module__4JfWDq__previous span,.RoadmapCanvas-module__4JfWDq__next span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.RoadmapCanvas-module__4JfWDq__complete{gap:5px!important;font-size:12px!important}}@media (prefers-reduced-motion:reduce){.RoadmapCanvas-module__4JfWDq__controls button{transition:none}}@media (max-width:900px){.RoadmapCanvas-module__4JfWDq__video{border-radius:0;width:calc(100% + 48px);margin-inline:-24px}}@media (max-width:640px){.RoadmapCanvas-module__4JfWDq__video{width:calc(100% + 40px);margin-inline:-20px}}@media (max-width:900px){.RoadmapCanvas-module__4JfWDq__sidebarHead{padding:15px 18px 12px}.RoadmapCanvas-module__4JfWDq__sidebarHead h2{margin:0 0 10px;font-size:16px;display:block}.RoadmapCanvas-module__4JfWDq__sidebar{scroll-margin-top:140px}.RoadmapCanvas-module__4JfWDq__skeleton>div:first-child{min-height:220px}}
.learn-module__ES5g7W__intro{padding-top:22px;padding-bottom:20px}.learn-module__ES5g7W__back{color:var(--colors-muted);align-items:center;gap:5px;min-height:32px;font-size:13px;display:inline-flex}.learn-module__ES5g7W__meta{color:var(--colors-primary);flex-wrap:wrap;gap:18px;margin:13px 0 10px;font-size:12px;display:flex}.learn-module__ES5g7W__meta span{align-items:center;gap:5px;display:flex}.learn-module__ES5g7W__intro h1{letter-spacing:-.035em;font-size:30px;line-height:1.4}.learn-module__ES5g7W__intro>p{color:var(--colors-muted);margin-top:8px;font-size:14px;line-height:1.8}.learn-module__ES5g7W__guideDisclosure{margin-top:8px}.learn-module__ES5g7W__guideDisclosure>summary{cursor:pointer;min-height:36px;color:var(--colors-primary);padding:8px 0;font-size:13px}.learn-module__ES5g7W__guide{background:var(--learning-tint);border-radius:10px;grid-template-columns:1fr 1.2fr 1.2fr;gap:20px;margin:8px 0;padding:20px;display:grid}.learn-module__ES5g7W__guide strong{color:var(--colors-primary);align-items:center;gap:5px;margin-bottom:5px;font-size:12px;display:flex}.learn-module__ES5g7W__guide span{font-size:14px;line-height:1.7}.learn-module__ES5g7W__player{border-top:1px solid var(--colors-hairline);background:var(--colors-canvas);padding-top:20px}.learn-module__ES5g7W__after{border-top:1px solid var(--colors-hairline);padding-top:18px;padding-bottom:45px}.learn-module__ES5g7W__after>p{color:var(--colors-muted);font-size:12px;line-height:1.8}.learn-module__ES5g7W__after h2{margin:25px 0 18px;font-size:24px;line-height:1.4}.learn-module__ES5g7W__next{flex-wrap:wrap;gap:12px;display:flex}.learn-module__ES5g7W__next a{border:1px solid var(--colors-hairline);border-radius:9px;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:16px;font-size:14px;display:flex}.learn-module__ES5g7W__next a:hover{border-color:var(--colors-primary);color:var(--colors-primary)}@media (max-width:900px){.learn-module__ES5g7W__intro h1{font-size:26px}.learn-module__ES5g7W__guide{grid-template-columns:1fr}.learn-module__ES5g7W__player{padding-top:0}.learn-module__ES5g7W__next{flex-direction:column}.learn-module__ES5g7W__intro{padding-top:18px;padding-bottom:12px}}