*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}.row-center{display:flex;align-items:center}.stack-sm{display:flex;flex-direction:column;gap:.75rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.grid{display:grid}.m5{margin:1.25rem}.m6{margin:1.5rem}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.b{border-width:1px}.px{padding-left:1rem;padding-right:1rem}.py{padding-top:1rem;padding-bottom:1rem}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--wb-ink);outline-offset:4px}h1,h2,h3,p{margin:0}code{font-family:var(--wb-font-mono)}.app-theme{min-height:100vh;color:var(--wb-ink);background:var(--wb-paper);font:var(--wb-size-body)/1.65 var(--wb-font-body);container-type:inline-size}.app-shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{border-right:var(--wb-border);min-height:100vh;padding:32px 24px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:850;line-height:1.3}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:var(--wb-sun);border:var(--wb-border);border-radius:var(--wb-radius-field);box-shadow:var(--wb-shadow-small);font-size:20px}.brand small{display:block;margin-top:6px;font:9px/1.4 var(--wb-font-mono);letter-spacing:.7px}.sidebar-body{margin-top:56px}.eyebrow{font:700 12px/1.5 var(--wb-font-mono);letter-spacing:1px}.sidebar-body>.eyebrow{color:var(--wb-inkSecondary);margin-bottom:24px}.nav-group{font-size:13px;font-weight:700;margin-bottom:12px}.nav-current{padding:12px;border:var(--wb-border);border-radius:var(--wb-radius-field);background:var(--wb-sun);box-shadow:var(--wb-shadow-small);font-weight:700;font-size:14px}.nav-current .mono{font-size:12px}.nav-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--wb-ink)}.roadmap{margin-top:32px;color:var(--wb-inkSecondary)}.roadmap ul{list-style:none;margin:0 0 16px;padding:0;font-size:14px}.roadmap small{font-size:11px}.sidebar-note{margin-top:auto;padding-top:80px}.sidebar-note>span{font-size:11px;font-weight:700}.sidebar-note p{margin-top:12px;color:var(--wb-inkSecondary);font-size:13px}main{min-width:0;padding:28px 48px 24px}.page-top{border-bottom:1px solid var(--wb-empty);padding-bottom:20px;font-size:12px}.breadcrumb-divider{margin:0 12px;color:var(--wb-inkMuted)}.tag{display:inline-flex;align-items:center;border:1px solid var(--wb-ink);border-radius:var(--wb-radius-pill);padding:3px 10px;font-size:11px;white-space:nowrap;background:var(--wb-card)}.intro{padding:40px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.intro .eyebrow span{margin-left:12px;color:var(--wb-inkSecondary);font-size:10px}h1{font-family:var(--wb-font-display);font-size:clamp(34px,4.5cqi,58px);letter-spacing:-1.8px;line-height:1.2;margin-top:12px}.title-period{color:var(--wb-accent)}.intro-description{margin-top:16px;color:var(--wb-inkSecondary);font-size:16px}.concept-stamp{min-width:160px;padding:16px 20px;border:var(--wb-border);border-radius:var(--wb-radius-card);background:var(--wb-rose);box-shadow:var(--wb-shadow-small);transform:rotate(3deg);text-align:center}.concept-stamp>span{font-size:13px}.concept-stamp strong{display:block;font-size:22px;margin-top:6px}.lesson-switch{margin-bottom:24px}.lesson-switch button{border:var(--wb-border);border-color:transparent;background:transparent;color:var(--wb-inkSecondary);font-size:13px;font-weight:700;padding:9px 18px;border-radius:var(--wb-radius-pill);min-height:44px}.lesson-switch button.selected{border-color:var(--wb-ink);background:var(--wb-ink);color:var(--wb-paper)}.panel{border:var(--wb-border);border-radius:var(--wb-radius-card);background:var(--wb-card);box-shadow:var(--wb-shadow-card);overflow:hidden}h2{font-size:20px;line-height:1.4;font-weight:800}h3{font-size:14px;line-height:1.6;font-weight:750}.workbench-heading{padding:22px 24px;border-bottom:var(--wb-border)}.workbench-heading .tag{background:var(--wb-paper)}.execution-grid{display:grid;grid-template-columns:1.08fr 1fr}.code-panel,.memory-panel{padding:24px;min-width:0}.code-panel{border-right:var(--wb-border);background:var(--wb-paper)}.language-label,.code-caption,.memory-caption{color:var(--wb-inkSecondary);font-size:11px}.change-dot{display:inline-block;vertical-align:middle;width:8px;height:8px;background:var(--wb-ink);margin-right:6px}.step-explanation{display:flex;align-items:flex-start;gap:16px;margin:0 24px;padding:20px 0;border-top:1px solid var(--wb-empty);min-height:112px}.section-number{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:var(--wb-border);background:var(--wb-sun);border-radius:var(--wb-radius-field);font:700 12px var(--wb-font-mono)}.step-explanation p{color:var(--wb-inkSecondary);font-size:13px;margin-top:5px}.playback-controls{padding:0 24px 24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:44px;border:var(--wb-border);border-radius:var(--wb-radius-field);box-shadow:var(--wb-shadow-small);color:var(--wb-ink);background:var(--wb-card);font-size:12px;font-weight:750;transition:transform .14s,box-shadow .14s}.button.primary{background:var(--wb-accent)}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translate(3px,3px);box-shadow:var(--wb-shadow-pressed)}.button:disabled{opacity:.4;box-shadow:none}.reset-button{border:0;background:transparent;color:var(--wb-inkSecondary);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px}.step-progress{height:7px;background:var(--wb-empty);border-top:var(--wb-border)}.step-progress>span{display:block;height:100%;background:var(--wb-accent);transition:width .18s}.support-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;margin-top:28px}.parameter-panel,.takeaway-panel{padding:24px}.parameter-panel>p{margin:10px 0 20px;font-size:13px;color:var(--wb-inkSecondary)}.parameter-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.parameter-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700}.parameter-fields input{width:100%;min-width:0;height:44px;padding:8px 12px;border:var(--wb-border);border-radius:var(--wb-radius-field);background:var(--wb-paper);color:var(--wb-ink);font-family:var(--wb-font-mono)}.parameter-fields input[aria-invalid=true]{border-color:var(--wb-accent)}.field-hint{margin:8px 0 16px;color:var(--wb-inkSecondary);font-size:11px}.field-error{margin:0 0 16px;font-size:12px;font-weight:700}.takeaway-panel{background:var(--wb-sun);background-image:radial-gradient(var(--wb-empty) 1px,transparent 1px);background-size:18px 18px}.takeaway-panel h2{margin:16px 0;font-size:25px;line-height:1.4}.takeaway-panel p{font-size:13px}.takeaway-panel code{margin:0 4px;font-size:12px}.takeaway-label{display:inline-block;border-top:1px solid var(--wb-ink);padding-top:12px;margin-top:20px;font-size:11px;font-weight:700}.explanation-panel{padding:32px}.explanation-panel>h2{margin-top:20px;font-size:28px}.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.explanation-grid h3{font-size:18px;margin:16px 0 12px}.explanation-grid code{display:block;padding:8px;background:var(--wb-paper);font-size:13px;border-radius:var(--wb-radius-cell)}.explanation-grid p{font-size:13px;color:var(--wb-inkSecondary);margin-top:16px}.scope-note{font-size:13px;padding:16px;background:var(--wb-watch);border-radius:var(--wb-radius-field);margin-bottom:24px}.page-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--wb-empty);color:var(--wb-inkSecondary);font-size:11px;display:flex;justify-content:space-between;gap:16px}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;padding:10px 20px;background:var(--wb-sun);border:var(--wb-border)}.skip-link:focus{top:16px}@container (max-width: 1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}main{padding:24px 28px}.sidebar{padding:28px 20px}.brand{font-size:17px}.concept-stamp{display:none}.execution-grid,.support-grid{grid-template-columns:1fr}.code-panel{border-right:0;border-bottom:var(--wb-border)}.explanation-grid{grid-template-columns:1fr}}.nav-algorithm{width:100%;text-align:left;padding:12px;min-height:44px;border:var(--wb-border);border-color:transparent;border-radius:var(--wb-radius-field);background:transparent;color:var(--wb-ink);font-size:14px;font-weight:700}.nav-algorithm.nav-current{border-color:var(--wb-ink);background:var(--wb-sun)}.nav-algorithm:hover:not(.nav-current){background:var(--wb-empty)}.algorithm-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 28px;font-size:12px}.algorithm-facts>span{display:flex;flex-wrap:wrap;gap:8px}.algorithm-facts strong{color:var(--wb-inkSecondary);font-weight:500}.sorting-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.sort-animation-panel{padding:24px;min-width:0}.sort-stats{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:20px;font-size:11px}.sort-stats strong{margin-left:5px}.sort-chart{position:relative;height:295px;margin-top:20px;border-bottom:2px solid var(--wb-ink);background-image:linear-gradient(to top,var(--wb-empty) 1px,transparent 1px);background-size:100% 56px}.sort-column{position:absolute;bottom:0;padding:0 3px;display:flex;flex-direction:column;align-items:center;transition:left .26s ease,opacity .18s}.sort-bar{position:relative;width:100%;min-width:0;border:var(--wb-border);border-radius:var(--wb-radius-cell) var(--wb-radius-cell) 0 0;background:var(--wb-sky);transition:background-color .18s}.bar-sorted{background:var(--wb-mint)}.bar-pivot{background:var(--wb-rose)}.bar-active{outline:2px solid var(--wb-ink);outline-offset:1px;background:var(--wb-sun)}.bar-active.bar-pivot{background:var(--wb-rose)}.bar-value{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:13px}.bar-status{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:10px;white-space:nowrap;writing-mode:vertical-rl;letter-spacing:1px}.bar-index{width:100%;height:25px;padding-top:4px;text-align:center;background:var(--wb-card);font-size:10px}.outside-range{opacity:.45}.sort-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:11px}.sort-legend>span{display:inline-flex;align-items:center;gap:6px}.sort-legend i{width:12px;height:12px;border:1px solid var(--wb-ink);border-radius:2px}.legend-default{background:var(--wb-sky)}.legend-active{background:var(--wb-sun)}.legend-pivot{background:var(--wb-rose)}.legend-sorted{background:var(--wb-mint)}.animation-note{color:var(--wb-inkSecondary);font-size:11px;margin-top:16px}.speed-control{display:flex;align-items:center;gap:8px;font-size:12px}.speed-control select{min-height:44px;padding:6px 8px;color:var(--wb-ink);background:var(--wb-card);border:var(--wb-border);border-radius:var(--wb-radius-field)}.timeline-control{padding:0 24px 24px}.timeline-control label{display:flex;justify-content:space-between;font-size:11px;color:var(--wb-inkSecondary);margin-bottom:8px}.timeline-control input{width:100%;height:24px;margin:0;accent-color:var(--wb-ink);cursor:pointer}.array-field{grid-template-columns:1fr}@container (max-width: 1320px){.sorting-grid{grid-template-columns:1fr}.sorting-grid .code-panel{border-right:0;border-bottom:var(--wb-border)}}@container (max-width: 760px){.algorithm-nav{flex-direction:row;flex-wrap:wrap}.nav-algorithm{width:auto}.sort-animation-panel{padding:20px}.sort-column{padding:0 2px}.sort-bar{border-width:1px}.bar-value{font-size:11px}.bar-status{font-size:9px}.timeline-control{padding:0 20px 20px}.sort-stats{gap:8px 12px}.brand small{font-size:8px}}@media(prefers-reduced-motion:reduce){.sort-column,.sort-bar{transition:none}}@container (max-width: 760px){.app-shell{display:block}.sidebar{min-height:auto;padding:20px;border-right:0;border-bottom:var(--wb-border)}.sidebar-body{margin-top:24px}.sidebar-body>.eyebrow,.nav-group,.roadmap,.sidebar-note{display:none}.nav-current{width:fit-content;gap:16px}main{padding:20px}.page-top{flex-wrap:wrap;padding-bottom:16px}.intro{padding-top:28px}h1{font-size:38px}.intro-description{font-size:14px}.code-panel,.memory-panel,.workbench-heading{padding:20px}.step-explanation{margin:0 20px}.playback-controls{padding:0 20px 20px}.playback-controls>div{width:100%}.playback-controls .button.primary{width:100%}.parameter-panel,.takeaway-panel,.explanation-panel{padding:20px}.intro .eyebrow span{font-size:9px;margin-left:8px}}@media(prefers-reduced-motion:reduce){.concept-stamp{transform:none}.button,.step-progress>span{transition:none}.button:hover:not(:disabled),.button:active:not(:disabled){transform:none}}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}.sidebar-body{margin-top:32px}.sidebar-note{padding-top:32px}.catalog-search{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;font-size:12px;font-weight:700}.catalog-search input{width:100%;min-width:0;min-height:44px;padding:8px 10px;color:var(--wb-ink);background:var(--wb-card);border:var(--wb-border);border-radius:var(--wb-radius-field);font-size:12px;font-weight:400}.nav-section{margin-bottom:28px}.nav-section .nav-group{display:flex;align-items:center;justify-content:space-between}.nav-group>span{border:1px solid var(--wb-ink);padding:0 6px;border-radius:var(--wb-radius-pill);font:10px/1.8 var(--wb-font-mono)}.nav-section .nav-group-toggle{width:100%;min-height:36px;padding:4px 0;gap:8px;border:0;background:transparent;color:var(--wb-ink);text-align:left;justify-content:flex-start}.nav-group-toggle>span{margin-left:auto}.nav-group-toggle:hover{color:var(--wb-inkSecondary)}.nav-group-chevron{flex-shrink:0}.nav-group-toggle[aria-expanded=true] .nav-group-chevron{transform:rotate(90deg)}.nav-section .algorithm-nav[hidden]{display:none}.nav-section .algorithm-nav{gap:6px}.nav-section .nav-algorithm{min-height:40px;padding:8px 12px}.scene-panel{min-width:0;padding:24px}.scene-badges{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.structure-scene{display:block;width:100%;height:auto;min-height:220px;margin:12px 0;overflow:visible;color:var(--wb-ink);background-image:radial-gradient(var(--wb-empty) 1px,transparent 1px);background-size:18px 18px;border-radius:var(--wb-radius-field)}.scene-node{transition:transform .26s ease}.scene-node rect,.scene-node circle{fill:var(--wb-sky);stroke:var(--wb-ink);stroke-width:2;transition:fill .18s}.scene-active rect,.scene-active circle{fill:var(--wb-sun);stroke-width:4}.scene-done rect,.scene-done circle{fill:var(--wb-mint)}.scene-special rect,.scene-special circle{fill:var(--wb-rose)}.scene-muted{opacity:.45}.scene-value{font:700 17px var(--wb-font-mono);fill:var(--wb-ink)}.scene-value.scene-multiline{font-size:12px}.scene-detail{font:12px var(--wb-font-mono);fill:var(--wb-inkSecondary)}.scene-edge line{stroke:var(--wb-ink);stroke-width:2}.scene-edge text{font:11px var(--wb-font-mono);text-anchor:middle;fill:var(--wb-inkSecondary)}.scene-empty{font:16px var(--wb-font-body);fill:var(--wb-inkSecondary)}.aux-buffer{margin-top:20px;padding:12px;border:1px solid var(--wb-ink);border-radius:var(--wb-radius-field);background:var(--wb-paper);font-size:11px}.aux-buffer>strong{display:block;margin-bottom:8px}.aux-buffer>div{display:flex;flex-wrap:wrap;gap:6px}.aux-buffer span{padding:3px 7px;border:1px solid var(--wb-ink);border-radius:var(--wb-radius-cell);background:var(--wb-card);overflow-wrap:anywhere}.parameter-fields select{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:var(--wb-border);border-radius:var(--wb-radius-field);background:var(--wb-paper);color:var(--wb-ink);font-size:12px}.parameter-fields input:disabled,.parameter-fields select:disabled{opacity:.5}@container (max-width: 760px){.sidebar{position:static;height:auto;min-height:auto;max-height:430px;overflow-y:auto}.sidebar-body{margin-top:20px}.catalog-search{margin-bottom:16px}.nav-section{margin-bottom:18px}.nav-section .nav-group{display:flex}.nav-section .nav-algorithm{padding:8px 12px}.scene-panel{padding:20px}.structure-scene{min-height:170px}.parameter-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.scene-node,.scene-node rect,.scene-node circle{transition:none}}.operation-buttons{margin-top:20px}.scene-panel .aux-buffer>div{max-height:220px;overflow-y:auto;scrollbar-width:thin}.parameter-fields label>.field-hint{margin:0 0 8px;font-weight:400}.scene-edge path{fill:none;stroke:var(--wb-ink);stroke-width:2}.code-panel>.code-caption{margin-top:12px}.lesson-explanation{margin-bottom:28px;padding:24px}.lesson-principle{margin-top:14px;font-size:14px;line-height:1.85}.lesson-explanation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;margin-top:24px}.lesson-explanation-grid h3{font-size:14px}.lesson-explanation-grid ol{margin:12px 0 0;padding-left:22px}.lesson-explanation-grid li{padding-left:4px;font-size:13px;line-height:1.85;color:var(--wb-inkSecondary)}.lesson-explanation-grid li+li{margin-top:8px}.lesson-explanation-grid li::marker{color:var(--wb-ink);font-weight:700}.lesson-understanding{border-left:1px solid var(--wb-empty);padding-left:28px}.lesson-understanding p{margin-top:12px;color:var(--wb-inkSecondary);font-size:13px;line-height:1.85}.lesson-understanding h3:not(:first-child){margin-top:20px}@container (max-width: 760px){.lesson-explanation{padding:20px}.lesson-explanation-grid{grid-template-columns:1fr;gap:20px}.lesson-understanding{border-left:0;border-top:1px solid var(--wb-empty);padding:20px 0 0}}.exercise-panel{margin-top:28px;padding:24px}.exercise-intro{margin-top:10px;color:var(--wb-inkSecondary);font-size:13px}.exercise-list{list-style:none;padding:0;margin:20px 0 0}.exercise-list li+li{border-top:1px solid var(--wb-empty);margin-top:18px;padding-top:18px}.exercise-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.exercise-title a{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.exercise-link-hint{margin-left:10px;color:var(--wb-inkSecondary);font-size:11px;font-weight:400}.exercise-list p{margin:10px 0 0;color:var(--wb-inkSecondary);font-size:13px}.nav-algorithm,.page-top a{text-decoration:none}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.catalog-panel{padding:24px}.catalog-panel h2{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-panel a{color:inherit;text-decoration:none}.catalog-panel a:hover,.page-top a:hover{text-decoration:underline}.catalog-panel ul{list-style:none;padding:0;margin:20px 0 0}.catalog-panel li+li{margin-top:20px}.catalog-panel h3{font-size:16px;margin:0 0 8px}.catalog-panel li p{color:var(--wb-inkSecondary);line-height:1.7;margin:0}@media(max-width:760px){.catalog-grid{grid-template-columns:1fr}}.code-preview{min-width:0;container-type:inline-size;border:2px solid var(--wb-ink, #26201a);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;font:13px/26px ui-monospace,SF Mono,Menlo,Consolas,monospace}.preview-toolbar{display:grid;grid-template-columns:minmax(144px,1fr) minmax(0,2fr) minmax(144px,1fr);align-items:center;gap:12px;min-height:48px;padding:6px 16px;border-bottom:1px solid rgb(127 127 127 / 25%);background:#7f7f7f1f;font:12px/1.5 system-ui,sans-serif}.preview-window-controls{display:flex;align-items:center;gap:8px}.preview-window-controls>span{width:12px;height:12px;flex-shrink:0;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.preview-window-close{background:#ff5f57}.preview-window-minimize{background:#febc2e}.preview-window-expand{background:#28c840}.preview-title{min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.preview-toolbar-actions{justify-self:end;display:flex;align-items:center;gap:12px}.preview-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid currentColor;border-radius:6px;color:inherit;background:transparent;padding:8px;width:36px;height:36px}.preview-copy:hover{background:#7f7f7f2e}.code-preview :focus-visible{outline:2px solid currentColor;outline-offset:-3px}.preview-scroller{position:relative;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.preview-pre{margin:0;padding:12px 0;min-width:100%;width:max-content;font:inherit;tab-size:2}.preview-pre>code{display:block;font:inherit}.preview-line{display:flex;align-items:stretch;min-height:26px;width:100%;border-left:3px solid transparent;padding-right:18px;white-space:pre}.preview-line-number{position:sticky;left:0;flex:0 0 48px;padding:0 12px 0 8px;text-align:right;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,currentColor 60%,transparent);font-size:11px}.preview-line-content{flex:1;min-width:0;padding-left:10px}.preview-line-active{background:#ffd84d26;border-left-color:#d9a900}.code-preview-light .preview-line-active{background:#fff0bd}.preview-active-label{margin-left:28px;padding:0 6px;font:10px/26px system-ui,sans-serif;opacity:.8}.preview-inline-mark{background:#a5dcff3b;border-radius:3px;box-shadow:0 1px 0 currentColor;padding:2px 0}.code-preview-light .preview-inline-mark{background:#d8edff}.preview-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:8px 16px;border-top:1px solid rgb(127 127 127 / 25%);font:10px/1.5 system-ui,sans-serif}.code-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.code-demo-controls{padding:24px}.code-demo-controls .parameter-fields{grid-template-columns:1fr;margin:20px 0}.code-demo-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0}.code-demo-controls .button{width:100%}.code-demo-editor{width:100%;min-height:300px;padding:16px;resize:vertical;color:var(--wb-ink);background:var(--wb-paper);border:var(--wb-border);border-radius:var(--wb-radius-field);font:12px/1.8 var(--wb-font-mono);tab-size:2}.code-demo-description{margin-bottom:20px;font-size:13px;color:var(--wb-inkSecondary)}.code-demo-source{padding:24px;margin-top:28px}.code-demo-source h2{margin-bottom:16px}.code-demo-api{margin-top:28px}.code-demo-status{margin-top:16px;font-size:12px}@container (max-width: 1100px){.code-demo-grid{grid-template-columns:1fr}}@container (max-width: 480px){.preview-toolbar{grid-template-columns:52px minmax(0,1fr) auto;gap:10px;padding-inline:12px}}