.container-map{min-width:0}.container-map [role=row]{display:grid;grid-template-columns:minmax(65px,1fr) minmax(0,3fr);gap:12px;padding:6px 8px;border-bottom:1px solid var(--border);align-items:start}.container-map [role=cell]{min-width:0;overflow-wrap:anywhere}.container-map strong{color:var(--muted);font-size:11px}.container-items{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.container-stack{flex-direction:column-reverse;align-items:stretch;max-width:240px}.container-node-wrap{display:flex;align-items:center;gap:6px;min-width:0}.container-node{min-width:44px;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);text-align:center;max-width:100%}.container-stack .container-node{width:100%}.container-node small{display:block;min-height:10px;font-size:9px;color:var(--muted);margin-top:4px}.container-link{color:var(--accent);font-size:24px}.container-note{color:var(--muted);font-size:12px;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}.container-pair{display:flex;flex-wrap:wrap;gap:12px}.container-pair>div{display:flex;flex-direction:column;gap:8px}.container-scroll{max-width:100%;overflow:auto}.container-view-toggle{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:6px 10px;font-size:12px;margin-bottom:8px}.container-note:empty{display:none}.editor-inputs{padding:16px 18px;border-bottom:1px solid var(--border)}.editor-signature{display:grid;gap:10px;margin-bottom:16px}.editor-signature>code{font-size:12px;color:#c4c0ff;overflow-wrap:anywhere;line-height:1.7}.editor-inputs label{display:block;margin-top:12px}.editor-inputs label>span{display:flex;gap:10px;align-items:baseline;margin-bottom:7px;font-size:13px}.editor-inputs label code{font-size:11px;color:var(--muted)}.editor-inputs textarea{width:100%;display:block;resize:vertical;border:1px solid #45454d;border-radius:5px;padding:10px;background:#19191c;color:#eee;font:12px/1.6 var(--mono)}.editor-welcome{padding:24px 10px 32px;color:var(--muted)}.editor-welcome>svg{color:var(--accent);margin-bottom:16px}.editor-welcome h2{color:#eee}.editor-welcome p{font-size:13px;line-height:1.8;max-width:370px}.editor-rules{margin-top:20px;font-size:12px;line-height:1.8;color:var(--muted)}.editor-rules summary{cursor:pointer;color:#d6d3ed}.editor-rules ul{padding-left:20px}.editor-rules li{margin:8px 0}.editor-code-area{position:relative;flex:1;min-height:0}.editor-code-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}.editor-code-overlay pre{margin:0;padding:var(--code-padding) 0;min-width:max-content}.editor-code-line{display:flex;min-height:var(--code-line-height);padding-right:20px;white-space:pre}.editor-code-area code,.editor-code-area textarea{font:var(--code-font-size)/var(--code-line-height) var(--mono);letter-spacing:0;tab-size:4}.editor-line-number{width:var(--code-gutter);padding-right:14px;text-align:right;flex-shrink:0;color:#82828f;font:11px/var(--code-line-height) var(--mono)}.editor-active-line{background:#343247;box-shadow:inset 2px 0 var(--accent)}.editor-active-line .editor-line-number{color:#bab5ff}.editor-code-area textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;resize:none;padding:var(--code-padding) 20px var(--code-padding) var(--code-gutter);background:transparent;color:transparent;caret-color:#fff;white-space:pre;overflow:auto}.editor-code-area textarea::selection{background:#8682ff55}.editor-code-area textarea:focus-visible{outline:none}.editor-state{display:grid;gap:10px}.editor-call-stack{display:flex;gap:6px;flex-wrap:wrap;font:11px var(--mono)}.editor-call-stack span{padding:6px;background:var(--card);border:1px solid var(--border);border-radius:4px}.editor-call-stack .is-current{border-color:var(--accent);color:#c4c0ff}.editor-call-stack small{color:var(--muted)}.editor-frame{min-width:0}.editor-frame>h3{font:12px var(--mono);margin:4px 0 10px;display:flex;align-items:center;gap:10px}.editor-frame>h3 span{font-size:9px;color:var(--muted);letter-spacing:1px}.editor-variable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:8px}.editor-variable{padding:9px 10px;min-width:0;border:1px solid var(--border);background:var(--card);border-radius:7px}.editor-variable:not(.is-container){display:flex;align-items:baseline;justify-content:space-between;gap:10px}.editor-variable:not(.is-container) header{margin-bottom:0;min-width:0}.editor-variable.is-container{grid-column:1 / -1}.editor-variable.is-changed{border-color:#706aa7}.editor-variable header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font:12px var(--mono);margin-bottom:5px}.editor-variable header>span{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.editor-variable header small{margin-left:auto;color:#b4aaff;font-size:9px}.editor-scalar{display:block;font-size:15px;color:#dedbff;overflow-wrap:anywhere}.editor-empty-value{display:block;color:var(--muted);padding:4px 0;font-size:12px}.editor-matrix{overflow:auto}.editor-matrix-row{display:flex;align-items:center;gap:5px;margin-top:5px}.editor-matrix-row>span{width:16px;flex-shrink:0}.editor-matrix-row>div{min-width:42px;flex-shrink:0;padding:5px 7px;background:#1c1c1c;border:1px solid #565660;border-radius:5px;text-align:center}.editor-matrix-row>div span{display:block;margin-bottom:4px;color:var(--muted);font:9px var(--mono)}.editor-matrix-row>.is-accessed{border-color:var(--accent);background:#4e4b83}.editor-list{margin:4px 0;padding-left:27px;font-size:12px}.editor-list li{padding:7px 0;overflow-wrap:anywhere}.editor-list li::marker{color:var(--muted)}.editor-result{border:1px solid #355247;border-radius:7px;padding:10px;background:#20302a}.editor-result>.eyebrow{color:var(--green);display:block;margin-bottom:6px}.editor-result p{font-size:12px}.editor-inputs>summary{cursor:pointer;font-size:12px;color:#c4c0ff;overflow-wrap:anywhere}.editor-inputs[open]>summary{margin-bottom:16px}.cpp-editor .explanation{min-height:85px}.editor-methods{display:grid;gap:7px;max-height:180px;overflow:auto;padding:10px;background:#19191c;border:1px solid var(--border);border-radius:5px}.editor-methods code{font-size:11px;color:#c4c0ff;overflow-wrap:anywhere}.editor-operation{margin:0;font:11px/1.6 var(--mono);color:#c4c0ff;overflow-wrap:anywhere}.editor-call-results{font:12px/1.8 var(--mono);color:var(--muted)}.editor-call-results summary{cursor:pointer}.editor-call-results li{overflow-wrap:anywhere}.editor-run-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;padding:0 10px;border:1px solid #354139;border-radius:5px;background:#252d28;color:var(--green);font-size:12px;font-weight:600}.editor-run-button svg{width:14px;height:14px}.editor-run-button:hover:not(:disabled){background:#303e34}@media(max-width:600px){.cpp-editor .page-title{gap:6px}.cpp-editor .page-title h1{font-size:13px}.cpp-editor .page-title .difficulty{display:none}}.cpp-editor .editor-header{gap:12px;position:relative;z-index:5}.cpp-editor .editor-toolbar{display:flex;align-items:center;gap:6px;margin-left:auto}.custom-dropdown{position:relative;min-width:0}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;height:28px;padding:0 9px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:#cccbd3;font-size:12px}.dropdown-trigger svg{width:12px;height:12px;transform:rotate(90deg)}.dropdown-trigger[aria-expanded=true]{border-color:var(--accent);background:#302e3d}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:172px;padding:4px;border:1px solid #46464d;border-radius:7px;background:#262629;box-shadow:0 8px 24px #0006}.dropdown-menu button{width:100%;display:flex;justify-content:space-between;gap:16px;border:0;border-radius:4px;padding:8px 10px;background:transparent;text-align:left;font-size:12px;color:#d9d9df}.dropdown-menu button[aria-checked=true]{color:#c7c2ff;background:#343145}.dropdown-menu button:focus-visible{outline:none;background:#41404d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:760px){.cpp-editor .editor-header{height:auto;min-height:42px;flex-wrap:wrap;gap:6px 10px;padding:6px 10px}.cpp-editor .editor-toolbar{order:3;width:100%;margin:0}.editor-toolbar .custom-dropdown{flex:1}.editor-toolbar .dropdown-trigger{width:100%}.editor-toolbar .custom-dropdown:first-child .dropdown-menu{left:0;right:auto}}:root{font-family:Avenir Next,Segoe UI,Helvetica,sans-serif;color:#e7e7e7;background:#1b1b1e;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #222225;--card: #28282c;--border: #3a3a41;--muted: #a5a5af;--accent: #8682ff;--green: #66d9ac;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0}button,textarea,input{font:inherit}button{color:inherit;cursor:pointer}button{transition:background .15s,border-color .15s}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover:not(:disabled){background-color:#33333b}code,pre{font-family:var(--mono)}.page-header{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 12px}.page-title{display:flex;align-items:center;gap:8px}.problem-list-toggle{margin-left:-6px}.app-shell{display:grid;grid-template-columns:minmax(0,1fr)}.app-content{min-width:0}.app-content>main{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.page-header,.approach-tabs{flex-shrink:0}.problem-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(280px,85vw);height:100dvh;max-height:100dvh;max-width:85vw;overflow-y:auto;background:#1c1c1c;color:#e7e7e7;border:0;border-right:1px solid #404044;box-shadow:12px 0 40px #0005;animation:drawer-enter .18s ease-out}.problem-drawer::backdrop{background:#0006}@keyframes drawer-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}.problem-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border)}.problem-drawer-header h2{font-size:14px;display:flex;align-items:center;gap:10px}.problem-drawer-header h2 svg{color:#8c8c94;width:14px}.problem-search{display:flex;align-items:center;gap:10px;border:1px solid #363639;border-radius:6px;margin:10px 10px 8px;padding:7px 10px;background:#2b2b2b;color:#a4a4ac}.problem-search input{min-width:0;width:100%;background:transparent;border:0;color:#eee;font-size:13px}.problem-search:focus-within{border-color:var(--accent)}.problem-search input:focus-visible{outline:none}.problem-search input::placeholder{color:#909098}.problem-list-count{font-size:11px;color:#a0a0ad;margin:0 12px 8px}.problem-list{padding:0 8px 8px;display:flex;flex-direction:column;gap:3px}.problem-list-item{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;width:100%;border:1px solid transparent;border-radius:5px;background:transparent;font-size:13px}.problem-list-item:nth-child(2n){background:#262626}.problem-list-item[aria-current=page]{color:#efedf9;background:#343148;border-color:#565075}.problem-list-item[aria-current=page]:hover{background:#403b56}.problem-list-number{color:#93939b;font-variant-numeric:tabular-nums}.problem-list-item[aria-current=page] .problem-list-number{color:#b9b4d6}.problem-list-name{flex:1;line-height:1.5}.problem-list-difficulty{font-size:11px}.difficulty-easy{color:#19b6b0}.difficulty-medium{color:#eab84b}.difficulty-hard{color:#f87171}.problem-list-empty{font-size:12px;color:#92929b;text-align:center;padding:12px 8px;overflow-wrap:anywhere}h1{font-size:15px;letter-spacing:-.3px;font-weight:600;margin:0}.difficulty{font-size:11px;color:var(--green);padding:3px 8px;background:#20352c;border:1px solid #2e473b;border-radius:4px}.app-label{font:10px var(--mono);letter-spacing:1.7px;color:#a0a0aa}.secondary-button,.primary-button{border:1px solid #46464a;background:#252525;border-radius:6px;padding:9px 13px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:13px;white-space:nowrap}.primary-button{background:#5d59c3;border-color:#7975e3;color:#fff}.primary-button:hover:not(:disabled){background:#6a66d1}.approach-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 24px;gap:28px}.approach-tabs button{display:flex;align-items:center;gap:9px;padding:10px 0;background:transparent;border:0;border-bottom:2px solid transparent;font-size:13px;color:#96969d}.approach-tabs button:hover:not(:disabled){background:transparent;color:#ddd}.approach-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:#f1f1f1}.tab-index{font:10px var(--mono);color:#92929e}.approach-tabs button[aria-selected=true] .tab-index{color:var(--accent)}.tab-method{color:#a2a2ad;font-size:11px;margin-left:3px}.split-layout{display:grid;grid-template-columns:minmax(0,var(--panel-split)) 8px minmax(0,var(--panel-rest));grid-template-rows:minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.panel-resizer{display:flex;align-items:center;justify-content:center;background:#252529;cursor:col-resize;touch-action:none}.panel-resizer span{width:2px;height:36px;border-radius:2px;background:#777780}.panel-resizer:hover,.panel-resizer:focus-visible,.is-resizing .panel-resizer{background:#514e79}.panel-resizer:focus-visible{outline-offset:-2px}.is-resizing{-webkit-user-select:none;user-select:none}.visualization-panel{padding:0;background:var(--surface);min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;container-type:inline-size;scrollbar-width:thin;scrollbar-color:#50505c transparent}.visualizer-heading{padding:8px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border-bottom:1px solid var(--border)}h2{font-size:14px;font-weight:600;margin:0}.visualizer-heading h2{min-width:0;font-size:13px;line-height:1.35}.visualizer-heading h2 span{color:#c0c0c7;font-weight:400}.step-counter{font-size:11px;color:#b7b7c3;padding:5px 8px;background:#2c2c32;border-radius:5px;font-variant-numeric:tabular-nums;white-space:nowrap}.icon-button{display:flex;align-items:center;justify-content:center;height:34px;width:34px;flex-shrink:0;background:transparent;border:0;color:#a1a1ac;border-radius:5px}.player{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--border);padding:16px 18px 12px}.player-buttons{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:18px}.restart{justify-self:start}.transport{display:flex;align-items:center;gap:10px}.play-button{width:40px;height:40px;background:#2c2b42;border:1px solid #34334d;color:var(--accent);border-radius:8px;display:flex;justify-content:center;align-items:center}.speeds{justify-self:end;display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.speeds button{font-size:11px;padding:8px 10px;border:0;background:transparent;color:#aaaab1}.speeds button[aria-pressed=true]{background:#2e2c49;color:#a8a5ff}.timeline-track{position:relative;padding:4px 0}.timeline-markers{position:absolute;inset:2px 5.5px;pointer-events:none}.timeline-marker{position:absolute;width:2px;height:7px;border-radius:2px;background:#777782;transform:translate(-50%)}.timeline-marker.is-passed{background:var(--accent)}.timeline{position:relative;display:block;width:100%;height:3px;appearance:none;border-radius:3px;margin:0;cursor:pointer}.timeline::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--accent);border-radius:50%}.timeline::-moz-range-thumb{width:11px;height:11px;background:var(--accent);border:0;border-radius:50%}.timeline-labels{display:flex;justify-content:space-between;color:#a0a0ad;font:10px var(--mono);letter-spacing:1px;margin-top:10px}.input-summary{display:flex;align-items:center;gap:9px;padding:6px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow-x:auto}.input-summary code{flex:1;min-width:0;overflow-x:auto;font-size:13px;white-space:nowrap}.eyebrow{font:10px var(--mono);letter-spacing:1px;color:#b8b8be}.visual-content{padding:12px;display:flex;flex-direction:column;gap:8px}.visual-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px 10px 0}.visual-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.quiet-label{font-size:11px;color:#a5a5af}.array-scroll{overflow-x:auto;margin-top:4px}.array-svg{display:block;font-family:var(--mono)}.cell rect{fill:#1c1c1c;stroke:#565660;stroke-width:1.5;transition:fill .18s,stroke .18s}.cell-active rect{fill:#4e4b83;stroke:var(--accent)}.cell-match rect{fill:#29473e;stroke:var(--green)}.cell-visited rect{stroke:#66636f;fill:#26242d}.cell-value{fill:#f5f5f5;font-size:15px}.cell-value.small-value{font-size:8px}.cell-index{fill:#aaaab5;font-size:10px}.pointer-label{fill:var(--accent);font-size:11px}.cell-match .pointer-label{fill:var(--green)}.empty-label{fill:#9c9ca4;font-size:11px}.variables{display:flex;gap:8px;flex-wrap:wrap}.variable{flex:1;min-width:70px;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.variable .eyebrow{font-size:10px;letter-spacing:.4px}.variable code{background:#1c1c1c;border:1px solid #424242;border-radius:4px;padding:4px 7px;color:#a09bff;font-size:13px}.explanation{background:#202024;border:1px solid #3b394a;border-left:2px solid #7772ce;border-radius:7px;padding:16px;min-height:138px}.explanation-heading{display:flex;justify-content:space-between;align-items:center}.explanation-heading .eyebrow{font-size:10px;color:#aaa6cf}.explanation h3{font-size:15px;line-height:1.5;margin:10px 0 6px;font-weight:600}.explanation p{color:#b9b9c3;font-size:13px;line-height:1.8;margin:8px 0 0}.condition{display:block;color:#bcb9ff;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.explanation-result{border-color:#355247}.result-badge{color:var(--green);background:#20332b;border-radius:3px;font:10px var(--mono);padding:4px 7px}.approach-details{margin-top:20px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 22px;padding:0 4px}.approach-summary{flex:1;min-width:180px}.approach-summary .eyebrow,.complexity .eyebrow{color:#a0a0ad;font-size:10px}.approach-summary p{font-size:13px;color:#b2b2bd;line-height:1.6;margin:7px 0 0}.complexity{display:flex;gap:25px}.complexity>div{display:flex;flex-direction:column;gap:8px}.complexity code{color:#cbcbd1;font-size:12px}.complexity-note{margin:0;font-size:10px;line-height:1.7;color:#a0a0ad;flex-basis:100%}.code-panel{--code-gutter: 58px;--code-padding: 16px;--code-font-size: 13px;--code-line-height: 26px;background:#202023;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.code-toolbar{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:0 18px;min-height:34px}.language-tab{padding:7px 10px;line-height:17px;border-bottom:2px solid #d3d3d8;font-size:13px;font-weight:600}.code-hint{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaaab6}.code-hint svg{width:14px}.code-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:var(--code-padding) 0}.code-lines{margin:0;font-size:var(--code-font-size);line-height:var(--code-line-height);tab-size:4;min-width:max-content}.code-line{display:flex;padding-right:20px;border-left:2px solid transparent;min-height:var(--code-line-height)}.line-number{flex-shrink:0;width:calc(var(--code-gutter) - 2px);text-align:right;padding-right:14px;color:#82828f;font-size:11px;-webkit-user-select:none;user-select:none}.active-line{background:#343247;border-left-color:var(--accent)}.active-line .line-number{color:#bab5ff}.token.keyword,.token.boolean{color:#59b2ee}.token.comment{color:#85858f}.token.class-name{color:#62c6cc}.token.function{color:#dedba0}.token.number{color:#b9d4a0}.token.operator,.token.punctuation{color:#c9c9cf}.code-footer{flex-shrink:0;border-top:1px solid #303030;display:flex;justify-content:space-between;padding:12px 18px;color:#a0a0ad;font-size:11px}.code-footer>span:first-child{display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;background:#8d87e5;border-radius:50%}.set-card{padding-bottom:12px}.set-values{min-height:36px;padding:8px 0 2px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.set-value{background:#333042;color:#c2beff;border:1px solid #514b70;border-radius:4px;padding:5px 9px;font:12px var(--mono)}.set-match{background:#29473e;color:var(--green);border-color:#4a8e76}.set-empty{font:14px var(--mono);color:#8c869d}.set-empty span{font:11px Segoe UI,Helvetica,sans-serif;margin-left:10px;color:#a0a0ad}.set-note{font-size:11px;line-height:1.6;color:#a0a0ad;margin:10px 0 0}.input-dialog{color:#e7e7e7;background:#222;border:1px solid #47474d;border-radius:12px;width:min(520px,calc(100vw - 32px));padding:25px;box-shadow:0 24px 100px #0008}.input-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.dialog-heading h2{font-size:18px;margin-top:8px}.dialog-heading .eyebrow{font-size:9px;color:var(--accent)}.input-dialog label{display:block;font:12px var(--mono);margin-bottom:9px}.input-dialog textarea{display:block;resize:vertical;width:100%;min-height:88px;background:#191919;color:#ddd;padding:13px;border:1px solid #45454d;border-radius:5px;font:13px/1.7 var(--mono)}.input-hint{font-size:11px;line-height:1.7;color:#92929c}.input-error{color:#ffa39d;font-size:12px;min-height:15px}.dialog-examples>.eyebrow{color:#a0a0ad;font-size:9px}.example-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.example-buttons button{padding:6px 8px;background:#29292d;border:1px solid #3e3e44;color:#aaaab5;border-radius:4px;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:26px}@media(min-width:1600px){.code-panel{--code-font-size: 16px;--code-line-height: 28px}}@media(max-width:1100px){.code-panel{--code-font-size: 12px;--code-line-height: 25px}.tab-method{display:none}.complexity{gap:15px}}@media(max-width:760px){.split-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,var(--panel-split)) 8px minmax(0,var(--panel-rest))}.panel-resizer{cursor:row-resize}.panel-resizer span{width:36px;height:2px}.code-panel{min-height:0}.approach-tabs{padding:0 16px;gap:23px}.page-header{padding:0 16px}.app-label{display:none}.code-footer{font-size:9px}}@container (max-width: 480px){.visualizer-heading{padding:8px 12px;gap:8px}.step-counter{padding:0;background:transparent;font-size:10px}.visual-content{padding:12px}.player{padding:14px 12px 12px}.player-buttons{grid-template-columns:auto 1fr auto;gap:8px}.transport{justify-content:center;gap:4px}.speeds button{padding:8px}.variables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 320px){.speeds{grid-column:2;justify-self:center}.player-buttons{grid-template-columns:34px 1fr 34px}}@media(max-width:400px){.page-title{gap:9px}h1{font-size:15px}.approach-tabs{gap:18px}.approach-tabs button{gap:6px;font-size:12px}.code-footer{padding:10px 12px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mode-switch{display:flex;flex-shrink:0;gap:2px;padding:2px;border:1px solid var(--border);border-radius:8px;background:#17171b}.mode-switch button{padding:3px 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.mode-switch button[aria-current=page]{background:#34314d;border-color:#57517e;color:#e0ddff}@media(max-width:600px){.page-header{height:auto;min-height:42px;flex-wrap:wrap;gap:8px;padding-top:5px;padding-bottom:5px}.mode-switch{margin-left:auto}}.approach-header>.approach-tabs{padding:0 14px;gap:18px;overflow-x:auto}.approach-header>.approach-tabs button{flex-shrink:0;gap:6px;padding:10px 0;font-size:12px}.approach-header>.approach-tabs .tab-method{display:none}.visualization-panel>.approach-details,.visualization-panel>.editor-rules{margin-left:18px;margin-right:18px;margin-bottom:18px}.approach-header{display:flex;align-items:center;gap:10px;padding-right:14px;border-bottom:1px solid var(--border)}.approach-header>.approach-tabs{flex:1;min-width:0;border-bottom:0}.approach-header>.step-counter{flex-shrink:0}