:root,.light{--bg:#faf6ef;--bg-elevated:#fff;--fg:#2a2723;--fg-muted:#6b655b;--accent:#3a6488;--accent-hover:#2e5070;--accent-contrast:#fff;--border:#ece3d4;--success:#367044;--warn:#9a5429;--error:#a32f2f;--code-bg:#f2ece0;--link-visited:#7a5d86;--shadow-soft:0 1px 3px #28221a0d;--viz-1:#4a7aa0;--viz-2:#b06a3c;--viz-3:#5c7f4f;--viz-4:#a8546a;--viz-5:#74638f;--viz-6:#9a7d3a;--viz-active:#b5612a;--viz-muted:#9c8f78;--clay:#b06a3c}.dark{--bg:#211e1a;--bg-elevated:#2c2823;--fg:#ece4d6;--fg-muted:#a89c88;--accent:#7ba3c4;--accent-hover:#93b6d2;--accent-contrast:#1c1a16;--border:#3a352d;--success:#6fae74;--warn:#d29155;--error:#d97a72;--code-bg:#1b1813;--link-visited:#b69ec2;--shadow-soft:0 2px 6px #0000004d}:root{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--text-h1:2rem;--lh-h1:1.2;--text-h2:1.5rem;--lh-h2:1.25;--text-h3:1.25rem;--lh-h3:1.3;--text-base:1rem;--lh-base:1.6;--text-sm:.875rem;--lh-sm:1.5;--text-code:.9375rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--content-max:1120px;--reading:72ch;--header-h:64px;--ad-h:min(80px, 10dvh);--radius-card:12px}@media (max-width:600px){:root{--header-h:56px}}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}html.tsize-sm{font-size:100%}html.tsize-md{font-size:112.5%}html.tsize-lg{font-size:125%}html.tsize-xl{font-size:137.5%}.app-shell{background:var(--bg);height:100dvh;color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);grid-template:"header header header""sidebar main adrail"1fr/auto 1fr auto;display:grid}.app-header{height:var(--header-h);background:var(--bg-elevated);border-bottom:1px solid var(--border);grid-area:header}.app-sidebar{border-right:1px solid var(--border);background:var(--bg);width:17rem;min-height:0;padding-bottom:var(--ad-h);grid-area:sidebar;position:relative;overflow:hidden auto}.app-sidebar-inner{padding:var(--sp-4) var(--sp-3)}.app-sidebar-loading{color:var(--fg);justify-content:center;display:flex;position:absolute;top:25%;left:0;right:0}.app-sidebar ul{margin:0 0 var(--sp-1);padding:0;list-style:none}.nav-backdrop{display:none}.nav-toggle{padding:var(--sp-2)}.icon-btn{justify-content:center;align-items:center;display:inline-flex}.app-sidebar,.app-main{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--fg-muted) 40%, transparent) transparent}.app-sidebar::-webkit-scrollbar{width:11px;height:11px}.app-main::-webkit-scrollbar{width:11px;height:11px}.app-sidebar::-webkit-scrollbar-track{background:0 0}.app-main::-webkit-scrollbar-track{background:0 0}.app-sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fg-muted) 38%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.app-main::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fg-muted) 38%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.app-sidebar:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fg-muted) 58%, transparent);background-clip:padding-box}.app-main:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fg-muted) 58%, transparent);background-clip:padding-box}.app-sidebar::-webkit-scrollbar-button{display:none}.app-main::-webkit-scrollbar-button{display:none}@media (min-width:901px){.app-shell.nav-closed .app-sidebar{display:none}}@media (max-width:900px){.app-sidebar{top:var(--header-h);z-index:60;width:min(20rem,84vw);box-shadow:var(--shadow-soft);transition:transform .2s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.app-shell.nav-open .app-sidebar{transform:none}.app-shell.nav-open .nav-backdrop{inset:0;top:var(--header-h);z-index:55;background:#00000052;display:block;position:fixed}}@media (prefers-reduced-motion:reduce){.app-sidebar{transition:none}}.app-header>.wrap{height:100%;max-width:var(--content-max);padding:0 var(--sp-5);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--sp-2);font-size:var(--text-h3);color:var(--fg);font-weight:700;text-decoration:none;display:inline-flex}.controls,.controls-inline{align-items:center;gap:var(--sp-3);display:flex}.controls-compact{display:none;position:relative}.controls-pop{z-index:45;align-items:stretch;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0}.header-left{align-items:center;gap:var(--sp-4);min-width:0;display:flex}@media (max-width:560px){.controls-inline{display:none}.controls-compact{display:flex}}.catmenu{position:relative}.catmenu-btn{gap:var(--sp-2)}.catmenu-label{font-size:var(--text-sm)}.catmenu-panel{z-index:40;background:var(--bg-elevated);border:1px solid var(--border);width:320px;max-width:min(360px,90vw);max-height:70vh;box-shadow:var(--shadow-soft);padding:var(--sp-2);border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.catmenu-panel ul{margin:0 0 var(--sp-1);padding:0;list-style:none}.catmenu-heading{margin:var(--sp-1) var(--sp-2);font-size:var(--text-sm);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.catmenu-divider{border:none;border-top:1px solid var(--border);margin:var(--sp-2) 0}.catmenu-row{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);color:var(--fg);border-radius:8px;display:flex}.catmenu-row:hover{background:var(--bg);text-decoration:none}.catmenu-row[aria-current=page]{color:var(--accent)}.catmenu-text{flex-direction:column;min-width:0;display:flex}.catmenu-title{font-weight:600}.catmenu-desc{font-size:var(--text-sm);color:var(--fg-muted)}.catmenu-tree{margin:0 0 var(--sp-1);padding:0;list-style:none}.catmenu-cat-head{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);color:var(--fg);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;font-weight:600;display:flex}.catmenu-cat-head:hover{background:var(--bg)}.catmenu-chevron{color:var(--fg-muted);transition:transform .18s}.catmenu-cat-head.is-open .catmenu-chevron{transform:rotate(180deg)}.catmenu-cat-title{min-width:0}.catmenu-cat-body{margin:0 0 var(--sp-2) calc(var(--sp-3) + 6px);padding-left:var(--sp-3);border-left:1px solid var(--border)}.catmenu-overview{padding:var(--sp-1) var(--sp-2);font-size:var(--text-sm);color:var(--accent);display:block}.catmenu-overview:hover{text-decoration:underline}.catmenu-sec{margin-top:var(--sp-1)}.catmenu-sec-head{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-1) var(--sp-2);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;border-radius:6px;display:flex}.catmenu-sec-head:hover{background:var(--bg)}.catmenu-sec-head.is-open .catmenu-chevron{transform:rotate(180deg)}.catmenu-sec-title{font-size:var(--text-sm);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.catmenu-sec>ul{padding-left:var(--sp-4);border-left:1px solid var(--border);margin-left:calc(var(--sp-5) + 1px)}.catmenu-article,.catmenu-article:visited{padding:var(--sp-1) var(--sp-2);color:var(--fg);border-radius:6px;display:block}.catmenu-overview:visited{color:var(--accent)}.catmenu-article:hover{background:var(--bg);text-decoration:none}.catmenu-article[aria-current=page]{color:var(--accent);font-weight:600}@media (max-width:600px){.catmenu-label{display:none}.header-left{gap:var(--sp-2)}}.app-main{min-height:0;padding-bottom:var(--ad-h);grid-area:main;overflow-y:auto}.app-adrail{border-left:1px solid var(--border);width:332px;min-height:0;padding:var(--sp-4) var(--sp-3) calc(var(--ad-h) + var(--sp-4));align-items:center;gap:var(--sp-5);flex-direction:column;grid-area:adrail;display:flex;overflow-y:auto}.article-ad,.list-ad{margin:var(--sp-7) 0 var(--sp-4);text-align:center;min-height:90px;overflow:hidden}.article-ad .adsbygoogle,.list-ad .adsbygoogle,.app-adrail .adsbygoogle{margin:0 auto}.sidebar-ad{margin:var(--sp-5) var(--sp-2) var(--sp-4);text-align:center;height:300px;overflow:hidden}.sidebar-ad .adsbygoogle,.sidebar-ad .adsbygoogle iframe{height:300px!important;max-height:300px!important}.app-main>.wrap{max-width:var(--content-max);padding:var(--sp-6) var(--sp-5) var(--sp-8);margin-inline:auto}.prose{max-width:var(--reading)}.bleed{max-width:var(--content-max)}.app-footer{justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--border);color:var(--fg-muted);font-size:var(--text-sm);display:flex}.app-footer a{color:var(--fg-muted)}.app-footer a:hover{color:var(--fg)}.ad-band{height:var(--ad-h);z-index:40;background:var(--bg);border-top:1px solid var(--border);max-height:80px;color:var(--fg-muted);font-size:var(--text-sm);text-align:center;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.ad-band .adsbygoogle{margin:0 auto}h1{font-size:var(--text-h1);line-height:var(--lh-h1);margin:0 0 var(--sp-4);font-weight:700}h2{font-size:var(--text-h2);line-height:var(--lh-h2);margin:var(--sp-6) 0 var(--sp-3);font-weight:650}h3{font-size:var(--text-h3);line-height:var(--lh-h3);margin:var(--sp-5) 0 var(--sp-2);font-weight:600}p{margin:0 0 var(--sp-4)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}a:visited{color:var(--link-visited)}code{font-family:var(--font-mono);font-size:var(--text-code);background:var(--code-bg);border-radius:4px;padding:.1em .35em}.icon{background-color:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn,.pill{border:1px solid var(--border);color:var(--fg);font:inherit;padding:var(--sp-2) var(--sp-4);cursor:pointer;background:0 0;border-radius:999px}.btn:hover,.pill:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.seg-track{border:1px solid var(--border);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.seg-item{justify-content:center;align-items:center;gap:var(--sp-1);min-width:40px;min-height:32px;padding:var(--sp-1) var(--sp-3);color:var(--fg-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;border-radius:999px;display:inline-flex}.seg-item[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}:where(.btn,.pill,.seg-item):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-grid{gap:var(--sp-5);margin:var(--sp-6) 0;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));display:grid}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--sp-5);color:var(--fg);display:block}.card:visited{color:var(--fg)}.card:hover{border-color:var(--accent);text-decoration:none}.card h3{margin:0 0 var(--sp-2)}.card p{color:var(--fg-muted);font-size:var(--text-sm);margin:0}.chip{border:1px solid var(--border);color:var(--fg-muted);font-size:var(--text-sm);padding:2px var(--sp-3);background:0 0;border-radius:999px;align-items:center;display:inline-flex}.chip-row{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.viz-caption{color:var(--fg-muted);font-size:var(--text-sm)}.tsize{display:inline-flex;position:relative}.tsize-glyph{font-weight:700;line-height:1}.tsize-menu{z-index:30;padding:var(--sp-1);background:var(--bg-elevated);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-soft);border-radius:10px;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.tsize-option{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:6px;font-family:inherit;display:block}.tsize-option:hover{color:var(--accent)}.tsize-option[aria-selected=true]{color:var(--accent);font-weight:600}.tsize-option[data-size=sm]{font-size:.875rem}.tsize-option[data-size=md]{font-size:1rem}.tsize-option[data-size=lg]{font-size:1.125rem}.tsize-option[data-size=xl]{font-size:1.25rem}.term{cursor:help;position:relative}.term>strong{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.term:focus{outline:none}.term-pop{z-index:20;width:max-content;max-width:min(20rem,80vw);padding:var(--sp-2) var(--sp-3);background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);font-size:var(--text-sm);opacity:0;visibility:hidden;border-radius:10px;font-weight:400;line-height:1.4;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px);box-shadow:0 6px 20px #0000001a}.term:hover .term-pop,.term:focus .term-pop,.term:focus-within .term-pop{opacity:1;visibility:visible;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.term-pop{transition:none}}details.sources{margin:var(--sp-7) 0 var(--sp-4);border-top:1px solid var(--border);padding-top:var(--sp-4)}details.sources>summary{cursor:pointer;color:var(--accent);font-weight:600;list-style-position:inside}details.sources>summary:hover{color:var(--accent-hover)}details.sources[open]>summary{margin-bottom:var(--sp-3)}details.sources :where(ul,li){font-size:var(--text-sm);color:var(--fg-muted)}.breadcrumb{align-items:center;gap:var(--sp-2);color:var(--fg-muted);font-size:var(--text-sm);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.breadcrumb a{align-items:center;gap:var(--sp-1);color:var(--fg-muted);display:inline-flex}.breadcrumb a:hover{color:var(--accent)}.bc-sep{opacity:.55}.byline{color:var(--fg-muted);font-size:var(--text-sm);margin-top:calc(-1 * var(--sp-2))}.recommend-row{gap:var(--sp-5);margin-top:var(--sp-7);border-top:1px solid var(--border);padding-top:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.recommend{margin:0}.recommend-heading{margin:0 0 var(--sp-3);font-size:var(--text-sm);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.recommend .card-grid{gap:var(--sp-3);grid-template-columns:1fr;margin:0}.category-hero{align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.category-hero .icon{color:var(--accent);flex:none}.category-hero h1{margin-bottom:var(--sp-2)}.cat-section{margin-bottom:var(--sp-7)}.cat-section>h2{margin-bottom:var(--sp-1)}.cat-section-desc{color:var(--fg-muted);margin-bottom:var(--sp-4);max-width:60ch}.card{position:relative}.card .icon{margin-bottom:var(--sp-2);color:var(--accent);display:block}.card-count{top:var(--sp-3);right:var(--sp-3);font-size:var(--text-sm);color:var(--fg-muted);border:1px solid var(--border);text-align:center;min-width:1.6em;padding:0 var(--sp-2);border-radius:999px;position:absolute}.chip .icon{margin-right:var(--sp-1)}.prevnext{justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-7);border-top:1px solid var(--border);padding-top:var(--sp-4);flex-wrap:wrap;display:flex}.prevnext-link{align-items:center;gap:var(--sp-2);color:var(--fg);display:inline-flex}.prevnext-next{text-align:right;margin-left:auto}.prevnext-link small{color:var(--fg-muted);font-size:var(--text-sm);display:block}.back-to-category{margin-top:var(--sp-5);font-size:var(--text-sm)}.sortviz{margin:var(--sp-6) 0}.sortviz-editor{gap:var(--sp-2);margin-bottom:var(--sp-3);display:grid}.sortviz-cell{text-align:center;min-width:0;min-height:40px;font-family:var(--font-mono);color:var(--fg);background:var(--bg-elevated);border:1px solid var(--border);padding:var(--sp-1);border-radius:8px}.sortviz-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.sortviz-cell:disabled{opacity:.55}.seg-wrap{flex-wrap:wrap;max-width:100%}.loading-stage{margin:var(--sp-5) 0;position:relative}.route-loading{justify-content:center;align-items:center;min-height:50vh;display:flex}.welcome-overlay{z-index:1000;background:var(--bg);opacity:1;justify-content:center;align-items:center;transition:opacity .42s;display:flex;position:fixed;inset:0}.welcome-overlay.leaving{opacity:0}@media (prefers-reduced-motion:reduce){.welcome-overlay{transition:none}}.loading-vec{top:var(--sp-3);left:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);border:1px solid var(--border);padding:var(--sp-1) var(--sp-2);border-radius:8px;position:absolute}.loading-controls{align-items:flex-end;gap:var(--sp-4);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.loading-controls label{font-size:var(--text-sm);color:var(--fg-muted);flex-direction:column;gap:4px;display:flex}.loading-controls input{width:84px;padding:var(--sp-1) var(--sp-2);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg);border-radius:8px}.viz-stage{width:100%}.viz-edit{margin-top:var(--sp-3)}.status-log{width:100%;margin-top:var(--sp-2);justify-content:center;display:flex}.status-log-canvas{width:100%;max-width:var(--content-max,720px);height:auto}.viz-toggle{align-items:center;gap:var(--sp-2);color:var(--fg-muted);font-size:var(--text-sm);display:inline-flex}.viz-toggle-tag{color:var(--fg-muted)}.viz-toggle-btn{min-height:32px;padding:var(--sp-1) var(--sp-3);border:1px solid var(--border);color:var(--fg-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border-radius:999px}.viz-toggle-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.viz-select-wrap{color:var(--fg-muted);align-items:center;display:inline-flex;position:relative}.viz-select-wrap:after{content:"";right:var(--sp-3);pointer-events:none;background-color:currentColor;width:11px;height:11px;position:absolute;top:50%;transform:translateY(-50%);-webkit-mask:url(/icons/ui/chevron-down.svg) 50%/contain no-repeat;mask:url(/icons/ui/chevron-down.svg) 50%/contain no-repeat}.viz-toggle-select{appearance:none;min-height:32px;padding:var(--sp-1) calc(var(--sp-3) + 16px) var(--sp-1) var(--sp-3);border:1px solid var(--border);color:var(--fg);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border-radius:999px;transition:border-color .15s}.viz-toggle-select:hover{border-color:var(--accent)}.viz-toggle-select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);outline:none}.speed-control{display:inline-flex;position:relative}.speed-pop{background:var(--bg-elevated);z-index:20;flex-wrap:wrap;justify-content:center;width:max-content;max-width:min(94vw,540px);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000014}.legend{justify-content:center;align-items:center;min-height:48px;display:flex}.legend-canvas{width:100%;max-width:480px;height:60px}.legend-canvas.is-hidden{display:none}.legend-fallback{color:var(--fg);font-weight:600}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.bubble-row-svg{width:100%;height:260px;display:block}.bubble-scene-canvas{width:100%;height:auto;display:block}.bubble{transition:transform .42s}.bubble :where(circle,rect){stroke:var(--viz-1);stroke-width:3px;fill:var(--viz-2);fill-opacity:.1;filter:url(#bubblewobble)}.bubble[data-sign=neg] :where(circle,rect){fill:var(--viz-1);fill-opacity:.1}.bubble.is-sorted :where(circle,rect){stroke:var(--viz-3);fill:var(--viz-3);fill-opacity:.12}.bubble.is-compare :where(circle,rect){stroke:var(--viz-active);fill:var(--viz-active);fill-opacity:.14}.bubble.is-swap :where(circle,rect){stroke:var(--viz-active);stroke-width:3.8px;fill:var(--viz-active);fill-opacity:.2}.bubble text{fill:var(--fg);font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;font-size:30px}.cursor-arrow{fill:var(--fg)}.sortviz-bar{align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);flex-direction:column;display:flex}.sortviz-row{justify-content:center;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.sortviz-group{align-items:center;gap:var(--sp-2);display:flex}.sortviz-size{align-items:center;gap:var(--sp-2);color:var(--fg-muted);font-size:var(--text-sm);display:inline-flex}.sortviz-status{justify-content:center;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);text-align:center;flex-wrap:wrap;display:flex}.sortviz-pass{color:var(--fg-muted);font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){.bubble{transition:none}}.stepplayer{margin:var(--sp-6) 0}.stepplayer-stage{justify-content:center;align-items:center;display:flex}.stepplayer-bar{justify-content:center;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.stepplayer-count{color:var(--fg-muted);font-size:var(--text-sm);text-align:center;min-width:8ch}.btn{align-items:center;gap:var(--sp-1);display:inline-flex}.btn-step{padding-left:calc(var(--sp-4) * 1.5);padding-right:calc(var(--sp-4) * 1.5)}.btn-next-hint:not(:disabled){animation:4.5s ease-in-out infinite next-hint}@keyframes next-hint{0%,72%,to{border-color:var(--border);box-shadow:0 0 #0000}82%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent)}}@media (prefers-reduced-motion:reduce){.btn-next-hint{animation:none}}@media (max-width:600px){.app-header>.wrap{padding:0 var(--sp-4)}.app-main>.wrap{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.controls{gap:var(--sp-2)}}@media (max-width:400px){.brand-text{display:none}.seg-item{min-width:36px;padding:var(--sp-1) var(--sp-2)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}