.course-page .rail .l-zone{background:var(--ok-soft);box-shadow:inset 0 1px 0 var(--ok-line), inset 0 -1px 0 var(--ok-line);pointer-events:none;z-index:1;position:absolute;left:44px;right:0}.course-page .lp.ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .lp.warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.course-page .lp.chroma{border-color:color-mix(in oklab, var(--chroma) 55%, transparent);background:var(--chroma-soft);color:var(--chroma)}.course-page .lp.edge:after{content:"›";font-size:12px;transform:rotate(-90deg)}.course-page .lp.edge.dn:after{transform:rotate(90deg)}.course-page .lp:focus-visible{outline:2px solid var(--accent-amber-line);outline-offset:2px}.course-page .lp.dragging{cursor:grabbing}.course-page .rail .lp{min-height:var(--lp-h,20px)}@media (max-width:720px){.course-page .rail .lp{min-height:max(32px, var(--lp-h,20px));padding:0 11px}.course-page .rail button.lp:before{content:"";border-radius:999px;height:44px;position:absolute;inset:50% -6px auto;transform:translateY(-50%)}.course-page .l-arrow .l-arrow-lbl{font-size:12px}}.course-page .rail.pickable{cursor:pointer}.course-page .l-arrow.ok:before{background:var(--ok)}.course-page .l-arrow.ok .tip.up{border-bottom-color:var(--ok)}.course-page .l-arrow.ok .tip.dn{border-top-color:var(--ok)}.course-page .l-arrow.ok .eq{color:var(--ok)}.course-page .l-arrow.warn:before{background:var(--warn)}.course-page .l-arrow.warn .tip.up{border-bottom-color:var(--warn)}.course-page .l-arrow.warn .tip.dn{border-top-color:var(--warn)}.course-page .l-arrow.warn .eq{color:var(--warn)}.course-page .l-arrow.bad:before{background:repeating-linear-gradient(to bottom, var(--bad) 0, var(--bad) 3px, transparent 3px, transparent 6px)}.course-page .l-arrow.bad .tip.up{border-bottom-color:var(--bad)}.course-page .l-arrow.bad .tip.dn{border-top-color:var(--bad)}.course-page .l-arrow.bad .eq{color:var(--bad)}.course-page .l-arrow.s:before{background:var(--func-s)}.course-page .l-arrow.s .tip.up{border-bottom-color:var(--func-s)}.course-page .l-arrow.s .tip.dn{border-top-color:var(--func-s)}.course-page .l-arrow .l-arrow-lbl{white-space:normal;width:max-content;max-width:96px;line-height:1.3;font-family:var(--font-mono);color:var(--ink-muted);font-size:10.5px;font-weight:500;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.course-page .l-arrow.ok .l-arrow-lbl{color:var(--ok)}.course-page .l-arrow.warn .l-arrow-lbl{color:var(--warn)}.course-page .l-arrow.bad .l-arrow-lbl{color:var(--bad)}.course-page .rail.degrees{--deg-h:44px}.course-page .rail.degrees.compact{--deg-h:22px}.course-page .lad-thin{border:0;border-top:1px solid color-mix(in oklab, var(--ink) 6%, transparent);pointer-events:none;background:0 0;padding:0;position:absolute;left:44px;right:0}.course-page .lad-thin.pick{pointer-events:auto;cursor:pointer}.course-page .lad-thin.pick:hover{background:color-mix(in oklab, var(--ink) 4%, transparent)}.course-page .lad-deg{border:0;border-top:1px solid color-mix(in oklab, var(--ink) 10%, transparent);color:var(--ink);text-align:left;transition:background var(--dur-fast) var(--ease);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-family:inherit;display:flex;position:absolute;left:44px;right:0}.course-page button.lad-deg{cursor:pointer}.course-page button.lad-deg:hover,.course-page button.lad-deg:active{background:color-mix(in oklab, var(--ink) 6%, transparent)}.course-page .lad-deg:focus-visible{outline:2px solid var(--accent-amber-line);outline-offset:-2px}.course-page .lad-deg .ring{z-index:2;border-radius:50%;flex-shrink:0;width:12px;height:12px;position:relative}.course-page .lad-deg.tonic .ring{background:var(--accent);box-shadow:0 0 0 2px var(--bg-elevated), 0 0 0 3.5px var(--accent)}.course-page .lad-deg.stable .ring{background:var(--ok)}.course-page .lad-deg.unstable .ring{background:var(--warn)}.course-page .lad-deg .lad-rn{font-family:var(--font-display);z-index:2;min-width:26px;font-size:15px;font-style:italic;position:relative}.course-page .lad-deg.tonic .lad-rn{color:var(--accent)}.course-page .lad-deg.stable .lad-rn{color:var(--ok)}.course-page .lad-deg.unstable .lad-rn{color:var(--warn)}.course-page .lad-deg .lad-syl{font-family:var(--font-mono);color:var(--ink-muted);z-index:2;font-size:11.5px;position:relative}.course-page .lad-deg.hi{background:var(--accent-amber-soft);box-shadow:inset 0 0 0 1px var(--accent-amber-line)}.course-page .lad-deg.hi.stable{background:var(--ok-soft);box-shadow:inset 0 0 0 1px var(--ok-line)}.course-page .lad-deg.hi.unstable{background:var(--warn-soft);box-shadow:inset 0 0 0 1px var(--warn-line)}.course-page .lad-deg .flame{background:radial-gradient(closest-side, var(--accent-amber-line), transparent 72%);filter:blur(5px);pointer-events:none;z-index:1;border-radius:999px;width:90px;height:100%;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.course-page .lad-deg.stable .flame{background:radial-gradient(closest-side, var(--ok-soft), transparent 72%)}.course-page .lad-deg.unstable .flame{background:radial-gradient(closest-side, var(--warn-soft), transparent 72%)}.course-page .rail.compact .lad-deg{gap:6px;padding:0 6px}.course-page .rail.compact .lad-deg .ring{width:8px;height:8px}.course-page .rail.compact .lad-deg.tonic .ring{box-shadow:0 0 0 1.5px var(--bg-elevated), 0 0 0 2.5px var(--accent)}.course-page .rail.compact .lad-deg .lad-rn{min-width:20px;font-size:12px}.course-page .rail.compact .lad-deg .lad-syl{font-size:10px}.course-page .lad-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:6px;display:flex}.course-page .lad-drone{border:1px solid var(--line);min-width:44px;height:32px;color:var(--ink-muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border-radius:999px;margin-left:auto;padding:0 12px;font-size:12.5px;font-weight:500}.course-page .lad-drone:hover{border-color:var(--line-strong);color:var(--ink)}.course-page .lad-drone[aria-pressed=true]{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .lad-drone-ind{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:6px;font-size:11px;display:inline-flex}.course-page .lad-drone-ind[hidden]{display:none}.course-page .lad-drone-ind:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-amber-line);border-radius:50%}.course-page .contour .cser{transition:transform var(--dur) var(--ease)}.course-page .contour .ctick{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.course-page .contour .cdot.playing{filter:drop-shadow(0 0 4px var(--accent-amber-line))}.course-page .contour-wrap{width:100%;min-width:0;position:relative}.course-page .kbadge.name{font-family:var(--font-mono);color:#36322d;color:lab(21.1453% .640765 3.8159);font-size:10px;font-style:normal}.course-page .bk .kbadge.name{color:#e0deda;color:lab(88.4244% .165701 2.2838)}.course-page .kb .ring-warn .kbadge{outline:2px solid var(--accent);outline-offset:2px}.course-page .kb .ring-a{box-shadow:inset 0 0 0 3px var(--accent-amber-line)}.course-page .kb{width:100%;min-width:calc(var(--whites,1) * 28px);margin-inline:0}@media (pointer:coarse),(max-width:720px){.course-page .kb{min-width:calc(var(--whites,1) * 36px)}}.course-page .pcards.md .pcard{padding:16px 14px;font-size:18px}.course-page .pcards.picked .pcard{pointer-events:none}.course-page .pcard:disabled{cursor:default}.course-page .live{display:inline}.course-page .live-n{touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;min-width:1.4em}.course-page .live-n:focus-visible{outline:2px solid var(--accent-amber-line);outline-offset:2px;border-radius:4px}.course-page .live-range{display:none}.course-page .draw-wrap canvas{height:220px}.course-page .draw-ctl{margin:0 0 12px}.course-page .draw-staff{margin-top:14px}.course-page .count-line .crs-btn-sm{white-space:normal;width:fit-content;max-width:100%;height:auto;min-height:44px;margin:8px 0 0;display:flex}@media (max-width:960px){.course-page .pcards{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px}.course-page .three{width:100%;display:flex}.course-page .three button{flex:1;min-height:44px}.course-page .live-range{align-items:center;min-height:44px;margin:0 0 12px;display:flex}.course-page .live-range .slider{max-width:none}.course-page .rail.degrees{--deg-h:44px}.course-page .lad-drone{height:44px;padding:0 18px;font-size:14px}}
.course-page .km-card{--kmx-ease:var(--ease-out,cubic-bezier(.16, 1, .3, 1));--kmx-press:calc(var(--dur-slow) * 1.63);--kmx-glow:calc(var(--dur-slow) * 2.5);--kmx-draw:calc(var(--dur-slow) * 2.63);--kmx-tier:calc(var(--dur-slow) * 2.9);--kmx-fade:calc(var(--dur) * 3);--kmx-slide:calc(var(--dur) * 4);--kmx-pulse:calc(var(--dur-slow) * 9)}.course-page .km-card .km-part i{transform-origin:0}.course-page .km-card .km-key:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(#0000,#f2ba539e);background:linear-gradient(#0000,lab(79.1911% 13.3651 58.6741/.62));height:72%;position:absolute;bottom:0;left:0;right:0}.course-page .km-card.mini .km-key:after{display:none}.course-page .km-card .km-key.hit:not(.done):not(.current):not(.lock){background:linear-gradient(#fde8c6,#f0cb8d);background:linear-gradient(lab(93.1489% 3.51313 19.3415),lab(83.8853% 7.56824 36.2764))}.course-page .km-card .km-key.start{z-index:3}.course-page .km-card .km-key.start:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--accent-amber-line), 0 0 30px -6px var(--accent);position:absolute;inset:-1px}.course-page .km-card .km-tiers{height:32px;margin-top:8px;position:relative}.course-page .km-card .km-tier{min-width:0;padding:12px 6px 0 9px;position:absolute;top:0}.course-page .km-card .km-tier i{border:1px solid var(--line-strong);transform-origin:0;border-top:0;border-radius:0 0 5px 5px;height:7px;position:absolute;top:0;left:0;right:6px}.course-page .km-card .km-tier>span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.course-page .km-card .km-tier b{color:var(--ink-muted);font-weight:500}.course-page .km-card .km-tier.paid i{border-color:var(--accent-amber-line)}.course-page .km-card .km-tier.paid>span,.course-page .km-card .km-tier.paid b{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.course-page .km-card .km.pre .km-part i,.course-page .km-card .km.pre .km-tier i{transform:scaleX(0)}.course-page .km-card .km.pre .km-part b,.course-page .km-card .km.pre .km-part>span{opacity:0;translate:0 6px}.course-page .km-card .km.pre .km-tier>span{opacity:0;translate:0 -4px}.course-page .km-card .km.pre .km-badge{opacity:0}.course-page .km-card .km.run .km-key{animation:kmx-press var(--kmx-press) var(--kmx-ease) calc(var(--k) * var(--km-step))}.course-page .km-card .km.run .km-key:after{animation:kmx-glow var(--kmx-glow) var(--kmx-ease) calc(var(--k) * var(--km-step))}.course-page .km-card .km.run .km-part i{transition:transform var(--kmx-draw) var(--kmx-ease) calc(var(--k0) * var(--km-step))}.course-page .km-card .km.run .km-part b,.course-page .km-card .km.run .km-part>span{transition:opacity var(--kmx-fade) var(--ease) calc(var(--k0) * var(--km-step) + var(--dur-fast)), translate var(--kmx-slide) var(--kmx-ease) calc(var(--k0) * var(--km-step) + var(--dur-fast))}.course-page .km-card .km.run .km-tier i{transition:transform var(--kmx-tier) var(--kmx-ease) calc(var(--km-sweep) + var(--dur-fast))}.course-page .km-card .km.run .km-tier>span{transition:opacity var(--kmx-fade) var(--ease) calc(var(--km-sweep) + var(--dur) * 2.25), translate var(--kmx-slide) var(--kmx-ease) calc(var(--km-sweep) + var(--dur) * 2.25)}.course-page .km-card .km.run .km-badge{transition:opacity var(--kmx-fade) var(--ease) calc(var(--km-sweep) + var(--dur))}.course-page .km-card .km.pre .km-key.start:before,.course-page .km-card .km.run .km-key.start:before{opacity:0}.course-page .km-card .km.drawn .km-key.start:before{animation:kmx-start var(--kmx-pulse) ease-in-out infinite}}@keyframes kmx-press{0%{transform:none}16%{transform:translateY(calc(3px * var(--m,1)))}to{transform:none}}@keyframes kmx-glow{0%{opacity:0}14%{opacity:1}to{opacity:0}}@keyframes kmx-start{0%,to{opacity:0}50%{opacity:1}}.cdk{--cdk-ease:var(--ease-out,cubic-bezier(.16, 1, .3, 1));--cdk-slide:calc(var(--dur-slow) * 1.7);left:0;right:0;top:var(--site-header-h,56px);z-index:35;background:color-mix(in oklab, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);font-family:var(--font-sans);color:var(--ink);opacity:0;visibility:hidden;position:fixed;transform:translateY(-100%)}.cdk.on{opacity:1;visibility:visible;transform:none}.cdk-in{grid-template-columns:minmax(0,1fr) minmax(280px,440px) minmax(max-content,1fr);align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:8px 32px;display:grid}.cdk-label{flex-direction:column;gap:2px;min-width:0;display:flex}.cdk-label.swap{opacity:0;translate:0 3px}.cdk-part{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.cdk-ch{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cdk-ch em{font-family:var(--font-display);color:var(--accent);font-size:14.5px;font-style:italic}.cdk-keys{min-width:280px;height:32px;position:relative}.cdk-w{cursor:pointer;background:linear-gradient(#e9e8e5,#c9c7c3);background:linear-gradient(lab(91.8964% .107676 1.52074),lab(80.3044% .166655 2.28446));border:1px solid #302d28;border:1px solid lab(18.8249% .646725 3.82054);border-radius:0 0 3px 3px;width:5%;padding:0;position:absolute;top:0;bottom:0}.cdk-w.done{background:linear-gradient(#edcc95,#cfa354);background:linear-gradient(lab(83.8853% 6.48403 31.9036),lab(69.9227% 10.467 46.6565))}.cdk-w.lock{background:linear-gradient(#8d8c89,#706e6b);background:linear-gradient(lab(58.2563% .109941 1.52221),lab(46.664% .173479 2.28893))}.cdk-w.soon{border-style:dashed;border-color:var(--ink-faint);background:linear-gradient(#242320,#1b1917);background:linear-gradient(lab(13.5936% .303641 1.89557),lab(8.95328% .308909 1.89777))}.cdk-keys .cdk-w:not(.done):hover,.cdk-keys .cdk-w:not(.done).hov{background:linear-gradient(#fff7e2,#f9daa1);background:linear-gradient(lab(97.8202% 1.49742 15.5161),lab(88.566% 5.4653 31.9582))}.cdk-w:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:4}.cdk-b{z-index:3;pointer-events:none;background:linear-gradient(#2b2825,#070604);background:linear-gradient(lab(16.5006% .50649 3.04802),lab(1.56487% .113577 .596616));border:1px solid #010101;border:1px solid lab(.30983% 0 -.00000298023);border-radius:0 0 2px 2px;width:3%;height:58%;position:absolute;top:0}.cdk-ind{z-index:2;pointer-events:none;background:linear-gradient(#ffe4af, var(--accent));width:5%;box-shadow:0 0 18px -2px var(--accent);border-radius:0 0 3px 3px;position:absolute;top:0;bottom:0;left:0}@supports (color:lab(0% 0 0)){.cdk-ind{background:linear-gradient(lab(92.0593% 7.32163 40.6357), var(--accent))}}.cdk-ind.dim{opacity:.4}.cdk-tip{background:var(--bg-elevated-2);border:1px solid var(--line-strong);white-space:nowrap;opacity:0;pointer-events:none;border-radius:7px;padding:4px 9px;font-size:11.5px;position:absolute;top:calc(100% + 8px);transform:translate(-50%)}.cdk-tip.on{opacity:1}.cdk-tip em{font-family:var(--font-display);color:var(--accent);font-style:italic}.cdk-cta{background:var(--accent);height:36px;color:var(--accent-foreground);white-space:nowrap;border-radius:999px;justify-content:center;justify-self:end;align-items:center;padding:0 18px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.cdk-cta:hover{background:var(--accent-amber-strong);color:var(--accent-foreground)}@media (hover:hover){.cdk-cta:hover{box-shadow:0 10px 30px -12px var(--accent)}}.cdk-cta:active{transform:scale(.98)}.cdk-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse) and (min-width:721px){.cdk-keys,.cdk-cta{height:44px}}@media (prefers-reduced-motion:no-preference){.cdk{transition:transform var(--cdk-slide) var(--cdk-ease), opacity calc(var(--dur) * 2) var(--ease), visibility 0s linear var(--cdk-slide)}.cdk.on{transition:transform var(--cdk-slide) var(--cdk-ease), opacity calc(var(--dur) * 2) var(--ease), visibility 0s}.cdk-label{transition:opacity var(--dur) var(--ease), translate var(--dur-slow) var(--cdk-ease)}.cdk-ind{transition:transform calc(var(--dur) * 3) var(--cdk-ease), opacity var(--dur-slow)}.cdk-w{transition:background var(--dur)}.cdk-tip{transition:opacity var(--dur-fast)}.cdk-cta{transition:background var(--dur) var(--ease), transform calc(var(--dur) * 2) var(--cdk-ease), box-shadow calc(var(--dur) * 2) var(--cdk-ease)}}@media (max-width:720px){.cdk{top:auto;bottom:var(--cookie-notice-h,0px);border-bottom:0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);transform:translateY(100%)}.cdk-in{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:10px 16px}.cdk-label{display:none}.cdk-keys{min-width:0;height:30px}.cdk-w:after{content:"";position:absolute;inset:-7px 0}.cdk-cta{height:40px;padding:0 16px}}
.course-page .tile small{color:var(--ink-subtle);margin-top:3px;font-size:11.5px;font-weight:400;display:block}.course-page .tile:disabled{cursor:default}.course-page .tile-mark{margin-right:6px;font-size:13px;font-style:normal}.course-page .chk-intro{margin:-6px 0 14px}.course-page .chk-why-slot{min-height:1.6em}.course-page .chk-extra{margin-top:6px}.course-page .chk-extra-row{margin-top:14px}.course-page .sum-title{letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:500}.course-page .sum-title em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.course-page .hear.on .pl{border-color:var(--accent);background:var(--accent-amber-soft)}.course-page .sum-replay{margin-top:16px}.course-page .sum-practice{margin-top:20px}.course-page .sum-practice .caption{flex-basis:100%}.course-page .pr-note{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-amber-line);background:var(--accent-amber-soft);white-space:nowrap;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:10.5px}.course-page .crs-btn-g:has(>.pr-note){white-space:normal;text-align:left;border-radius:16px;flex-wrap:wrap;row-gap:4px;height:auto;min-height:46px;padding-block:8px}@media (max-width:720px){.course-page .pr-note{margin-left:0}}.course-page .sum-side{flex-direction:column;gap:14px;min-width:0;display:flex}.course-page .sum-fine{text-align:center}.course-page .sum-keys{width:100%;min-width:0}.course-page .sum-keys-cap{text-align:center;display:block}.course-page .next-row{margin-top:16px}.course-page .sum-wrap{flex-direction:column;gap:18px;display:flex}.course-page .sum-wrap>.next-card{margin-top:0}.course-page .teaser-line{margin-top:14px}.course-page .teaser-cta{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.course-page .teaser-cta .paywall,.course-page .paywall.embedded{background:0 0;border:0;padding:0}.course-page .flag-mini{padding:var(--crs-pad,20px);border:1px solid var(--line);background:var(--bg-elevated);color:inherit;transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:14px;grid-template-columns:minmax(0,1fr) 232px;align-items:center;gap:20px;margin-top:18px;text-decoration:none;display:grid}@media (hover:hover){.course-page .flag-mini:hover{border-color:var(--accent-amber-line);transform:translateY(-2px)}}.course-page .flag-mini h4{margin:6px 0 8px;font-size:17px;font-weight:500}.course-page .flag-mini h4 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.course-page .flag-mini .obj-note{margin:0}.course-page .flag-mini-staff{min-width:0}.course-page .mini-hook{margin-top:14px}.course-page .obj>.mini-hook{margin-top:0}.course-page .mini-hook-lead{color:var(--ink);margin:0 0 14px}.course-page .mini-hook-cards{margin-top:14px}.course-page .mini-hook-out{min-height:2.6em}.course-page .mini-hook.compact .pcard{padding:14px 12px;font-size:19px}.course-page .tap-pad{--tp-size:200px;width:var(--tp-size);height:var(--tp-size);border:1px solid var(--line-strong);background:var(--bg-elevated-2);color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.course-page .tap-pad.big{--tp-size:240px}.course-page .tap-pad.targets{background:var(--accent);color:var(--accent-foreground);font-family:var(--font-display);border-color:#0000;font-size:22px;font-style:italic}.course-page .tap-pad.idle{opacity:.55;cursor:default;background:var(--bg-elevated);color:var(--ink-muted);font-family:var(--font-sans);font-size:13px;font-style:normal}.course-page .tap-pad.live:hover{border-color:var(--accent-amber-line)}.course-page .tap-pad.live:active{background:var(--accent-amber-soft)}.course-page .tap-pad.targets.live:active{background:var(--accent-amber-strong)}.course-page .tp-label{z-index:1;text-align:center;padding:0 14px;position:relative}.course-page .tp-hit{background:var(--accent-amber-soft);box-shadow:inset 0 0 0 3px var(--accent);opacity:0;animation:tp-hit var(--flash-ms) var(--ease) forwards;pointer-events:none;border-radius:50%;position:absolute;inset:0}@keyframes tp-hit{0%{opacity:1}to{opacity:0}}@media (max-width:600px){.course-page .tap-pad{--tp-size:min(60vw, 200px);min-width:72px;min-height:72px}.course-page .tap-pad.big{--tp-size:min(70vw, 240px)}}.course-page .bring{--bring-size:min(var(--bring-max,240px), calc(100vw - 104px));width:var(--bring-size);height:var(--bring-size);transition:opacity var(--dur-fast) var(--ease);border-radius:50%;margin:0 auto;position:relative}.course-page .bring.muted{opacity:.4}.course-page .bring-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.course-page .bring-dot{background:var(--bg-elevated-2);border:1px solid var(--line-strong);width:14px;height:14px;transform:rotate(var(--a)) translateY(calc(var(--bring-size) / -2 + 7px)) rotate(calc(var(--a) * -1));transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.course-page .bring-dot.ok{background:var(--ok);border-color:#0000}.course-page .bring-dot.warn,.course-page .bring-dot.early,.course-page .bring-dot.late,.course-page .bring-dot.weak{background:var(--warn);border-color:#0000}.course-page .bring-now{border:2px solid var(--accent);box-shadow:0 0 10px var(--accent-amber-line);pointer-events:none;border-radius:50%;position:absolute;inset:-4px}.course-page .bring-lbl{font-family:var(--font-mono);color:var(--warn);white-space:normal;text-align:center;pointer-events:none;width:max-content;max-width:72px;font-size:10.5px;font-weight:500;position:absolute;top:100%;left:50%;transform:translate(-50%,4px)}.course-page .agrid{align-items:flex-end;gap:0;width:100%;min-height:92px;display:flex}.course-page .acell-wrap{flex:1 1 0;align-items:flex-end;min-width:0;display:flex;position:relative}.course-page .asep{width:1px;transition:background var(--dur-fast) var(--ease);background:0 0;flex:0 0 1px;align-self:stretch;margin:0 5px}.course-page .asep.on{background:var(--line-strong)}.course-page .acell{border:1px solid var(--line);background:var(--bg-elevated-2);min-width:0;height:56px;color:var(--ink-muted);cursor:default;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:10px 10px 4px 4px;flex:1 1 0;justify-content:center;align-items:flex-start;padding-top:6px;display:flex;position:relative}.course-page .agrid.edit .acell{cursor:pointer}.course-page .agrid.edit .acell:hover{border-color:var(--line-strong)}.course-page .acell.acc{background:var(--accent-amber-soft);border-color:var(--accent-amber-line);height:78px;color:var(--accent)}.course-page .acell.med{background:color-mix(in oklab, var(--accent-amber-soft) 55%, transparent);border-color:var(--line-strong);height:66px;color:var(--ink)}.course-page .aflash{border-radius:inherit;border:2px solid var(--accent);box-shadow:0 0 10px var(--accent-amber-line);pointer-events:none;position:absolute;inset:-1px}.course-page .agl{gap:2px;font-size:18px;line-height:1;display:inline-flex}.course-page .agl span{transition:color var(--dur-fast) var(--ease)}.course-page .agl span.lit{color:var(--accent)}.course-page .albl{font-family:var(--font-mono);color:var(--accent);font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%,4px)}@media (max-width:600px){.course-page .acell{height:56px}.course-page .acell.acc{height:78px}.course-page .acell.med{height:66px}.course-page .asep{margin:0 3px}}.course-page .rnodes-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;display:flex}.course-page .rn-grp{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.course-page .rnode{min-width:44px;min-height:44px;font-family:var(--font-display);cursor:pointer;transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 14px;font-size:18px;font-style:italic}@media (hover:hover){.course-page .rnode:hover{transform:translateY(-2px)}}.course-page .rnode.t{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line,var(--ok-soft))}.course-page .rnode.d{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line,var(--warn-soft))}.course-page .rnode.lit{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-amber-soft)}.course-page .rn-arrow{color:var(--ink-subtle);padding:0 2px;font-size:14px}.course-page .rnodes-cap{min-height:2.6em;margin-top:14px}.course-page .rnodes .ctl-row{margin-top:12px}.course-page .fm-under{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:20px;margin-top:14px;display:grid}.course-page .fm-bench{gap:9px}.course-page .bench-tile{border:1px solid var(--line);background:var(--bg-elevated-2);min-width:72px;min-height:56px;color:var(--ink);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 14px;display:inline-flex}.course-page .bench-tile b{font-family:var(--font-display);font-size:19px;font-style:italic;font-weight:400;line-height:1.1}.course-page .bench-tile small{font-family:var(--font-mono);color:var(--ink-subtle);font-size:11px}@media (hover:hover){.course-page .bench-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}}.course-page .bench-tile.tried{border-style:dashed}.course-page .bench-tile.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);border-style:solid}.course-page .bench-tile.on b{color:var(--accent)}.course-page .bench-tile.point{border-color:var(--ok-line,var(--ok))}.course-page .bench-tile.point b{color:var(--ok)}.course-page .fm-verdict{min-height:2.6em}.course-page .fm-ladder{min-width:0}.course-page .fm-ask{margin-top:14px}.course-page .fm-cards{margin-top:12px}.course-page .fm-out{min-height:2.6em}@media (max-width:960px){.course-page .fm-under{grid-template-columns:minmax(0,1fr)}.course-page .fm-bench .bench-tile{flex:1 1 0}}.course-page .perform-rec{transition:opacity var(--dur-fast) var(--ease);margin-top:16px}.course-page .perform-rec.dim{opacity:.6}.course-page .perform-hint{margin-top:10px}.course-page .perform-err{color:var(--bad)}.course-page .perform-verdict{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:20px;margin-top:16px;padding-top:16px;display:grid}.course-page .perform-ladder{min-width:0}.course-page .perform-word-wrap{flex-direction:column;gap:8px;display:flex}.course-page .perform-word{font-family:var(--font-display);font-size:34px;font-style:italic;line-height:1}.course-page .perform-word.ok{color:var(--ok)}.course-page .perform-word.warn{color:var(--warn)}.course-page .perform-word.bad{color:var(--bad)}.course-page .perform-sub{margin:0}.course-page .perform-again{margin-top:8px}@media (max-width:960px){.course-page .perform-verdict{grid-template-columns:minmax(0,1fr)}.course-page .perform-word-wrap{order:-1}.course-page .flag-mini{grid-template-columns:minmax(0,1fr)}.course-page .flag-mini-staff{max-width:232px}}
.course-page .ch1-in,.course-page .pcards.ch1-in{margin-top:16px}.course-page .ch1-hook-slot{--slot:386px;position:relative}.course-page .obj-row.ch1-hook-row{grid-template-columns:minmax(0,1fr) 340px;align-items:start;padding-top:16px}.course-page .ch1-split{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.course-page .ch1-rail-col{width:100%}.course-page .ch1-display{font-family:var(--font-display);color:var(--accent);margin-top:4px;font-size:34px;font-style:italic;line-height:1.1}.course-page .ch1-kb{margin-top:16px}.course-page .ch1-q{margin:6px 0 12px;font-size:16px}.course-page .ch1-hint{min-height:18px}.course-page .ch1-warn,.course-page .ch1-warn b{color:var(--warn)}.course-page .ch1-flash .l-brk.a{border-color:var(--accent-amber-strong);box-shadow:0 0 22px var(--accent), 0 0 10px var(--accent-amber-line)}.course-page .ch1-slot{--slot:340px;position:relative}.course-page .ch1-sep{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.course-page .ch1-broken{color:var(--bad);border-color:var(--bad-line)}.course-page .ch1-view{align-content:center;min-height:288px;margin-top:16px;display:grid}.course-page .ch1-sandbox{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.course-page .ch1-free-on{color:var(--accent);border-color:var(--accent-amber-line)}.course-page .ch1-mel-pick{flex-wrap:wrap;gap:6px;display:inline-flex}.course-page .ch1-on{color:var(--accent);border-color:var(--accent-amber-line);background:var(--accent-amber-soft)}@media (max-width:960px){.course-page .ch1-split,.course-page .obj-row.ch1-hook-row{grid-template-columns:minmax(0,1fr);gap:16px}.course-page .ch1-slider{display:none}.course-page .ch1-hook-slot,.course-page .ch1-slot{--slot:0px}.course-page .ch1-view{align-content:start;min-height:0}}
.course-page{--func-t:var(--ok);--func-s:#69cee6;--func-d:#f99549;--chroma:#b699eb;--chroma-soft:#b699eb26;--dur-ring:calc(var(--dur-slow) * 2.4);--crs-pad:20px;font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}@supports (color:lab(0% 0 0)){.course-page{--func-s:lab(77.4547% -25.9725 -21.3308);--func-d:lab(71.4182% 34.3247 55.362);--chroma:lab(68.2599% 23.7434 -37.7369);--chroma-soft:lab(68.2599% 23.7434 -37.7369/.15)}}.course-page a{color:inherit;text-decoration:none}.course-page button{cursor:pointer;font-family:inherit}.course-page :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.course-page .caption{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-size:11px;font-weight:500}.course-page .mono{font-family:var(--font-mono)}.course-page .crs-fine{color:var(--ink-subtle);max-width:70ch;font-size:11.5px;line-height:1.5}.course-page .crs-wrap{max-width:1180px;margin:0 auto;padding:0 32px}.course-page .crs-btn{background:var(--accent);height:46px;color:var(--accent-foreground);white-space:nowrap;transition:background var(--dur) var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:14.5px;font-weight:600;display:inline-flex}.course-page .crs-btn:hover{background:var(--accent-amber-strong)}.course-page .crs-btn:disabled{opacity:.5;cursor:default}.course-page .crs-btn-g{height:46px;color:var(--ink);border:1px solid var(--line-input);white-space:nowrap;transition:border-color var(--dur), color var(--dur);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.course-page .crs-btn-g:hover{border-color:var(--accent-amber-line);color:var(--accent)}.course-page .crs-btn-g:disabled{opacity:.4;cursor:default}.course-page .crs-btn-sm{height:36px;color:var(--ink);border:1px solid var(--line-input);white-space:nowrap;transition:border-color var(--dur), color var(--dur);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:500;display:inline-flex}.course-page .crs-btn-sm:hover{border-color:var(--accent-amber-line);color:var(--accent)}.course-page .disc{background:var(--accent-foreground);width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.course-page .chip-s{border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;display:inline-flex}.course-page .chip-s b{color:var(--ink);font-weight:500}.course-page .km-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;margin-top:34px;padding:16px 16px 12px;position:relative;box-shadow:0 30px 80px -50px #f2ba5359;box-shadow:0 30px 80px -50px lab(79.1911% 13.3651 58.6741/.35)}.course-page .km-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:12px;display:flex}.course-page .km-head .caption{white-space:nowrap}.course-page .km-scroll{scrollbar-width:thin;padding-bottom:2px;overflow:auto visible}.course-page .km{-webkit-user-select:none;user-select:none;position:relative}.course-page .km-parts{height:48px;position:relative}.course-page .km-part{flex-direction:column;gap:1px;min-width:0;padding-bottom:11px;padding-left:9px;display:flex;position:absolute;top:0}.course-page .km-part i{border:1px solid var(--accent-amber-line);border-bottom:0;border-radius:5px 5px 0 0;height:7px;position:absolute;bottom:0;left:0;right:6px}.course-page .km-part b{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap;font-size:9.5px;font-weight:500}.course-page .km-part>span{font-family:var(--font-display);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-style:italic;overflow:hidden}.course-page .km-keys{height:158px;position:relative}.course-page .km-key{transition:background var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);background:linear-gradient(#f6f5f3,#dedcd8);background:linear-gradient(lab(96.5324% .0797212 1.13989),lab(87.8444% .165761 2.28384));border:1px solid #36322d;border:1px solid lab(21.1453% .640765 3.8159);border-radius:0 0 7px 7px;padding:0;position:absolute;top:0;bottom:0;box-shadow:inset -2px 0 3px -1px #75716b59;box-shadow:inset -2px 0 3px -1px lab(47.8274% .603139 3.78824/.35)}.course-page button.km-key:hover{z-index:3;background:linear-gradient(#fff,#efece8);background:linear-gradient(lab(100.012% .0795126 1.13986),lab(93.6445% .165105 2.28344))}.course-page .km-key.hit{transform:translateY(2px)}.course-page .km-rn{font-family:var(--font-display);color:#302d28;color:lab(18.8249% .646725 3.82054);text-align:center;letter-spacing:.02em;font-size:15px;font-style:italic;line-height:1;position:absolute;bottom:9px;left:0;right:0}.course-page .km-key.done{background:linear-gradient(#ffe4b5,#eeb957);background:linear-gradient(lab(92.0159% 7.38329 36.0116),lab(78.6178% 12.7111 56.0356));border-color:#a27825;border-color:lab(53.6294% 11.3719 49.4971)}.course-page .km-key.done .km-rn{color:#312103;color:lab(14.1672% 5.27196 19.6478)}.course-page .km-key.current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 26px -4px var(--accent), inset -2px 0 3px -1px #75716b59;z-index:4;background:linear-gradient(#fff,#eae8e3);background:linear-gradient(lab(100.016% .107408 1.52051),lab(91.9044% .165313 2.28355))}@supports (color:lab(0% 0 0)){.course-page .km-key.current{box-shadow:0 0 0 2px var(--accent), 0 0 26px -4px var(--accent), inset -2px 0 3px -1px lab(47.8274% .603139 3.78824/.35)}}.course-page .km-key.current .km-rn{color:#271e0e;color:lab(11.8728% 2.67886 11.6086);font-size:17px}.course-page .km-key.lock{background:linear-gradient(#a6a4a2,#868481);background:linear-gradient(lab(67.5364% .109166 1.52169),lab(55.3641% .171125 2.28735));border-color:#3f3d38;border-color:lab(25.7814% .491887 3.03722)}.course-page .km-key.lock .km-rn{color:#1d1a15;color:lab(9.543% .681005 3.81508)}.course-page button.km-key.done:hover{background:linear-gradient(#ffe4b5,#eeb957);background:linear-gradient(lab(92.0159% 7.38329 36.0116),lab(78.6178% 12.7111 56.0356))}.course-page button.km-key.current:hover{z-index:4;background:linear-gradient(#fff,#eae8e3);background:linear-gradient(lab(100.016% .107408 1.52051),lab(91.9044% .165313 2.28355))}.course-page button.km-key.lock:hover{background:linear-gradient(#b9b7b3,#979590);background:linear-gradient(lab(74.5043% .167489 2.28498),lab(61.7518% .233233 3.05322))}.course-page .km-key.soon{border-color:var(--ink-faint);background:linear-gradient(#242320,#1b1917);background:linear-gradient(lab(13.5936% .303641 1.89557),lab(8.95328% .308909 1.89777));border-style:dashed}.course-page .km-key.soon .km-rn{color:#b9b7b3;color:lab(74.5043% .167489 2.28498)}.course-page button.km-key.soon:hover{background:linear-gradient(#2f2d2a,#242320);background:linear-gradient(lab(18.8163% .365034 2.27516),lab(13.5936% .303641 1.89557))}.course-page .km-now{font-family:var(--font-mono);background:var(--accent);color:var(--accent-foreground);white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:9px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.course-page .km-lock{width:12px;height:13px;display:block;position:absolute;top:11px;left:50%;transform:translate(-50%)}.course-page .km-lock svg{width:12px;height:13px;display:block}.course-page .km-lock rect{fill:#1d1a15;fill:lab(9.543% .681005 3.81508)}.course-page .km-lock path{fill:none;stroke:#1d1a15;stroke:lab(9.543% .681005 3.81508);stroke-width:1.3px}.course-page .km-flag{font-family:var(--font-music);color:#59441f;color:lab(30.444% 5.72899 25.4977);pointer-events:none;font-size:22px;line-height:1;position:absolute;top:30px;left:50%;transform:translate(-50%)}.course-page .km-key.soon .km-flag{color:#a6a4a0;color:lab(67.5443% .168622 2.28571)}.course-page .km-bk{z-index:5;pointer-events:none;background:linear-gradient(#2d2b27,#090806);background:linear-gradient(lab(17.6607% .504226 3.04632),lab(2.22763% .140801 .759897));border:1px solid #010101;border:1px solid lab(.30983% 0 -.00000298023);border-radius:0 0 5px 5px;height:62%;position:absolute;top:0;box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px lab(0% 0 0/.5)}.course-page .km-tip{pointer-events:none;opacity:0;background:var(--bg-elevated-2);border:1px solid var(--line-strong);white-space:nowrap;z-index:20;transition:opacity var(--dur-fast);border-radius:9px;padding:7px 11px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 12px 30px -14px #000c;box-shadow:0 12px 30px -14px lab(0% 0 0/.8)}.course-page .km-tip.on{opacity:1}.course-page .km-tip b{font-weight:500}.course-page .km-tip em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.course-page .km-tip>span{color:var(--ink-subtle);font-family:var(--font-mono);margin-top:1px;font-size:10.5px;display:block}.course-page .km-card.mini{background:var(--bg-sunken);box-shadow:none;border-radius:12px;margin-top:0;padding:9px 10px}.course-page .km-card.mini .km-keys{height:46px}.course-page .km-card.mini .km-key{border-radius:0 0 4px 4px}.course-page .km-card.mini .km-key.current{box-shadow:0 0 0 2px var(--accent), 0 0 18px -4px var(--accent)}.course-page .km-card.mini .km-bk{border-radius:0 0 3px 3px;height:58%}.course-page .km-card.mini .km-rn,.course-page .km-card.mini .km-flag,.course-page .km-card.mini .km-lock,.course-page .km-card.mini .km-now{display:none}@media (hover:hover){.course-page .pcard:hover{transform:translateY(-2px)}}.course-page .flag-staff{background:var(--bg-sunken);border:1px solid var(--line);border-radius:12px;height:96px;position:relative;overflow:hidden}.course-page .flag-staff .lines{background-image:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--ink) 20%, transparent) 0, color-mix(in oklab, var(--ink) 20%, transparent) 1px, transparent 1px, transparent 10px);background-repeat:no-repeat;background-size:100% 41px;height:41px;position:absolute;top:50%;left:44px;right:14px;transform:translateY(-50%)}.course-page .flag-staff .clef{font-family:var(--font-display);color:var(--ink-muted);font-size:56px;font-style:italic;line-height:1;position:absolute;top:50%;left:12px;transform:translateY(-54%)}.course-page .flag-staff .hd{border:1.5px solid var(--ink-subtle);background:0 0;border-radius:50%;width:13px;height:10px;position:absolute;transform:rotate(-22deg)}.course-page .flag-staff .bar{background:color-mix(in oklab, var(--ink) 20%, transparent);width:1px;height:42px;position:absolute;top:calc(50% - 21px)}.course-page .crs-bar{top:var(--site-header-h,56px);z-index:30;background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky}.course-page .bar-in{align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:11px 32px;display:flex}.course-page .bar-crumb{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);white-space:nowrap;text-overflow:ellipsis;max-width:42%;font-size:11px;overflow:hidden}.course-page .bar-crumb a{color:var(--ink-subtle);transition:color var(--dur) var(--ease)}.course-page .bar-crumb a:hover{color:var(--ink)}.course-page .bar-crumb b{color:var(--ink);font-weight:500}.course-page .segs{flex:1;gap:4px;min-width:0;display:flex}.course-page .seg{background:var(--bg-elevated-2);height:5px;transition:background var(--dur);border:0;border-radius:999px;flex:1;padding:0;position:relative}.course-page .seg.done{background:var(--ink)}.course-page .seg.now{background:var(--accent);box-shadow:0 0 12px var(--accent-amber-line)}.course-page .seg.locked{background:var(--bg-elevated-2);opacity:.55}.course-page .seg .dot{background:var(--ink-subtle);border-radius:50%;width:4px;height:4px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.course-page .seg.done .dot,.course-page .seg.now .dot{background:var(--accent)}.course-page .seg .lk{color:var(--ink-faint);font-size:8px;font-style:normal;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.course-page .bar-count{font-family:var(--font-mono);color:var(--ink-muted);white-space:nowrap;font-size:12px}.course-page .crs-body{grid-template-columns:208px minmax(0,1fr);align-items:start;gap:24px 34px;max-width:1180px;margin:0 auto;padding:26px 32px 60px;display:grid}.course-page .crs-rail-nav{top:calc(var(--site-header-h,56px) + 62px);flex-direction:column;gap:14px;display:flex;position:sticky}.course-page .rn-list{flex-direction:column;gap:1px;display:flex}.course-page .rn-item{color:var(--ink-subtle);text-align:left;transition:color var(--dur), background var(--dur);background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:6px 8px;font-size:12.5px;display:flex}.course-page .rn-item i{background:var(--bg-elevated-2);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.course-page .rn-item.done i{background:var(--ink-faint)}.course-page .rn-item.now{color:var(--ink);background:var(--bg-elevated)}.course-page .rn-item.now i{background:var(--accent)}.course-page .rn-item.locked{opacity:.55}.course-page .rn-item:hover{color:var(--ink-muted)}.course-page .rn-t{flex-direction:column;gap:1px;min-width:0;display:flex}.course-page .rn-kind{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:10.5px}.course-page .rn-chapters{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding-top:12px;display:flex}.course-page .rn-ch{color:var(--ink-subtle);transition:color var(--dur);border-radius:6px;padding:3px 8px;font-size:12px}.course-page a.rn-ch:hover{color:var(--ink)}.course-page .rn-ch.on{color:var(--accent);background:var(--accent-amber-soft)}.course-page .rn-ch.soon{color:var(--ink-faint)}.course-page .crs-stage{min-width:0}.course-page .crs-stage.in{animation:crs-stage-in var(--dur) var(--ease) both}@keyframes crs-stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.course-page .step{flex-direction:column;gap:18px;display:flex}.course-page .step-kind{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-subtle);align-items:center;gap:9px;font-size:10.5px;display:flex}.course-page .step-kind .k{color:var(--accent)}.course-page .step h2{letter-spacing:-.025em;max-width:40ch;margin:6px 0 0;font-size:clamp(24px,3.2vw,34px);font-weight:400;line-height:1.1}.course-page .step h2 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.course-page .step-prose{color:var(--ink-muted);max-width:58ch;margin:0;font-size:15px;line-height:1.6}.course-page .step-prose b{color:var(--ink);font-weight:500}.course-page .obj{background:var(--bg-elevated);border:1px solid var(--line);padding:var(--crs-pad);border-radius:16px}.course-page .obj.sunken{background:var(--bg-sunken)}.course-page .obj-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:22px;display:grid}.course-page .obj-split{grid-template-columns:minmax(0, 1fr) var(--split,280px);align-items:start;gap:22px;display:grid}.course-page .obj-note{color:var(--ink-muted);max-width:62ch;margin:12px 0 0;font-size:13px;line-height:1.55}.course-page .obj-note b{color:var(--ink);font-weight:500}.course-page .ctl-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.course-page .reveal{transition:grid-template-rows var(--dur-slow) var(--ease);grid-template-rows:0fr;display:grid}.course-page .reveal>div{min-height:0;overflow:hidden}.course-page .reveal.on{grid-template-rows:1fr}.course-page .slot{min-height:var(--slot,0px)}.course-page .slot:has(>.slot-empty){position:relative}.course-page .slot-empty{text-align:center;padding:0 var(--crs-pad);color:var(--ink-faint);pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.course-page .pcards{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;margin-top:2px;display:grid}.course-page .pcard{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;border:1px solid var(--line);background:var(--bg-elevated);min-width:0;color:var(--ink);font-family:var(--font-display);transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast);border-radius:14px;padding:22px 18px;font-size:22px;font-style:italic;line-height:1.15}.course-page .pcard small{font-family:var(--font-sans);color:var(--ink-subtle);margin-top:5px;font-size:11.5px;font-style:normal;display:block}.course-page .pcard:hover{border-color:var(--line-strong)}.course-page .pcard.dim,.course-page .pcard:disabled{opacity:.45;pointer-events:none}.course-page .pcard.correct{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .pcard.wrong{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.course-page .hint-need{color:var(--ink-faint);margin-top:8px;font-size:12px}.course-page .absw{flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}@media (min-width:961px){.course-page .pcards{grid-auto-columns:minmax(0,200px);justify-content:start}.course-page .absw{grid-auto-columns:minmax(0,120px);justify-content:start}}.course-page .ab{border:1px solid var(--line);min-width:44px;height:44px;color:var(--ink-muted);transition:color var(--dur-fast), border-color var(--dur-fast), background var(--dur-fast);background:0 0;border-radius:999px;padding:0 14px;font-size:14px;font-weight:500}.course-page .ab:hover{color:var(--ink);border-color:var(--line-strong)}.course-page .ab.on{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .rail{width:100%;min-width:0;position:relative}.course-page .rail-body{background-image:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--ink) 6%, transparent) 0, color-mix(in oklab, var(--ink) 6%, transparent) 1px, transparent 1px, transparent var(--rh,11px));pointer-events:none;position:absolute;inset:0}.course-page .rail .band{background:var(--bg-elevated-2);opacity:.5;pointer-events:none;position:absolute;left:44px;right:0}.course-page .rail .oct{font-family:var(--font-mono);color:var(--ink-subtle);pointer-events:none;font-size:10px;position:absolute;left:0}.course-page .lp{border:1px solid var(--line-strong);background:var(--bg-elevated-2);height:20px;color:var(--ink);font-family:var(--font-mono);white-space:nowrap;z-index:3;transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:10.5px;display:inline-flex;position:absolute;transform:translateY(-50%)}.course-page .lp span{z-index:2;position:relative}.course-page .lp em{color:var(--ink-subtle);border-left:1px solid var(--line-strong);padding-left:5px;font-size:9.5px;font-style:normal}.course-page .lp.a{border-color:var(--accent-amber-line);background:var(--accent-amber-soft);color:var(--accent)}.course-page .lp.s{color:var(--func-s);background:#69cee629;background:lab(77.4547% -25.9725 -21.3308/.16);border-color:#69cee666;border-color:lab(77.4547% -25.9725 -21.3308/.4)}.course-page .lp.ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.course-page .lp.warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.course-page .lp.bad{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.course-page .lp.marker{z-index:4;border-style:dashed}.course-page .lp.drag{cursor:grab;touch-action:none;box-shadow:0 2px 10px #0006;box-shadow:0 2px 10px lab(0% 0 0/.4)}.course-page .lp.drag:before{content:"";border-radius:999px;position:absolute;inset:-12px -8px}.course-page .lp .flame{background:radial-gradient(closest-side, var(--accent-amber-line), transparent 72%);filter:blur(4px);pointer-events:none;z-index:1;border-radius:999px;width:56px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-page .l-arrow{z-index:2;justify-content:center;align-items:center;width:14px;display:flex;position:absolute}.course-page .l-arrow:before{content:"";background:var(--accent);width:1.5px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.course-page .l-arrow .tip{border-left:4.5px solid #0000;border-right:4.5px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.course-page .l-arrow .tip.up{border-bottom:7px solid var(--accent);top:-1px}.course-page .l-arrow .tip.dn{border-top:7px solid var(--accent);bottom:-1px}.course-page .l-arrow .eq{font-family:var(--font-mono);color:var(--accent);background:var(--bg-elevated);padding:0 3px;font-size:12px;position:relative}.course-page .l-brk{border-left:1.5px solid var(--ink-subtle);border-top:1.5px solid var(--ink-subtle);border-bottom:1.5px solid var(--ink-subtle);z-index:2;border-radius:2px 0 0 2px;align-items:center;width:10px;display:flex;position:absolute}.course-page .l-brk b{white-space:normal;width:max-content;max-width:96px;line-height:1.3;font-family:var(--font-mono);color:var(--ink-muted);font-size:10.5px;font-weight:500;position:absolute;left:14px}.course-page .l-brk.a{border-color:var(--accent);box-shadow:0 0 14px var(--accent-amber-line)}.course-page .l-brk.a b{color:var(--accent)}.course-page .l-brk.w{border-color:var(--warn)}.course-page .l-brk.w b{color:var(--warn)}.course-page .contour{width:100%;display:block}.course-page .cband{fill:var(--bg-elevated-2);opacity:.45}.course-page .cax{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.course-page .cline{fill:none;stroke-width:1.6px;vector-effect:non-scaling-stroke}.course-page .cline.a{stroke:var(--accent)}.course-page .cline.s{stroke:var(--func-s)}.course-page .cdot.a{fill:var(--accent)}.course-page .cdot.s{fill:var(--func-s)}.course-page .cdot.broken{fill:var(--bad)}.course-page .moves{font-family:var(--font-mono);color:var(--ink-subtle);gap:0;margin-top:8px;font-size:10.5px;display:flex}.course-page .moves span{text-align:center;flex:1}.course-page .moves span.b{color:var(--bad)}.course-page .kb-scroll{border-radius:9px;overflow-x:auto}.course-page .kb{-webkit-user-select:none;user-select:none;height:132px;position:relative}.course-page .wk{transition:background var(--dur-fast);background:linear-gradient(#f6f5f3,#e0deda);background:linear-gradient(lab(96.5324% .0797212 1.13989),lab(88.4244% .165701 2.2838));border:1px solid #302d28;border:1px solid lab(18.8249% .646725 3.82054);border-radius:0 0 6px 6px;padding:0;position:absolute;top:0;bottom:0}.course-page .wk:hover{background:linear-gradient(#fdfcf9,#edebe7);background:linear-gradient(lab(98.8524% .0796616 1.13986),lab(93.0644% .165164 2.28349))}.course-page .bk{z-index:2;height:60%;transition:background var(--dur-fast);background:linear-gradient(#302d29,#0a0907);background:linear-gradient(lab(18.8208% .502124 3.04474),lab(2.48427% .150532 .818706));border:1px solid #020202;border:1px solid lab(.462488% 0 0);border-radius:0 0 5px 5px;padding:0;position:absolute;top:0}.course-page .bk:hover{background:linear-gradient(#3f3d38,#171614);background:linear-gradient(lab(25.7814% .491887 3.03722),lab(7.23865% .292256 1.69541))}.course-page .wk.play-on,.course-page .wk.hit{background:linear-gradient(#fae5c3,#edc889);background:linear-gradient(lab(91.9885% 3.52108 19.3488),lab(82.7237% 7.59697 36.3195))}.course-page .bk.play-on,.course-page .bk.hit{background:linear-gradient(#846324,#45310b);background:linear-gradient(lab(44.3568% 9.08944 39.6956),lab(22.2973% 6.18184 26.7927))}.course-page .kbadge{font-family:var(--font-display);pointer-events:none;color:#0000;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:12px;font-style:italic;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.course-page .kbadge.tonic{background:var(--accent);color:var(--accent-foreground)}.course-page .kbadge.stable{background:var(--ok);color:#051106;color:lab(3.92506% -4.70791 3.43306)}.course-page .kbadge.unstable{background:var(--warn);color:#1b1505;color:lab(7.30862% 1.03138 8.66714)}.course-page .kbadge.name{color:var(--ink-subtle);font-family:var(--font-mono);font-size:10px;font-style:normal}.course-page .bk .kbadge{min-width:18px;height:18px;font-size:11px;bottom:6px}.course-page .live-n,.course-page .live-c{font-family:inherit;font-size:inherit;color:var(--ink);border:0;border-bottom:1px dashed var(--accent-amber-line);cursor:ew-resize;touch-action:none;transition:color var(--dur-fast);background:0 0;padding:0 1px;font-weight:500}.course-page .live-c{cursor:pointer;font-style:italic;font-family:var(--font-display);color:var(--accent);font-size:1.08em}.course-page .live-n:hover,.course-page .live-c:hover{color:var(--accent-amber-strong)}.course-page .slider{appearance:none;background:0 0;width:100%;max-width:320px;height:44px}.course-page .slider::-webkit-slider-runnable-track{background:var(--bg-elevated-2);border-radius:3px;height:6px}.course-page .slider::-moz-range-track{background:var(--bg-elevated-2);border-radius:3px;height:6px}.course-page .slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-7px}.course-page .slider::-moz-range-thumb{background:var(--ink);border:2px solid var(--accent);cursor:pointer;border-radius:50%;width:20px;height:20px}.course-page .slider-wrap{align-items:center;gap:14px;min-height:44px;display:flex}.course-page .slider-val{font-family:var(--font-mono);color:var(--accent);min-width:74px;font-size:13px}.course-page .three{border:1px solid var(--line);background:var(--bg-sunken);border-radius:11px;gap:2px;padding:4px;display:inline-flex}.course-page .three button{color:var(--ink-muted);transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;border-radius:7px;padding:8px 15px;font-size:13px;font-weight:500;position:relative}.course-page .three button.on{background:var(--bg-elevated-2);color:var(--ink)}.course-page .three button .new{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:6px}.course-page .staff-wrap{background:var(--staff-bg);border:1px solid var(--staff-border);border-radius:14px;padding:10px 4px;overflow-x:auto}.course-page .staff{margin:0 auto;display:block}.course-page .draw-wrap{background:var(--bg-sunken);border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden}.course-page .draw-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:230px;display:block}.course-page .draw-hint{color:var(--ink-subtle);pointer-events:none;text-align:center;justify-content:center;align-items:center;padding:0 20px;font-size:13.5px;display:flex;position:absolute;inset:0}.course-page .count-line{font-family:var(--font-mono);color:var(--ink);margin-top:12px;font-size:13px}.course-page .count-line b{color:var(--accent);font-weight:500}.course-page .check{background:linear-gradient(150deg, var(--accent-amber-soft), transparent 62%);border:1px solid var(--accent-amber-line);padding:var(--crs-pad);border-radius:16px}.course-page .check-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.course-page .check-head h3{margin:0;font-size:18px;font-weight:500}.course-page .check-head h3 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.course-page .dots{gap:5px;display:flex}.course-page .dots i{background:var(--bg-elevated-2);border:1px solid var(--line-strong);border-radius:50%;width:8px;height:8px}.course-page .dots i.ok{background:var(--ok);border-color:#0000}.course-page .dots i.no{background:var(--bad);border-color:#0000}.course-page .dots i.now{border-color:var(--accent);box-shadow:0 0 8px var(--accent-amber-line);background:0 0}.course-page .tiles{grid-auto-columns:1fr;grid-auto-flow:column;gap:9px;margin-top:4px;display:grid}.course-page .check .tiles{margin-top:16px}.course-page .tile{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);transition:border-color var(--dur-fast), background var(--dur-fast), color var(--dur-fast);border-radius:12px;padding:16px 10px;font-size:14.5px;font-weight:500}.course-page .tile:hover{border-color:var(--line-strong)}.course-page .tile:disabled{opacity:.45;cursor:default}.course-page .tile.correct{background:var(--ok-soft);color:var(--ok);border-color:#0000}.course-page .tile.wrong{background:var(--bad-soft);color:var(--bad);border-color:#0000}.course-page .check-meta{font-family:var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:12px;display:flex}.course-page .check-meta b{color:var(--ink)}.course-page .check-why{color:var(--ink-muted);margin:12px 0 0;font-size:13.5px}.course-page .sum-grid{grid-template-columns:minmax(0,1fr) 224px;align-items:start;gap:26px;display:grid}.course-page .hear-list{flex-direction:column;gap:2px;display:flex}.course-page .hear{border-bottom:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:14px;width:100%;padding:13px 4px;font-size:15.5px;display:flex}.course-page .hear:last-child{border-bottom:0}.course-page .hear .pl{background:var(--bg-elevated-2);border:1px solid var(--line);width:34px;height:34px;color:var(--accent);transition:border-color var(--dur);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.course-page .hear:hover .pl{border-color:var(--accent-amber-line)}.course-page .hear.flat{color:var(--ink-muted);padding-left:48px;font-size:14px}.course-page .ring-card{background:var(--bg-elevated);border:1px solid var(--line);padding:var(--crs-pad);border-radius:14px;flex-direction:column;align-items:center;gap:12px;display:flex}.course-page .ring-card svg{display:block}.course-page .ring-bg{fill:none;stroke:var(--bg-elevated-2);stroke-width:9px}.course-page .ring-fg{fill:none;stroke:var(--accent);stroke-width:9px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset var(--dur-ring) var(--ease);transform:rotate(-90deg)}.course-page .ring-num{font-family:var(--font-display);fill:var(--ink);text-anchor:middle;font-size:26px;font-style:italic}.course-page .ring-card.flash{animation:crs-cel var(--dur) var(--ease)}@keyframes crs-cel{50%{box-shadow:0 0 0 4px var(--accent-amber-soft)}}.course-page .pips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.course-page .pip{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-amber-line);background:var(--accent-amber-soft);border-radius:999px;padding:3px 9px;font-size:11px}.course-page .next-card{border:1px solid var(--accent-amber-line);background:linear-gradient(150deg, var(--accent-amber-soft), transparent 60%);padding:var(--crs-pad);border-radius:16px;margin-top:6px}.course-page .next-card h3{letter-spacing:-.02em;margin:6px 0 0;font-size:22px;font-weight:400}.course-page .next-card h3 em{font-family:var(--font-display);color:var(--accent);font-style:italic}.course-page .crs-nav{bottom:var(--cookie-notice-h,0px);z-index:20;background:color-mix(in oklab, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);grid-column:2;justify-content:space-between;align-items:center;gap:14px;padding-block:12px;display:flex;position:sticky}.course-page .course-mobile-bar{display:none}.course-page .paywall{border:1px solid var(--accent-amber-line);background:linear-gradient(155deg, var(--accent-amber-soft), transparent 58%);padding:var(--crs-pad);border-radius:18px}.course-page .paywall .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:11px;display:flex}.course-page .paywall h1{letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.05}.course-page .paywall h1 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.course-page .paywall .lead{color:var(--ink-muted);max-width:60ch;margin:14px 0 0;font-size:15px}.course-page .paywall .lead b{color:var(--ink);font-weight:500}.course-page .pw-list{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.course-page .pw-list li{color:var(--ink-muted);align-items:flex-start;gap:11px;font-size:14px;display:flex}.course-page .pw-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.course-page .pw-list li b{color:var(--ink);font-weight:500}.course-page .pw-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.course-page .pw-note{font-family:var(--font-mono);color:var(--ink-subtle);margin:14px 0 0;font-size:11.5px;line-height:1.5}.course-page .pw-brand{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.course-page .pw-brand-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.course-page .pw-brand-name{font-family:var(--font-display);font-size:20px;font-style:italic}.course-page .pw-brand-tag{color:var(--ink-muted);font-size:13px}.course-page .pw-flag h3{margin:6px 0 8px;font-size:17px;font-weight:500}.course-page .pw-flag h3 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}@media (prefers-reduced-motion:reduce){.course-page *,.course-page :before,.course-page :after{transition:none!important;animation:none!important}}@media (max-width:960px){.course-page .crs-body{grid-template-columns:1fr;padding:20px 16px}.course-page .crs-rail-nav{display:none}.course-page .crs-bar{top:0}.course-page .bar-in{flex-wrap:wrap;gap:0 12px;padding:6px 16px 0}.course-page .bar-crumb{flex:auto;min-width:0;max-width:none}.course-page .segs{flex-basis:100%;order:3;align-items:center;min-height:44px}.course-page .seg:after{content:"";position:absolute;inset:-20px -2px}.course-page .obj-row,.course-page .obj-split{grid-template-columns:1fr;gap:16px}.course-page .sum-grid{grid-template-columns:minmax(0,1fr)}.course-page .crs-nav,.course-page .slot-empty{display:none}.course-page .pcards{gap:8px}.course-page .ctl-row>.crs-btn,.course-page .ctl-row>.crs-btn-g,.course-page .next-row .crs-btn,.course-page .next-row .crs-btn-g{white-space:normal;text-align:left;max-width:100%;height:auto;min-height:46px;padding-block:10px}.course-page .pcard{flex-direction:column;justify-content:center;min-height:56px;padding:14px 8px;font-size:18px;display:flex}.course-page .tiles{grid-auto-columns:minmax(0,1fr);gap:8px}.course-page .tile{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:14px 6px}.course-page .tiles:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.course-page .crs-btn-sm{min-height:44px;padding:0 16px}.course-page .live-c{position:relative}.course-page .live-c:after{content:"";position:absolute;inset:-12px -10px}.course-page .three{width:100%;display:flex}.course-page .three button{flex:1;padding-inline:8px}.course-page .course-mobile-bar{left:0;right:0;bottom:var(--cookie-notice-h,0px);z-index:50;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);align-items:center;gap:8px;display:flex;position:fixed}.course-page .course-mobile-bar .st{border:1px solid var(--line-input);width:46px;height:46px;color:var(--ink);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.course-page .course-mobile-bar .st:disabled{opacity:.4;cursor:default}.course-page .course-mobile-bar .st.on{border-color:var(--accent-amber-line);color:var(--accent)}.course-page .course-mobile-bar .main{flex:1;min-width:0;height:46px;padding:0 14px}.course-page .course-mobile-bar .main-l{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}}@media (max-width:720px){.course-page{--crs-pad:16px}.course-page .crs-wrap{padding:0 16px}.course-page .km-card{margin-top:24px;padding:14px 12px 10px}.course-page .km-head .caption{white-space:normal}.course-page .km-tip{white-space:normal;text-align:center;max-width:calc(100vw - 60px)}.course-page .km-keys{height:132px}.course-page .km-part>span{font-size:13px}.course-page .km-rn{font-size:13px;bottom:8px}.course-page .hint-need{color:var(--ink-subtle);font-size:13px}.course-page .l-brk b,.course-page .lp,.course-page .moves{font-size:12px}.course-page .pw-note,.course-page .crs-fine,.course-page .pcard small,.course-page .tiles .tile small{font-size:12.5px}.course-page .pw-cta .crs-btn,.course-page .pw-cta .crs-btn-g{white-space:normal;text-align:center;height:auto;min-height:46px;padding-block:10px}}@media (max-width:960px){body:has(main.crs-chapter) #site-header{position:static}body:has(main.crs-chapter) #site-header .site-nav-strip{display:none}body:has(main.crs-chapter){padding-bottom:calc(82px + var(--cookie-notice-h,0px) + env(safe-area-inset-bottom))}}