.pqp-problems-section{display:flex;flex-direction:column;gap:.375rem}.pqp-controls{display:flex;flex-direction:column;gap:.25rem}.pqp-select{position:relative;flex:0 0 9rem;min-width:0}.pqp-select select{appearance:none;width:100%;min-block-size:var(--drawer-control-size);padding:.375rem 1.75rem .375rem .625rem;border:1px solid var(--bc-border-subtle);border-radius:7px;background:var(--bc-surface);color:var(--bc-text);font-size:var(--drawer-label-size);cursor:pointer}.pqp-select select:hover{border-color:var(--bc-accent)}.pqp-select>svg{position:absolute;inset-inline-end:.625rem;inset-block-start:50%;transform:translateY(-50%);color:var(--bc-muted);pointer-events:none}.pqp-scope-filter{flex-basis:11rem}.pqp-results-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .5rem;min-block-size:2rem;font-size:.75rem;color:var(--bc-muted)}.pqp-results-bar strong{color:var(--bc-text);font-weight:600;font-variant-numeric:tabular-nums}.pqp-results-hint{margin-inline-start:.75rem}.pqp-results-bar button{min-block-size:var(--drawer-control-size);color:var(--bc-accent-strong)}.pqp-results-bar button:hover{text-decoration:underline;text-underline-offset:.2em}.pqp-filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pqp-controls .practice-difficulty-filter select{border-color:var(--bc-border-subtle);font-weight:400}.pqp-search-wrap{position:relative;flex:1 1 10rem;min-width:0;display:flex;align-items:center}.pqp-search-icon{position:absolute;left:.6875rem;color:var(--bc-muted);pointer-events:none}.pqp-search{width:100%;min-block-size:var(--drawer-control-size, 2.75rem);padding:.375rem 2rem .375rem 2.125rem;border-radius:8px;border:1px solid var(--bc-border-subtle);background:var(--bc-surface);color:var(--bc-text);font-size:inherit;line-height:1.4}.pqp-search::placeholder{color:var(--bc-muted)}.pqp-search:focus-visible{border-color:var(--bc-accent);outline:2px solid var(--bc-accent);outline-offset:2px}.pqp-clear-search{position:absolute;right:.375rem;display:inline-flex;align-items:center;justify-content:center;min-inline-size:26px;min-block-size:26px;border-radius:6px;border:0;background:transparent;color:var(--bc-muted);cursor:pointer}.pqp-clear-search:hover{color:var(--bc-text);background:var(--bc-surface-elevated)}.practice-difficulty-filter{position:relative;flex:0 0 auto;display:block;color:var(--bc-muted)}.practice-difficulty-filter select{display:block;appearance:none;min-block-size:var(--drawer-control-size, 2.75rem);inline-size:10rem;padding-inline:1.875rem 1.5rem;border:1px solid var(--bc-border);border-radius:8px;background:var(--bc-surface);color:var(--bc-text);cursor:pointer;font-size:var(--drawer-label-size, .8125rem);font-weight:650}.practice-difficulty-filter select:hover{border-color:var(--bc-accent)}.practice-difficulty-filter>svg{position:absolute;inset-block-start:50%;transform:translateY(-50%);pointer-events:none}.practice-filter-icon{inset-inline-start:.625rem}.practice-filter-chevron{inset-inline-end:.625rem}.pqp-questions{list-style:none;margin:0;padding:0;border:1px solid var(--bc-border-subtle);border-radius:8px;background:var(--bc-surface);overflow:hidden}.pqp-question{padding-block:.25rem;border-inline-start:2px solid var(--practice-tier-color);border-bottom:1px solid var(--bc-border-subtle);transition:background-color .12s ease}.pqp-question:last-child{border-bottom:0}.pqp-question:hover{background:color-mix(in srgb,var(--bc-surface-elevated) 75%,var(--bc-accent) 4%)}.pqp-question[data-solved=true]{background:color-mix(in srgb,var(--bc-surface) 92%,var(--bc-accent) 5%)}.practice-question-row{display:grid;grid-template:"actions details" auto / auto minmax(0,1fr);align-items:center;gap:.5rem;box-shadow:inset 2px 0 var(--practice-tier-color, transparent)}.practice-question-row[data-tier=Basic],.pqp-question[data-tier=Basic]{--practice-tier-color: var(--bc-accent-strong)}.practice-question-row[data-tier=Medium],.pqp-question[data-tier=Medium]{--practice-tier-color: var(--bc-amber)}.practice-question-row[data-tier=Advanced],.pqp-question[data-tier=Advanced]{--practice-tier-color: var(--bc-danger)}.practice-question-actions{grid-area:actions;display:flex;align-items:center}.practice-question-actions>button{min-inline-size:var(--practice-action-width, 2.25rem)}.practice-question-details{grid-area:details;display:grid;gap:.25rem;min-width:0}.practice-question-links{display:grid;grid-template-columns:minmax(3rem,max-content) minmax(0,1fr) auto;align-items:center;column-gap:.375rem}.practice-difficulty{color:var(--practice-tier-color, var(--bc-muted));font-size:.6875rem;font-weight:600}.practice-difficulty-short{display:none}.practice-question-link,.practice-solution-link{display:inline-flex;align-items:center;gap:.375rem;min-block-size:var(--drawer-control-size, 2.75rem)}.practice-question-link{color:var(--bc-text)}.practice-question-title{font-size:.9375rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.practice-question-link:hover .practice-question-title,.practice-solution-link:hover{color:var(--bc-accent-strong);text-decoration:underline;text-underline-offset:.2em}.practice-question-link>svg{flex-shrink:0;color:var(--bc-muted)}.practice-solution-link svg{flex-shrink:0;color:var(--bc-muted)}.practice-solution-link{justify-content:center;min-inline-size:var(--practice-action-width, 2.25rem);border-radius:6px;color:var(--bc-muted);font-size:.75rem;font-weight:600}.pqp-q-row{padding:0 .5rem;gap:.375rem;box-shadow:none}.pqp-q-row .practice-question-links{grid-template-columns:3.25rem minmax(0,1fr) auto}.pqp-q-row .practice-question-title{font-weight:600}.pqp-q-topic{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bc-muted);font-weight:400}.pqp-study-label{flex-shrink:0;color:var(--bc-accent-strong)}.pqp-concepts{--practice-summary-offset: calc(4rem + 2 * var(--practice-action-width, 2.25rem));padding-inline:.5rem}.pqp-concepts>summary{display:flex;align-items:center;gap:.5rem;width:fit-content;max-width:calc(100% - var(--practice-summary-offset));margin-inline-start:var(--practice-summary-offset);min-block-size:2rem;font-size:.75rem;font-weight:600;color:var(--bc-muted);cursor:pointer;list-style:none;padding:.125rem 0;user-select:none}.pqp-concepts>summary::-webkit-details-marker{display:none}.pqp-concepts>summary:after{content:"›";font-size:.875rem;line-height:1;flex-shrink:0;color:var(--bc-accent-strong);transition:transform .14s ease}.pqp-concepts[open]>summary:after{transform:rotate(90deg)}.pqp-concepts>summary:hover{color:var(--bc-text)}.pqp-concepts>summary:hover .pqp-study-label{text-decoration:underline;text-underline-offset:.2em}.pqp-concepts-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .5rem;font-size:.75rem}.pqp-concepts-heading span{color:var(--bc-muted)}.pqp-concepts-body{margin-top:.25rem;padding:.75rem .25rem .375rem;border-top:1px solid var(--bc-border-subtle);display:flex;flex-direction:column;gap:.5rem}.pqp-prompt{margin:0;font-size:var(--drawer-label-size, .8125rem);line-height:1.48;color:var(--bc-muted)}.pqp-source-label{display:inline-block;margin-inline-end:.25rem;padding:.0625rem .3125rem;border:1px solid var(--bc-border-subtle);border-radius:4px;background:var(--bc-surface);font-size:.6875rem;line-height:1.4;white-space:nowrap}.pqp-concept-tags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem}.pqp-concept-chip{display:flex;align-items:center;justify-content:flex-start;min-width:0;gap:.375rem}.pqp-concept-chip a,.pqp-concept-unavailable{padding-block:.25rem;font-size:.75rem;font-weight:600;color:var(--bc-text);text-decoration:none}.pqp-concept-chip a{display:inline-flex;align-items:center;min-block-size:var(--drawer-control-size);color:var(--bc-accent-strong)}.pqp-concept-unavailable{display:flex;flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem}.pqp-concept-unavailable small{font-size:.6875rem;color:var(--bc-muted);font-weight:400;white-space:nowrap}.pqp-concept-chip a.is-learned{color:var(--bc-accent-strong)}.pqp-concept-chip a:hover{text-decoration:underline}.pqp-chip-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--drawer-control-size);min-block-size:var(--drawer-control-size);border-radius:50%;background:transparent;color:var(--bc-muted);cursor:pointer}.pqp-chip-toggle[aria-pressed=true]{color:var(--bc-accent-strong)}.pqp-chip-toggle:hover{background:var(--bc-highlight);color:var(--bc-accent-strong)}.pqp-prereq-note{margin:0;font-size:.75rem;color:var(--bc-muted);line-height:1.65}.pqp-prereq-note a{color:var(--bc-accent-strong);text-decoration:underline;text-underline-offset:.2em}.pqp-prereq-note a:hover{color:var(--bc-text)}.pqp-walkthrough-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.375rem;font-size:var(--drawer-label-size, .8125rem);font-weight:600;color:var(--bc-accent);text-decoration:none}.pqp-walkthrough-link:hover{text-decoration:underline}.pqp-empty{padding:1.5rem 1rem;border:1px dashed var(--bc-border);border-radius:12px;text-align:center;color:var(--bc-muted);font-size:.875rem}.pqp-empty p{margin:0 0 .75rem}.pqp-reset-filters{min-block-size:34px;padding:.375rem .875rem;border-radius:8px;border:1px solid var(--bc-accent);background:var(--bc-highlight);color:var(--bc-accent-strong);font-size:var(--drawer-label-size, .8125rem);font-weight:600;cursor:pointer}@media(min-width:861px)and (pointer:fine){.practice-question-title{font-size:.8125rem}.pqp-question{--practice-action-width: 1.5rem;--drawer-control-size: 1.875rem}.pqp-concepts>summary{min-block-size:1.5rem;font-size:.6875rem}}@media(max-width:860px),(max-width:1024px)and (pointer:coarse){.practice-question-row{grid-template:"details actions" auto / minmax(0,1fr) auto}.pqp-concepts{--practice-summary-offset: 3.625rem}.pqp-concepts>summary{min-block-size:2.75rem}.pqp-search{font-size:1rem}}@container roadmap-drawer (max-width: 30rem){.pqp-concept-tags{grid-template-columns:minmax(0,1fr)}.pqp-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pqp-search-wrap,.pqp-scope-filter{grid-column:1 / -1}.pqp-filter-row select{width:100%;min-width:0}.pqp-results-hint{margin-inline-start:.5rem}.practice-solution-link span{display:none}}@media(forced-colors:active){.practice-solved-btn[aria-pressed=true],.practice-question-actions .star-btn[aria-pressed=true]{outline:2px solid Highlight}}@container roadmap-drawer (max-width: 22.5rem){.pqp-q-row .practice-question-links{grid-template-columns:2.125rem minmax(0,1fr) auto}.pqp-q-row .practice-question-link>svg{display:none}.pqp-q-row .practice-difficulty-full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pqp-q-row .practice-difficulty-short{display:inline}.pqp-concepts{--practice-summary-offset: 2.5rem}.pqp-filter-row select{font-size:.75rem}}:root{color-scheme:light dark;--stage-foundations: light-dark(#047857, #10b981);--stage-patterns: light-dark(#0369a1, #38bdf8);--stage-advanced: light-dark(#6d28d9, #a78bfa);--stage-specialist: light-dark(#b45309, #f59e0b);--dag-card-secondary: light-dark(#334155, #cbd5e1);--dag-wash-strength: 8%;--dag-shadow-color: rgba(15, 23, 42, .12)}@media(prefers-color-scheme:dark){:root:not(:has(>head>meta[name=color-scheme][content=light])){--dag-wash-strength: 12%;--dag-shadow-color: rgba(2, 6, 23, .56)}}:root:has(>head>meta[name=color-scheme][content=dark]){--dag-wash-strength: 12%;--dag-shadow-color: rgba(2, 6, 23, .56)}.roadmap-app{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bc-bg);color:var(--bc-text);font-family:var(--font-sans);overflow:hidden;user-select:none;--roadmap-sheet-height: min(74dvh, calc(100dvh - 96px) )}:where(.roadmap-app) :where(button,input,select,summary){font:inherit;color:inherit}.roadmap-app button{cursor:pointer}.roadmap-app :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--bc-accent);outline-offset:2px}.canvas-header{height:52px;min-height:52px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 22px;background:color-mix(in srgb,var(--bc-surface) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bc-border-subtle);position:sticky;top:0;z-index:40}.canvas-learning-controls{display:flex;align-items:center;gap:20px;flex-shrink:0}.canvas-brand{font-size:18px;letter-spacing:-.8px;font-weight:700;white-space:nowrap;text-decoration:none;display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--bc-text)}.canvas-brand>span{font-weight:600}.canvas-brand>img{width:30px;height:30px;border-radius:7px;border:1px solid color-mix(in srgb,var(--bc-accent) 28%,var(--bc-border))}.canvas-modes{display:flex;gap:16px;align-self:stretch}.canvas-modes>button{font-size:13px;line-height:1.4;font-weight:550;color:var(--bc-muted);border:0;border-bottom:2px solid transparent;padding:0 5px;min-width:52px;background:transparent}.canvas-modes>button.active{color:var(--bc-text);border-color:var(--bc-accent)}.canvas-availability{flex-shrink:0;display:inline-flex;align-items:stretch;gap:2px;padding:3px;border:1px solid var(--bc-border);border-radius:9px;background:color-mix(in srgb,var(--bc-surface-elevated) 55%,var(--bc-bg))}.canvas-availability>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-inline-size:32px;min-block-size:32px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:color-mix(in srgb,var(--bc-text) 72%,var(--bc-muted));font-size:12px;line-height:1.2;font-weight:560;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.canvas-availability>button:hover{color:var(--bc-text);background:color-mix(in srgb,var(--bc-surface) 72%,transparent)}.canvas-availability>button[aria-pressed=true]{color:var(--bc-text);font-weight:650;background:var(--bc-surface);border-color:color-mix(in srgb,var(--bc-border) 80%,var(--bc-text));box-shadow:0 1px 2px #0f172a14}.canvas-availability>button[data-filter=available][aria-pressed=true]{color:var(--bc-accent);background:color-mix(in srgb,var(--bc-accent) 14%,var(--bc-surface));border-color:color-mix(in srgb,var(--bc-accent) 48%,var(--bc-border))}.availability-label-short{display:none}.canvas-search{position:relative;width:236px;max-width:30vw;height:40px;margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--bc-border-subtle);border-radius:7px;background:color-mix(in srgb,var(--bc-surface-elevated) 55%,var(--bc-bg));color:var(--bc-muted)}.canvas-search:focus-within{border-color:var(--bc-accent);background:var(--bc-surface)}.canvas-search>svg{flex-shrink:0}.canvas-search>input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:13px;line-height:1.4;color:var(--bc-text)}.canvas-search>input::placeholder{color:var(--bc-muted)}.canvas-search kbd{font:500 10px/1 var(--font-mono);padding:4px 5px;border-radius:4px;border:1px solid var(--bc-border);white-space:nowrap}.canvas-search>button{display:grid;place-items:center;min-width:22px;height:22px;border:0;border-radius:4px;background:transparent;color:var(--bc-muted)}.canvas-search-results{position:absolute;top:40px;right:0;width:350px;max-width:calc(100vw - 24px);padding:6px;background:var(--bc-surface-elevated);border:1px solid var(--bc-border);border-radius:10px;box-shadow:0 18px 48px #00000047;z-index:50}.canvas-search-results>span{display:block;padding:12px;font-size:13px;line-height:1.4}.canvas-search-results :is(button,a){width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:7px;background:transparent;text-align:left;text-decoration:none;color:var(--bc-text)}.canvas-search-results :is(button,a):hover{background:var(--bc-highlight)}.canvas-search-results i{width:6px;height:6px;border-radius:99px;background:var(--bc-accent);display:grid;place-items:center;flex-shrink:0}.canvas-search-results i.question-dot{background:var(--bc-amber)}.canvas-search-results div{min-width:0;flex:1}.canvas-search-results strong,.canvas-search-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-search-results strong{font-size:13px;line-height:1.35;font-weight:560}.canvas-search-results small{color:var(--bc-muted);font-size:11px;line-height:1.4}.canvas-header-end{display:flex;align-items:center;gap:7px}.canvas-study-btn{display:inline-flex;align-items:center;gap:.4375rem;min-block-size:40px;padding:0 .75rem;border-radius:8px;border:1px solid var(--bc-border);background:var(--bc-surface-elevated);color:var(--bc-text);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.canvas-study-btn:hover{border-color:var(--bc-accent)}.canvas-study-btn.is-active{background:var(--bc-highlight);border-color:var(--bc-accent);color:var(--bc-accent-strong)}.canvas-options{position:relative}.canvas-options>summary{list-style:none;cursor:pointer}.canvas-options>summary::-webkit-details-marker{display:none}.canvas-options>summary{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:var(--bc-muted)}.canvas-options>summary:hover,.canvas-options[open]>summary{background:var(--bc-surface-elevated);color:var(--bc-text)}.canvas-options>div{position:absolute;right:0;top:calc(100% + 6px);width:300px;max-height:calc(100dvh - 64px);overflow-y:auto;padding:15px;background:var(--bc-surface-elevated);border:1px solid var(--bc-border);border-radius:10px;box-shadow:0 18px 48px #00000047;font-size:12px;line-height:1.5;color:var(--bc-muted);z-index:50}.canvas-options strong{display:block;color:var(--bc-text);margin-bottom:6px;font-size:13px}.canvas-options .canvas-guide-heading{margin-top:12px;padding-top:10px;border-top:1px solid var(--bc-border-subtle)}.canvas-options button{width:100%;display:flex;align-items:center;gap:8px;padding:7px 6px;border:0;border-radius:6px;background:transparent;color:var(--bc-text);font-size:13px}.canvas-options button:hover{background:var(--bc-highlight)}.canvas-options p{margin-top:10px;padding-top:10px;border-top:1px solid var(--bc-border-subtle);line-height:1.45}.canvas-stage-key{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.canvas-stage-key li{display:grid;grid-template-columns:3px 1fr;gap:9px;align-items:start}.canvas-stage-key i{width:3px;height:100%;min-height:26px;border-radius:99px;margin-top:1px}.canvas-stage-key b{display:block;color:var(--bc-text);font-size:12px;line-height:1.35}.canvas-stage-key span{display:block;color:var(--bc-muted);font-size:11px;line-height:1.4}.winding-stage-host{--roadmap-drawer-width: clamp(520px, 56vw, 860px);position:relative;flex:1;min-height:0;overflow:hidden}.canvas-list{height:calc(100dvh - 52px);overflow-y:auto;max-width:920px;margin:0 auto;padding:28px 20px 80px}.canvas-list section{margin-bottom:26px}.canvas-list h2{font-size:16px;font-weight:650;margin-bottom:10px}.canvas-list section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.canvas-list a,.canvas-list-coming-soon{padding:11px 13px;border:1px solid var(--bc-border);border-radius:8px;background:var(--bc-surface);text-decoration:none;display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--bc-text)}.canvas-list a:hover{border-color:var(--bc-accent)}.canvas-list small{color:var(--bc-muted);white-space:nowrap}.winding-canvas-viewport{position:absolute;inset:0;overflow:hidden;background-color:var(--bc-bg);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--bc-canvas-grid) 82%,transparent) 1.15px,transparent 0);background-size:24px 24px}.winding-desktop-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}@media(prefers-reduced-motion:no-preference){.winding-desktop-world{transition:transform .32s cubic-bezier(.22,1,.36,1)}}.winding-mobile-world,.canvas-mobile-spectrum{display:none}.graph-regions{position:absolute;inset:0;pointer-events:none}.graph-spectrum-rail{position:absolute;left:222px;top:24px;width:9px;border-radius:99px;background:linear-gradient(to bottom,var(--stage-foundations) 0%,var(--stage-foundations) 18%,var(--stage-patterns) 36%,var(--stage-advanced) 56%,var(--stage-specialist) 78%,var(--stage-specialist) 100%);opacity:.95}.graph-stage-wash{position:absolute;left:0;background:radial-gradient(ellipse at 24% 50%,color-mix(in srgb,var(--stage-color) var(--dag-wash-strength),transparent),transparent 70%);-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 82%,transparent),linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(to right,transparent,black 12%,black 82%,transparent),linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.spectrum-stage{position:absolute;left:16px;width:190px;pointer-events:auto}.spectrum-stage:after{content:"";position:absolute;left:205px;top:18px;width:11px;height:11px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px var(--bc-bg)}.spectrum-stage>span{font:650 11px/1.2 var(--font-mono);letter-spacing:.08em}.spectrum-stage strong{display:block;font-size:16.5px;font-weight:700;letter-spacing:-.02em;margin-top:4px;line-height:1.25}.spectrum-stage p{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--bc-text)}.spectrum-stage small{display:block;color:var(--dag-card-secondary);font-size:11px;line-height:1.45;margin-top:6px}.winding-path-plane{position:absolute;top:0}.winding-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.winding-rail-glow{fill:none;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;opacity:.16;filter:blur(4px)}.winding-rail-glow.is-reached{opacity:.28}.winding-rail-track{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.winding-rail-track.is-active{stroke-width:4;opacity:.98}.winding-rail-track.is-session-segment{stroke-width:2.9;stroke-dasharray:7 4;opacity:.96}.winding-rail-glow.is-session-segment{stroke-width:10;opacity:.32}.winding-terminal-node .terminal-halo{fill:var(--bc-bg);stroke-width:2;opacity:.85}.winding-terminal-node .terminal-label{font:700 9.5px/1 var(--font-mono);letter-spacing:.1em;fill:var(--bc-muted)}.winding-stations-list{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}.winding-station-slot{position:absolute;width:176px;transform:translate(-50%,-29px);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:auto;z-index:4;transition:opacity .16s ease,transform .16s ease}.is-expanded-layout .winding-station-slot{width:146px;transform:translate(-50%,-26px)}.is-expanded-layout .winding-station-slot .winding-node-btn{width:52px;height:52px}.is-expanded-layout .winding-station-slot .winding-node-core{width:36px;height:36px}.is-expanded-layout .winding-station-slot .winding-station-caption{margin-top:3px;max-width:144px;padding:1.5px 5px}.is-expanded-layout .winding-station-slot .winding-station-title{font-size:11.5px}.is-expanded-layout .winding-station-slot .winding-station-sub{font-size:9.8px;-webkit-line-clamp:1}.winding-station-slot.is-filtered-muted{opacity:.32}.winding-you-are-here{position:absolute;top:-24px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:var(--stage-color);color:#04130e;font-size:9.5px;font-weight:750;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--stage-color) 42%,transparent);z-index:6;pointer-events:none}.you-are-here-dot{width:5px;height:5px;border-radius:50%;background:#04130e}.winding-node-btn{position:relative;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:var(--stage-color)}.winding-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.winding-orbit-ring{fill:var(--bc-bg);stroke:color-mix(in srgb,var(--stage-color) 28%,var(--bc-border));stroke-width:1.2}.winding-progress-track{fill:none;stroke:color-mix(in srgb,var(--stage-color) 32%,var(--bc-border));stroke-width:5.2}.winding-progress-zero-cap{fill:var(--stage-color);opacity:.72}.winding-progress-fill{fill:none;stroke:var(--stage-color);stroke-width:5.6;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--stage-color) 55%,transparent));transition:stroke-dasharray 0s ease-in-out;@media(prefers-reduced-motion:no-preference){transition-duration:.4s}}.winding-station-progress-pill{display:inline-block;padding:.5px 4.5px;margin-right:2px;border-radius:999px;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--stage-color);background:color-mix(in srgb,var(--stage-color) 15%,var(--bc-surface-elevated));border:1px solid color-mix(in srgb,var(--stage-color) 38%,transparent)}.winding-sessions-list{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}.winding-session-slot{position:absolute;width:138px;transform:translate(-50%,-21px) scale(var(--session-scale, 1));display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:auto;z-index:5}.winding-session-slot.is-filtered-muted{opacity:.35}.winding-session-btn{position:relative;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:var(--session-color);text-decoration:none;cursor:pointer}.session-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.session-progress-track{fill:var(--bc-bg);stroke:color-mix(in srgb,var(--session-color) 34%,var(--bc-border));stroke-width:6}.session-progress-zero-cap{fill:var(--session-color);opacity:.78}.session-progress-fill{fill:none;stroke:var(--session-color);stroke-width:6.4;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--session-color) 55%,transparent));transition:stroke-dasharray 0s ease-in-out;@media(prefers-reduced-motion:no-preference){transition-duration:.4s}}.session-diamond-core{position:relative;z-index:1;width:23px;height:23px;border-radius:6px;transform:rotate(45deg);display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--session-color) 26%,var(--bc-surface-elevated)),var(--bc-surface) 80%);border:1.5px solid color-mix(in srgb,var(--session-color) 76%,var(--bc-border));color:var(--bc-text);box-shadow:0 4px 10px var(--dag-shadow-color),0 0 12px color-mix(in srgb,var(--session-color) 24%,transparent);transition:transform .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.session-diamond-glyph{transform:rotate(-45deg);display:inline-flex;align-items:center;justify-content:center;font:800 9.5px/1 var(--font-mono);color:var(--session-color)}.winding-session-slot.is-completed .session-diamond-core{background:var(--session-color);border-color:var(--session-color)}.winding-session-slot.is-completed .session-diamond-glyph{color:#04130e}.winding-session-btn:hover .session-diamond-core,.winding-session-slot.is-selected .session-diamond-core{transform:rotate(45deg) scale(1.1);border-color:var(--session-color);box-shadow:0 6px 16px var(--dag-shadow-color),0 0 18px color-mix(in srgb,var(--session-color) 46%,transparent)}.session-live-pip{position:absolute;right:1px;top:1px;z-index:2;width:8px;height:8px;border-radius:50%;background:var(--bc-accent);border:1.5px solid var(--bc-bg);box-shadow:0 0 6px var(--bc-accent)}.winding-session-caption{margin-top:3px;display:flex;flex-direction:column;align-items:center;gap:1.5px;max-width:136px;padding:2.5px 6px;border-radius:7px;background:color-mix(in srgb,var(--bc-surface-elevated) 88%,transparent);border:1px solid color-mix(in srgb,var(--session-color) 32%,var(--bc-border-subtle));box-shadow:0 3px 10px #00000038}.winding-session-title{font-size:10.5px;font-weight:680;line-height:1.18;letter-spacing:-.01em;color:var(--bc-text);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.winding-session-meta{display:inline-flex;align-items:center;gap:4px;font-size:9px;line-height:1.15;color:var(--dag-card-secondary)}.session-progress-fraction{font-family:var(--font-mono);font-weight:750;color:var(--session-color)}.winding-node-core{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--stage-color) 20%,var(--bc-surface-elevated)),var(--bc-surface) 78%);border:1.6px solid color-mix(in srgb,var(--stage-color) 68%,var(--bc-border));color:var(--stage-color);box-shadow:0 5px 14px var(--dag-shadow-color),0 0 16px color-mix(in srgb,var(--stage-color) 18%,transparent);transition:transform .15s ease,border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.winding-node-btn:hover .winding-node-core,.winding-station-slot.is-selected .winding-node-core{transform:scale(1.08);border-color:var(--stage-color);box-shadow:0 8px 20px var(--dag-shadow-color),0 0 24px color-mix(in srgb,var(--stage-color) 38%,transparent)}.winding-station-slot.is-completed .winding-node-core{background:color-mix(in srgb,var(--stage-color) 22%,var(--bc-surface-elevated));border-color:var(--stage-color)}.winding-step-badge{position:absolute;right:0;bottom:0;z-index:2;min-width:19px;height:19px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bc-surface-elevated);border:1.4px solid var(--stage-color);color:var(--bc-text);font:700 9.5px/1 var(--font-mono);box-shadow:0 2px 6px #00000047}.winding-station-slot.is-completed .winding-step-badge{background:var(--stage-color);color:#04130e}.winding-station-caption{margin-top:5px;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:170px;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,var(--bc-bg) 78%,transparent)}.winding-station-title{font-size:12.5px;font-weight:680;line-height:1.2;letter-spacing:-.01em;color:var(--bc-text)}.winding-station-sub{font-size:10.5px;line-height:1.25;color:var(--dag-card-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.canvas-legend{position:absolute;left:24px;bottom:14px;z-index:10;max-inline-size:calc(100% - 48px);display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--bc-surface) 86%,transparent);backdrop-filter:blur(8px);border:1px solid var(--bc-border-subtle);font-size:11px;color:var(--bc-muted);pointer-events:none}.winding-canvas-viewport.is-panel-open .canvas-legend{max-inline-size:calc(100% - var(--roadmap-drawer-width) - 48px)}.canvas-legend span{display:inline-flex;align-items:center;gap:6px}.canvas-legend i{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--bc-muted)}.canvas-legend i.available{background:var(--bc-accent)}@media(max-width:980px){.canvas-learning-controls{gap:10px}.canvas-header{gap:10px;padding:0 14px}.canvas-availability>button{padding:0 8px;font-size:11px}.canvas-search{flex:0 1 160px;min-width:96px}}@media(max-width:860px){.has-js body.bc-full-viewport,body.bc-full-viewport{height:auto!important;min-height:100dvh!important;overflow-x:clip!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch}.has-js body.bc-full-viewport>main,body.bc-full-viewport>main{height:auto!important;min-height:100dvh!important;overflow-x:clip!important;overflow-y:visible!important}.roadmap-app{height:auto!important;min-height:100dvh;overflow-x:clip;overflow-y:visible;user-select:auto;touch-action:pan-y pinch-zoom}.winding-stage-host{height:auto;overflow:visible}.winding-canvas-viewport{position:relative;inset:auto;min-height:calc(100dvh - 52px);padding:8px 0 48px;overflow:hidden;touch-action:pan-y pinch-zoom}.winding-desktop-world,.canvas-legend{display:none}.canvas-mobile-spectrum{display:flex;align-items:center;gap:10px;margin:2px auto 6px;padding:6px 14px;max-width:360px;font-size:11px;color:var(--bc-text)}.canvas-mobile-spectrum i{flex-shrink:0;width:38px;height:4px;border-radius:4px;background:linear-gradient(to right,var(--stage-foundations),var(--stage-patterns),var(--stage-advanced),var(--stage-specialist))}.canvas-mobile-spectrum strong{display:block;font-size:11.5px;font-weight:650}.canvas-mobile-spectrum small{display:block;font-size:10.5px;color:var(--bc-muted)}.winding-mobile-world{display:block;width:100%;max-width:360px;margin:0 auto}.winding-mobile-plane{position:relative;width:100%}.winding-mobile-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.winding-mobile-terminal{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;z-index:4;pointer-events:none}.winding-mobile-terminal.is-start,.winding-mobile-terminal.is-finish{transform:translate(-11px,-50%)}.mobile-terminal-ring{width:22px;height:22px;border-radius:50%;background:var(--bc-bg);border:2px solid var(--stage-color);box-shadow:0 0 12px color-mix(in srgb,var(--stage-color) 42%,transparent);position:relative;flex-shrink:0}.mobile-terminal-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--stage-color)}.mobile-terminal-label{font-size:9.5px;font-weight:800;letter-spacing:.14em;color:var(--bc-text);background:color-mix(in srgb,var(--bc-surface-elevated) 92%,var(--bc-bg));border:1px solid color-mix(in srgb,var(--stage-color) 45%,var(--bc-border));padding:2px 7px;border-radius:999px}.winding-mobile-stage-header{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:4;display:inline-flex;align-items:center;gap:6px;padding:3.5px 10px;border-radius:999px;background:color-mix(in srgb,var(--bc-surface-elevated) 94%,var(--bc-bg));border:1px solid color-mix(in srgb,var(--stage-color) 52%,var(--bc-border));box-shadow:0 4px 12px var(--dag-shadow-color);white-space:nowrap;pointer-events:none}.mobile-stage-dot{width:6px;height:6px;border-radius:50%;background:var(--stage-color);flex-shrink:0}.mobile-stage-num{font-family:var(--font-mono);font-size:9.5px;font-weight:800;color:var(--stage-color)}.mobile-stage-name{font-size:10.5px;font-weight:700;color:var(--bc-text)}.mobile-stage-role{font-size:9.5px;color:var(--bc-muted);padding-left:4px;border-left:1px solid var(--bc-border-subtle)}.winding-mobile-list{list-style:none;margin:0;padding:0;position:absolute;inset:0}.winding-mobile-slot{position:absolute;transform:translate(-50%,-22px);width:44px;height:44px;z-index:3}.winding-mobile-slot.is-filtered-muted{opacity:.32}.winding-mobile-slot .winding-node-btn{width:44px;height:44px}.winding-mobile-slot .winding-node-core{width:31px;height:31px}.winding-you-are-here.is-mobile{position:static;transform:none;font-size:8.5px;padding:1.5px 6px;margin-bottom:1px}.winding-mobile-caption{position:absolute;top:50%;transform:translateY(-50%);width:clamp(134px,46vw,176px);display:flex;flex-direction:column;gap:1.5px;padding:3.5px 7px;border-radius:7px;background:color-mix(in srgb,var(--bc-bg) 90%,transparent);pointer-events:none}.winding-mobile-slot.is-label-right .winding-mobile-caption{left:calc(100% + 8px);text-align:left;align-items:flex-start}.winding-mobile-slot.is-label-left .winding-mobile-caption{right:calc(100% + 8px);text-align:right;align-items:flex-end}.winding-mobile-sessions-list{list-style:none;margin:0;padding:0;position:absolute;inset:0}.winding-mobile-session-slot{position:absolute;transform:translate(-50%,-19px) scale(var(--session-scale, 1));width:38px;height:38px;z-index:4}.winding-mobile-session-slot.is-filtered-muted{opacity:.35}.winding-mobile-session-slot .winding-session-btn{width:38px;height:38px}.winding-mobile-session-slot .session-diamond-core{width:21px;height:21px}.winding-mobile-session-caption{position:absolute;top:50%;transform:translateY(-50%);width:clamp(128px,44vw,168px);display:flex;flex-direction:column;gap:1.5px;padding:3px 6.5px;border-radius:7px;background:color-mix(in srgb,var(--bc-surface-elevated) 92%,transparent);border:1px solid color-mix(in srgb,var(--session-color) 32%,var(--bc-border-subtle));pointer-events:none}.winding-mobile-session-slot.is-label-right .winding-mobile-session-caption{left:calc(100% + 7px);text-align:left;align-items:flex-start}.winding-mobile-session-slot.is-label-left .winding-mobile-session-caption{right:calc(100% + 7px);text-align:right;align-items:flex-end}}@media(max-width:860px){.canvas-header{gap:4px;padding:0 8px}.canvas-learning-controls{gap:4px}.canvas-brand{min-width:40px;min-height:40px;justify-content:center}.canvas-brand>span{display:none}.canvas-modes{gap:0;flex-shrink:0}.canvas-modes>button{min-width:42px;padding:0 4px;font-size:11px}.canvas-modes>button:last-child{min-width:52px}.canvas-availability{padding:2px;border-radius:7px;gap:2px}.canvas-availability>button{min-inline-size:26px;min-block-size:34px;padding:0 7px;font-size:10.5px;border-radius:5px}.canvas-availability>button>svg{display:none}.availability-label-full{display:none}.availability-label-short{display:inline}.canvas-search{flex:0 0 38px;width:38px;min-width:38px;max-width:38px;height:38px;padding:0 11px;margin-left:0;border-color:transparent;background:transparent}.canvas-search kbd{display:none}.canvas-search>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text}.canvas-search:is(:focus-within,.has-query){position:absolute;left:8px;right:52px;width:auto;max-width:none;min-width:0;padding:0 9px;background:var(--bc-surface-elevated);border-color:var(--bc-accent);z-index:45}.canvas-search:is(:focus-within,.has-query)>input{position:static;opacity:1;width:100%;height:38px}.canvas-search>button{display:none}.canvas-search:is(:focus-within,.has-query)>button{display:grid;min-width:38px;height:38px}.canvas-search-results{top:44px;left:0;width:min(350px,calc(100vw - 16px))}.canvas-header-end{gap:4px;margin-inline-start:auto}.canvas-study-btn{gap:5px;padding:0 8px}.canvas-options>div{width:min(270px,calc(100vw - 16px))}}@media(max-width:430px){.canvas-header{gap:3px;padding:0 6px}.canvas-brand{min-width:36px}.canvas-availability>button{padding-inline:6px}.canvas-search{flex-basis:34px;width:34px;min-width:34px;max-width:34px;padding-inline:9px}.canvas-header-end{gap:4px}.canvas-study-btn{padding:0 6px}.canvas-study-btn>svg{display:none}.canvas-options>summary{width:36px}}@media(max-width:380px){.winding-mobile-caption,.winding-mobile-session-caption{width:clamp(118px,41vw,150px)}}@media(max-width:380px){.canvas-header{gap:2px;padding:0 4px;max-width:100vw}.canvas-brand{min-width:28px;min-height:28px}.canvas-brand>img{width:24px;height:24px}.canvas-modes>button{min-width:36px;padding:0 3px;font-size:10.5px}.canvas-modes>button:last-child{min-width:44px}.canvas-availability{padding:1px;gap:1px}.canvas-availability>button{min-inline-size:22px;min-block-size:28px;padding:0 5px;font-size:10px}.canvas-search{flex:0 0 28px;width:28px;min-width:28px;max-width:28px;height:32px;padding:0 6px}.canvas-study-btn{padding:0 6px;font-size:.75rem}.canvas-options>summary{width:32px}}@media(max-width:340px){.canvas-availability>button{padding-inline:3px}.canvas-header-end{gap:2px}.canvas-header .canvas-practice-switch{padding-inline:4px}}@media(forced-colors:active){.winding-rail-track,.winding-rail-glow{stroke:CanvasText}.winding-rail-track.is-active{stroke:Highlight}.winding-progress-track,.session-progress-track{forced-color-adjust:none;stroke:CanvasText}.winding-progress-fill,.session-progress-fill,.winding-progress-zero-cap,.session-progress-zero-cap{forced-color-adjust:none;stroke:Highlight;fill:Highlight}.winding-node-core,.session-diamond-core{border-color:CanvasText}.winding-station-slot.is-selected .winding-node-core,.winding-mobile-slot.is-selected .winding-node-core,.winding-session-slot.is-selected .session-diamond-core,.winding-mobile-session-slot.is-selected .session-diamond-core{outline:2px solid Highlight}}input[type=checkbox][switch]{accent-color:var(--bc-accent, #10b981);margin:0;cursor:pointer}input[type=checkbox][switch]:focus-visible{outline:3px solid var(--bc-accent-strong, #34d399);outline-offset:4px}.canvas-practice-switch{position:relative;display:inline-flex;align-items:center;gap:7px;min-block-size:40px;padding:0 10px 0 8px;border-radius:999px;border:1px solid var(--bc-border);background:var(--bc-surface-elevated);color:var(--bc-muted);font-size:12.5px;font-weight:650;cursor:pointer;user-select:none;flex-shrink:0;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.canvas-practice-switch:hover{border-color:var(--bc-accent);color:var(--bc-text)}.canvas-practice-switch:has(input:checked),.canvas-practice-switch.is-checked{border-color:var(--bc-accent);background:color-mix(in srgb,var(--bc-accent) 14%,var(--bc-surface-elevated));color:var(--bc-text)}.canvas-practice-switch>input[type=checkbox][switch]{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer}.canvas-practice-switch:has(input:focus-visible){outline:2px solid var(--bc-accent-strong);outline-offset:2px}.canvas-practice-switch-ui{position:relative;width:28px;height:16px;border-radius:999px;background:color-mix(in srgb,var(--bc-muted) 35%,var(--bc-bg));border:1px solid var(--bc-border);flex-shrink:0;transition:background-color .16s ease,border-color .16s ease}.canvas-practice-switch-ui:after{content:"";position:absolute;top:1.5px;left:1.5px;width:11px;height:11px;border-radius:50%;background:var(--bc-text);transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .16s ease}.canvas-practice-switch:has(input:checked) .canvas-practice-switch-ui,.canvas-practice-switch.is-checked .canvas-practice-switch-ui{background:var(--bc-accent);border-color:var(--bc-accent)}.canvas-practice-switch:has(input:checked) .canvas-practice-switch-ui:after,.canvas-practice-switch.is-checked .canvas-practice-switch-ui:after{transform:translate(12px);background:var(--bc-accent-ink, #042f2e)}.canvas-practice-switch-text{line-height:1;white-space:nowrap}.canvas-practice-switch-text .switch-label-short{display:none}.roadmap-drawer{--drawer-control-size: 2.75rem;--drawer-label-size: .8125rem;--practice-action-width: 2.25rem;position:absolute;inset:0 0 0 auto;z-index:28;width:var(--roadmap-drawer-width);max-width:100%;display:flex;flex-direction:column;container:roadmap-drawer / inline-size;background:var(--bc-bg);color:var(--bc-text);border-inline-start:1px solid var(--bc-border);box-shadow:-16px 0 40px -20px var(--dag-shadow-color);font-size:.875rem;line-height:1.45;user-select:text}.roadmap-drawer-header{flex:0 0 auto;display:grid;gap:.75rem;padding:1rem clamp(.875rem,3.6cqi,1.5rem) .875rem;background:var(--bc-surface);border-bottom:1px solid var(--bc-border)}.roadmap-drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.roadmap-drawer-heading h2{font-size:clamp(1.125rem,4cqi,1.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.22;overflow-wrap:anywhere}.roadmap-drawer-close,.hub-map-btn{display:grid;place-items:center;flex:0 0 auto;inline-size:var(--drawer-control-size);block-size:var(--drawer-control-size);border:1px solid var(--bc-border);border-radius:8px;background:var(--bc-surface);color:var(--bc-muted)}.roadmap-drawer-close:hover,.hub-map-btn:hover{border-color:var(--bc-accent);color:var(--bc-accent-strong)}.roadmap-drawer-body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:1rem clamp(.75rem,3.6cqi,1.5rem) 1.5rem;scrollbar-gutter:stable}.roadmap-learn-link{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;min-block-size:var(--drawer-control-size);min-inline-size:6.5rem;padding:.5rem .875rem;border:1px solid transparent;border-radius:8px;background:var(--bc-accent);color:var(--bc-accent-ink);text-decoration:none;font-weight:700;line-height:1.2;white-space:nowrap;transition:background-color .14s ease}.roadmap-learn-link:hover{background:var(--bc-accent-strong)}.roadmap-lesson-unavailable{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--drawer-control-size);min-inline-size:6.5rem;padding:.5rem .875rem;border:1px solid var(--bc-border-subtle);border-radius:8px;background:var(--bc-bg);color:var(--bc-muted);font-weight:600;line-height:1.2;white-space:nowrap;opacity:1;cursor:not-allowed}.roadmap-lesson-unavailable-short{display:none}.roadmap-learn-link svg,.msp-done-btn svg,.msp-nav-btn svg{flex-shrink:0}.module-sessions-panel{--lesson-action-width: 10rem;--module-accent: var(--module-color, var(--bc-accent));--module-gutter: clamp(.75rem, 2.5cqi, 1.25rem);--module-rule: color-mix(in srgb, var(--bc-border-subtle) 70%, transparent);--practice-action-width: 2.75rem;background:var(--bc-surface)}.module-sessions-panel>.roadmap-drawer-header{padding-inline:var(--module-gutter);border-bottom-color:var(--module-rule)}.module-sessions-panel .roadmap-drawer-heading h2{font-size:clamp(1.125rem,3cqi,1.375rem);line-height:1.3}.msp-module-intro{margin-top:.5rem;color:var(--bc-muted);font-size:.8125rem;line-height:1.5}.msp-module-intro strong{color:var(--bc-accent-strong);font-weight:700}.module-sessions-panel>.msp-body{padding:0}.msp-module-label{margin-bottom:.375rem;font-size:.6875rem;font-weight:650;color:var(--bc-muted)}.msp-module-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.msp-progress-summary{flex:1 1 9rem;min-width:0}.msp-practice-filter{display:flex;align-items:center;gap:.5rem;color:var(--bc-muted);font-size:var(--drawer-label-size)}.msp-practice-filter select{background:transparent;border-color:var(--module-rule);font-weight:500}.msp-progress-labels{margin-bottom:.375rem;color:var(--bc-muted);font-size:var(--drawer-label-size);font-variant-numeric:tabular-nums}.msp-progress-labels strong{color:var(--bc-text);font-weight:700}.msp-progress-bar{width:min(100%,9rem);height:3px;border-radius:999px;background:var(--bc-border);overflow:hidden}.msp-progress-bar>span{display:block;height:100%;border-radius:inherit;background:var(--module-accent);transition:width .18s ease}.msp-session{min-width:0;padding:.625rem var(--module-gutter)}.msp-session+.msp-session{border-top:1px solid var(--module-rule)}.msp-session.is-focused{box-shadow:inset 2px 0 var(--module-accent)}.msp-session-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.msp-session-controls{display:flex;align-items:center}.msp-session-controls>button{inline-size:var(--drawer-control-size);min-inline-size:var(--drawer-control-size);padding-inline:0}.msp-session-head{display:flex;align-items:baseline;gap:.5rem;min-width:0}.msp-session-code{flex-shrink:0;color:var(--bc-muted);font-size:.6875rem;font-variant-numeric:tabular-nums}.msp-session-title{min-width:0;font-family:var(--font-sans);font-size:1rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;overflow-wrap:anywhere}.msp-session-actions,.hub-row-actions{display:flex;align-items:center;gap:.375rem;min-width:0}.hub-row-actions{flex-wrap:wrap}.msp-session-actions .roadmap-learn-link,.msp-session-actions .roadmap-lesson-unavailable{min-inline-size:4.75rem;padding:.375rem .625rem;font-size:.75rem}.msp-done-btn{display:inline-flex;justify-content:center;align-items:center;min-block-size:var(--drawer-control-size);gap:.375rem;flex-shrink:0;padding-inline:.375rem;border-radius:6px;background:transparent;color:var(--bc-muted);font-size:var(--drawer-label-size);font-weight:500;white-space:nowrap}.msp-done-btn:hover{background:var(--bc-highlight);color:var(--bc-accent-strong)}.msp-done-btn[aria-pressed=true]{color:var(--bc-accent-strong)}.msp-lesson-practice{margin-top:.25rem;margin-inline-start:.375rem;padding:.125rem 0 .125rem .5rem;border-inline-start:1px solid var(--module-rule)}.msp-practice-header{display:flex;align-items:center;flex-wrap:wrap;gap:0 .375rem;padding-inline:.5rem}.msp-practice-toggle{display:inline-flex;align-items:center;gap:.375rem;min-block-size:var(--drawer-control-size);padding:.125rem .25rem .125rem 0;border-radius:6px;color:var(--bc-muted);font-size:var(--drawer-label-size);font-weight:600;text-align:start}.msp-practice-toggle:hover,.msp-practice-toggle:focus-visible{color:var(--bc-text)}.msp-practice-count{color:var(--bc-muted);font-weight:400;font-variant-numeric:tabular-nums}.msp-practice-toggle svg{flex-shrink:0}.msp-practice-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.msp-more-practice{min-block-size:var(--drawer-control-size);margin-inline-start:auto;padding:.125rem .25rem;border-radius:6px;color:var(--bc-accent-strong);font-size:var(--drawer-label-size);font-weight:500}.msp-more-practice:hover{text-decoration:underline;text-underline-offset:.2em}.msp-practice-item{padding:.0625rem .375rem;gap:.375rem;box-shadow:none}.module-sessions-panel .msp-practice-item{grid-template:"actions details" auto / auto minmax(0,1fr)}.msp-practice-item+.msp-practice-item{border-top:1px solid var(--module-rule)}.msp-practice-item .practice-difficulty{display:flex;align-items:center;gap:.3125rem;font-weight:500;white-space:nowrap}.msp-practice-item .practice-question-links{grid-template-columns:3.25rem minmax(0,1fr) auto}.msp-practice-item .practice-difficulty:before{content:"";flex:0 0 3px;height:.875rem;border-radius:2px;background:currentColor}.msp-practice-item .practice-question-title{font-weight:500}.msp-practice-item:hover{background:color-mix(in srgb,var(--bc-accent) 4%,transparent)}.hub-problem-row{padding:.375rem .5rem;border:1px solid var(--bc-border-subtle);border-radius:8px;background:var(--bc-surface)}.msp-practice-item[data-solved=true]{background:color-mix(in srgb,var(--bc-accent) 5%,var(--bc-surface))}.msp-practice-empty,.msp-practice-filter-empty{padding:.375rem .5rem;color:var(--bc-muted);font-size:var(--drawer-label-size)}.msp-practice-filter-empty{margin-bottom:.5rem;padding-inline:var(--module-gutter)}.msp-empty{color:var(--bc-muted);padding:.75rem var(--module-gutter)}.msp-footer{flex:0 0 auto;display:flex;justify-content:space-between;gap:.5rem;padding:.5rem var(--module-gutter);background:var(--bc-surface);border-top:1px solid var(--bc-border)}.msp-nav-btn{display:inline-flex;align-items:center;gap:.375rem;min-block-size:var(--drawer-control-size);min-width:0;padding:.25rem .5rem;border-radius:8px;border:1px solid var(--bc-border);background:var(--bc-surface);color:var(--bc-text);font-size:var(--drawer-label-size);font-weight:650;line-height:1.25;text-align:start}.msp-nav-btn:hover{border-color:var(--bc-accent);color:var(--bc-accent-strong)}@container roadmap-drawer (max-width: 30rem){.msp-session-row,.msp-session-head{gap:.375rem}.msp-session-code{display:none}.msp-practice-filter>span{display:none}.msp-module-intro{font-size:.75rem}.msp-progress-summary{flex-basis:7rem}}@container roadmap-drawer (max-width: 25rem){.msp-session-actions .roadmap-lesson-unavailable-full{display:none}.msp-session-actions .roadmap-lesson-unavailable-short{display:inline}}@container roadmap-drawer (max-width: 22.5rem){.msp-count-label{display:none}.msp-practice-item .practice-question-links{grid-template-columns:2.125rem minmax(0,1fr) auto}.msp-practice-item .practice-question-link>svg{display:none}.msp-practice-item .practice-difficulty-full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.msp-practice-item .practice-difficulty-short{display:inline}.msp-module-toolbar select{inline-size:9rem;padding-inline-end:1.375rem;font-size:.75rem}.msp-more-practice{font-size:.75rem}.msp-session-actions .roadmap-learn-link,.msp-session-actions .roadmap-lesson-unavailable{min-inline-size:4.25rem;padding-inline:.375rem}}.study-hub-panel{--hub-gutter: clamp(.75rem, 2.5cqi, 1.25rem);background:var(--bc-surface)}.study-hub-panel>.roadmap-drawer-header{padding-inline:var(--hub-gutter);padding-bottom:0;border-bottom-color:var(--bc-border-subtle)}.study-hub-panel>.hub-body{padding-inline:var(--hub-gutter)}.hub-summary{display:flex;flex-wrap:wrap;gap:.125rem .75rem;margin-top:.375rem;color:var(--bc-muted);font-size:var(--drawer-label-size);font-variant-numeric:tabular-nums}.hub-views{display:flex;gap:1.5rem}.hub-views button{min-block-size:var(--drawer-control-size);padding:.625rem .25rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--bc-muted);font-size:.8125rem;font-weight:650;line-height:1.25;overflow-wrap:anywhere}.hub-views button:hover,.hub-views button[aria-pressed=true]{border-color:var(--bc-accent);color:var(--bc-accent-strong)}.hub-views button[aria-pressed=true]{border-bottom-color:var(--bc-accent)}.hub-context{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem;padding:.625rem .75rem;border-radius:8px;background:var(--bc-surface);color:var(--bc-muted);font-size:var(--drawer-label-size)}.hub-context svg{flex-shrink:0;color:var(--bc-accent-strong)}.hub-opened-lessons{margin-bottom:.625rem;border:1px solid var(--bc-border);border-radius:8px;background:var(--bc-surface)}.hub-opened-lessons>summary{display:flex;align-items:center;gap:.5rem;min-block-size:var(--drawer-control-size);padding-inline:.75rem;list-style:none;font-size:var(--drawer-label-size);font-weight:650;cursor:pointer}.hub-opened-lessons>summary::-webkit-details-marker{display:none}.hub-opened-count{margin-inline-start:auto;color:var(--bc-muted);font-variant-numeric:tabular-nums}.hub-opened-lessons[open]>summary svg{transform:rotate(180deg)}.hub-opened-list{padding:.5rem;border-top:1px solid var(--bc-border-subtle)}.hub-next .hub-row:first-child{border-color:var(--bc-accent);box-shadow:inset 3px 0 var(--bc-accent)}.hub-section+.hub-section{margin-top:1.25rem}.hub-section h3{margin-bottom:.5rem;font-size:1rem;font-weight:700}.hub-list{display:grid;gap:.5rem}.hub-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.625rem 1rem;padding:.75rem;border:1px solid var(--bc-border);border-radius:10px;background:var(--bc-surface)}.hub-row-info{display:grid;gap:.125rem;overflow-wrap:anywhere}.hub-row-info strong{font-size:.9375rem;font-weight:700;line-height:1.3}.hub-row-info span{color:var(--bc-muted);font-size:var(--drawer-label-size)}.hub-row-info .hub-position{font-weight:650;font-variant-numeric:tabular-nums}.hub-more-btn{margin-top:.5rem;min-block-size:var(--drawer-control-size);color:var(--bc-accent-strong);font-weight:650}.hub-more-btn:hover{text-decoration:underline}.hub-empty{border:1px dashed var(--bc-border);border-radius:10px;padding:1rem;color:var(--bc-muted);background:var(--bc-surface)}@container roadmap-drawer (max-width: 33rem){.hub-views{gap:.5rem}.hub-views button{flex:1 1 0}.hub-row{grid-template-columns:minmax(0,1fr)}.hub-row-actions .roadmap-learn-link,.hub-row-actions .roadmap-lesson-unavailable{flex:1 1 auto}}@media(min-width:861px)and (pointer:fine){.roadmap-drawer{--drawer-control-size: 2.125rem;--drawer-label-size: .75rem;--practice-action-width: 1.75rem;font-size:.8125rem}.roadmap-drawer-heading h2{font-size:1.1875rem}.roadmap-drawer-header{gap:.5rem;padding-block:.6875rem .625rem}.roadmap-drawer-body{padding-block:.625rem 1rem}.roadmap-learn-link,.roadmap-lesson-unavailable{min-inline-size:5.5rem;gap:.375rem;padding:.375rem .625rem}.hub-row-info strong,.hub-section h3{font-size:.875rem}.hub-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem .875rem}.hub-row{padding:.4375rem .625rem}.hub-list{gap:.375rem}.msp-session-actions,.msp-session-controls{--drawer-control-size: 2rem}.msp-practice-item{--practice-action-width: 1.5rem;--drawer-control-size: 1.875rem}.msp-practice-item .practice-question-title{font-size:.8125rem}.hub-problem-row{padding-block:.1875rem}.msp-footer{padding-block:.375rem}.hub-context{margin-bottom:.5rem;padding-block:.4375rem}}.canvas-list-session-group{display:flex;flex-direction:column;gap:.25rem}.canvas-list-subpractices{list-style:none;margin:0 0 .35rem 1.25rem;padding:0 0 0 .65rem;border-left:2px solid var(--bc-border);display:flex;flex-direction:column;gap:.25rem}@media(max-width:860px){.canvas-practice-switch{min-block-size:32px;padding:0 8px 0 6px;gap:5px;font-size:11px}.canvas-practice-switch-ui{width:24px;height:14px}.canvas-practice-switch-ui:after{width:9px;height:9px}.canvas-practice-switch:has(input:checked) .canvas-practice-switch-ui:after,.canvas-practice-switch.is-checked .canvas-practice-switch-ui:after{transform:translate(10px)}.winding-stage-host.panel-open .winding-mobile-world{padding-bottom:var(--roadmap-sheet-height)}.roadmap-drawer{position:fixed;inset:auto 0 0;z-index:30;width:100%;height:var(--roadmap-sheet-height);padding-bottom:env(safe-area-inset-bottom);border-inline-start:0;border-top:1px solid var(--bc-border);border-radius:14px 14px 0 0;box-shadow:0 -12px 32px -8px var(--dag-shadow-color)}.roadmap-drawer-header{padding-block:.75rem;border-radius:13px 13px 0 0}}@media(max-width:860px)and (max-height:500px){.roadmap-app{--roadmap-sheet-height: calc(100dvh - 60px) }}@media(max-width:520px){.canvas-header .canvas-practice-switch-text .switch-label-full{display:none}.canvas-header .canvas-practice-switch-text .switch-label-short{display:inline}}@media(max-width:380px){.canvas-practice-switch{min-block-size:28px;padding:0 5px;gap:4px;font-size:10px}.canvas-practice-switch-ui{width:20px;height:12px}.canvas-practice-switch-ui:after{width:7.5px;height:7.5px}.canvas-practice-switch:has(input:checked) .canvas-practice-switch-ui:after,.canvas-practice-switch.is-checked .canvas-practice-switch-ui:after{transform:translate(8px)}}@media(prefers-reduced-motion:reduce){.roadmap-app *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@container roadmap-drawer (max-width: 22.5rem){.hub-views button{padding-inline:.1875rem;font-size:.75rem}}@media(max-width:480px){.canvas-header{height:auto;flex-wrap:wrap;gap:2px 4px;padding:3px 8px}.canvas-learning-controls{order:1;flex-basis:100%;justify-content:center;gap:8px}.canvas-header .canvas-practice-switch{min-block-size:44px;padding-inline:8px}.canvas-header .canvas-practice-switch-text .switch-label-full,.canvas-learning-controls .availability-label-full{display:inline}.canvas-header .canvas-practice-switch-text .switch-label-short,.canvas-learning-controls .availability-label-short{display:none}.canvas-learning-controls .canvas-availability{padding:0;gap:0}.canvas-learning-controls .canvas-availability>button{min-block-size:44px;padding-inline:7px;font-size:11px}.canvas-brand,.canvas-options>summary{min-width:44px;width:44px;min-height:44px;height:44px}.canvas-search{flex-basis:44px;width:44px;min-width:44px;max-width:44px;height:44px;padding-inline:14px}.canvas-search:is(:focus-within,.has-query){top:3px}.canvas-study-btn{min-block-size:44px;padding-inline:8px}.canvas-header-end{flex-shrink:0;gap:4px}}