.sort-controls[data-v-9822a572]{display:flex;min-width:0;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:18px;border:1px solid var(--sort-border);border-radius:14px;background:var(--sort-surface-muted);padding:12px}.algorithm-control[data-v-9822a572],.speed-control[data-v-9822a572]{display:grid;min-width:0;gap:5px;color:var(--sort-text-subtle);font-size:.75rem;font-weight:800}.algorithm-control[data-v-9822a572]{flex:1 1 220px}.algorithm-control select[data-v-9822a572]{width:100%;min-height:46px;min-width:0;border:1px solid var(--sort-border);border-radius:10px;background:var(--sort-surface);color:var(--sort-text);padding:8px 11px;font:inherit;font-size:.9rem}.control-buttons[data-v-9822a572]{display:flex;min-width:0;flex:2 1 480px;flex-wrap:wrap;gap:8px}.sort-button[data-v-9822a572]{min-height:46px;border:1px solid transparent;border-radius:10px;padding:9px 14px;font:inherit;font-weight:800;cursor:pointer}.sort-button.primary[data-v-9822a572]{background:var(--sort-primary);color:#fff}.sort-button.secondary[data-v-9822a572]{border-color:var(--sort-border);background:var(--sort-surface);color:var(--sort-text)}.sort-button[data-v-9822a572]:disabled{cursor:not-allowed;opacity:.48}.sort-button[data-v-9822a572]:focus-visible,select[data-v-9822a572]:focus-visible,input[data-v-9822a572]:focus-visible{outline:3px solid rgb(36 88 211 / 25%);outline-offset:2px}.speed-control[data-v-9822a572]{flex:1 1 210px}.speed-label[data-v-9822a572]{display:flex;justify-content:space-between;gap:12px}.speed-control input[data-v-9822a572]{width:100%;min-height:40px;margin:0;accent-color:var(--sort-primary)}.mono[data-v-9822a572]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:620px){.control-buttons[data-v-9822a572],.algorithm-control[data-v-9822a572],.speed-control[data-v-9822a572]{flex-basis:100%}.sort-button[data-v-9822a572]{flex:1 1 calc(50% - 8px)}}@media(max-width:360px){.sort-button[data-v-9822a572]{flex-basis:100%;width:100%}}.aside-section[data-v-937e01df]{padding:18px 20px}.aside-section+.aside-section[data-v-937e01df]{border-top:1px solid var(--sort-border)}.eyebrow[data-v-937e01df]{margin-bottom:4px}.phase-badge[data-v-937e01df]{display:inline-flex;margin-bottom:10px;border-radius:999px;background:var(--sort-primary-soft);color:var(--sort-primary);padding:4px 9px;font-size:.7rem;font-weight:800}.current-action[data-v-937e01df]{border-left:4px solid var(--sort-primary);border-radius:10px;background:var(--sort-primary-soft);padding:13px}.current-action strong[data-v-937e01df]{display:block;margin-bottom:4px}.current-action p[data-v-937e01df]{margin-bottom:0;color:#35506f;font-size:.82rem}.variables-grid[data-v-937e01df]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.variable-card[data-v-937e01df]{min-width:0;border:1px solid var(--sort-border);border-radius:9px;background:var(--sort-surface-muted);padding:8px 9px}.variable-name[data-v-937e01df]{display:block;color:var(--sort-text-subtle);font-size:.67rem;font-weight:700}.variable-value[data-v-937e01df]{display:block;overflow-wrap:anywhere;font-size:.8rem}.locked-block[data-v-937e01df],.result-block[data-v-937e01df]{border-radius:11px;padding:12px 13px;font-size:.82rem}.locked-block[data-v-937e01df]{border:1px dashed #d7dee9;background:var(--sort-surface-muted);color:var(--sort-text-subtle)}.locked-block.full-width[data-v-937e01df]{grid-column:1 / -1}.result-block[data-v-937e01df]{border:1px solid #b9dfc8;background:#ecfdf3;color:#14532d}.result-block p[data-v-937e01df]{margin:5px 0 0;color:#166534}.mono[data-v-937e01df]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media(max-width:360px){.variables-grid[data-v-937e01df]{grid-template-columns:1fr}}.aside-section[data-v-0ead3ea1]{padding:18px 20px}.aside-section+.aside-section[data-v-0ead3ea1]{border-top:1px solid var(--sort-border)}.eyebrow[data-v-0ead3ea1]{margin-bottom:4px}.flow-description[data-v-0ead3ea1]{margin-bottom:10px;font-size:.82rem}.flow-legend[data-v-0ead3ea1]{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--sort-text-subtle);font-size:.68rem;font-weight:700}.flow-list[data-v-0ead3ea1]{display:grid;justify-items:center;gap:0;margin:12px 0 0;padding:0;list-style:none}.flow-item[data-v-0ead3ea1]{display:grid;width:100%;justify-items:center}.flow-shape[data-v-0ead3ea1]{display:grid;width:min(100%,270px);min-height:48px;place-items:center;border:2px solid var(--sort-border);background:var(--sort-surface-muted);padding:8px 16px;font-size:.74rem;font-weight:800;line-height:1.35;text-align:center}.flow-shape.process[data-v-0ead3ea1]{border-radius:8px}.flow-shape.terminal[data-v-0ead3ea1]{border-radius:999px}.flow-shape.decision[data-v-0ead3ea1]{min-height:70px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);padding-inline:46px}.flow-shape.repeat[data-v-0ead3ea1]{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.flow-shape.active[data-v-0ead3ea1]{border-color:var(--sort-primary);background:var(--sort-primary-soft);color:var(--sort-primary);box-shadow:0 0 0 3px #2458d31f}.flow-arrow[data-v-0ead3ea1]{color:var(--sort-text-subtle);line-height:1.2}.visual-panel[data-v-7e7308b6]{min-width:0;overflow:hidden;border:1px solid var(--sort-border);border-radius:var(--sort-radius);background:var(--sort-surface);box-shadow:var(--sort-shadow)}.panel-head[data-v-7e7308b6]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--sort-border);padding:18px 20px}.panel-head h2[data-v-7e7308b6]{margin-bottom:2px}.panel-head p[data-v-7e7308b6]{margin-bottom:0;font-size:.875rem}.status-badge[data-v-7e7308b6]{flex:0 0 auto;border-radius:999px;background:var(--sort-surface-muted);color:var(--sort-text-subtle);padding:6px 10px;font-size:.75rem;font-weight:800}.status-badge.running[data-v-7e7308b6]{background:#fff7e8;color:#9a4e00}.status-badge.done[data-v-7e7308b6]{background:#ecfdf3;color:#166534}.visual-body[data-v-7e7308b6]{min-width:0;padding:20px}.condition-item[data-v-7e7308b6],.bar-variable-box[data-v-7e7308b6],.comparison-box[data-v-7e7308b6]{border:1px solid var(--sort-border);border-radius:12px;background:var(--sort-surface-muted);padding:12px 14px}.condition-label[data-v-7e7308b6]{display:block;color:var(--sort-text-subtle);font-size:.75rem;font-weight:800}.condition-value[data-v-7e7308b6]{display:block;margin-top:3px;overflow-wrap:anywhere}.legend[data-v-7e7308b6]{display:flex;flex-wrap:wrap;gap:9px 14px;margin:14px 0;color:var(--sort-text-subtle);font-size:.75rem;font-weight:700}.legend span[data-v-7e7308b6]{display:inline-flex;align-items:center;gap:6px}.legend-dot[data-v-7e7308b6]{width:12px;height:12px;border-radius:3px}.legend-dot.normal[data-v-7e7308b6],.bar.state-normal[data-v-7e7308b6]{background:var(--sort-normal)}.legend-dot.compare[data-v-7e7308b6],.bar.state-compare[data-v-7e7308b6]{background:var(--sort-compare)}.legend-dot.action[data-v-7e7308b6],.bar.state-action[data-v-7e7308b6]{background:var(--sort-action)}.legend-dot.settled[data-v-7e7308b6],.bar.state-settled[data-v-7e7308b6]{background:var(--sort-settled)}.bar-variable-box[data-v-7e7308b6]{margin-bottom:12px}.comparison-box[data-v-7e7308b6]{margin-bottom:12px;border-color:#f5b942;background:#fffaf0}.comparison-list[data-v-7e7308b6]{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.comparison-operand[data-v-7e7308b6]{display:grid;min-width:132px;flex:1 1 0;grid-template-columns:1fr auto;gap:2px 10px;border:2px solid #b45309;border-radius:9px;background:var(--sort-compare);padding:7px 9px;color:#111827}.comparison-operand.external[data-v-7e7308b6]{border-style:dashed}.comparison-label[data-v-7e7308b6],.comparison-location[data-v-7e7308b6]{font-size:.68rem;font-weight:800}.comparison-value[data-v-7e7308b6]{grid-row:1 / span 2;grid-column:2;align-self:center;font-size:1rem}.comparison-location[data-v-7e7308b6]{color:#5f3705}.bar-variable-list[data-v-7e7308b6]{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.bar-variable-chip[data-v-7e7308b6]{border:1px solid var(--sort-border);border-radius:8px;background:var(--sort-surface);padding:4px 8px;color:var(--sort-text);font-size:.7rem;font-weight:700}.bar-variable-chip.muted[data-v-7e7308b6]{color:var(--sort-text-subtle)}.bars-wrap[data-v-7e7308b6]{display:flex;width:100%;min-width:0;height:320px;align-items:flex-end;gap:8px;overflow:hidden;border:1px solid var(--sort-border);border-radius:14px;background:linear-gradient(to top,#f8fafc,#fff);padding:12px 9px 8px}.bar-column[data-v-7e7308b6]{display:flex;min-width:0;height:100%;flex:1 1 0;flex-direction:column;justify-content:flex-end;gap:5px}.bar-marker[data-v-7e7308b6]{display:flex;min-height:38px;align-items:flex-end;justify-content:center;overflow-wrap:anywhere;color:var(--sort-text-subtle);font-size:.58rem;line-height:1.15;text-align:center}.bar[data-v-7e7308b6]{display:flex;min-height:48px;min-width:0;flex-direction:column;align-items:center;justify-content:space-between;border-radius:9px 9px 3px 3px;padding:6px 2px 4px;color:#111827;transition:height .18s ease,background .18s ease,transform .18s ease}.bar.state-compare[data-v-7e7308b6],.bar.state-action[data-v-7e7308b6]{transform:translateY(-3px)}.bar.state-action[data-v-7e7308b6],.bar.state-settled[data-v-7e7308b6]{color:#fff}.bar-value[data-v-7e7308b6]{font-size:.88rem}.bar-state[data-v-7e7308b6]{max-width:100%;font-size:.58rem;font-weight:900;line-height:1}.bar-index[data-v-7e7308b6]{color:var(--sort-text-subtle);font-size:.61rem;font-weight:700;text-align:center;white-space:nowrap}.array-row[data-v-7e7308b6]{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.array-view[data-v-7e7308b6]{min-width:0;overflow-wrap:anywhere;border-radius:9px;background:#111827;color:#f9fafb;padding:9px 11px;font-size:.82rem}.step-progress[data-v-7e7308b6]{flex:0 0 auto;color:var(--sort-text-subtle);font-size:.8rem}.mono[data-v-7e7308b6]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}@media(max-width:620px){.panel-head[data-v-7e7308b6],.visual-body[data-v-7e7308b6]{padding-left:15px;padding-right:15px}.bars-wrap[data-v-7e7308b6]{height:270px;gap:5px;padding-inline:6px}.bar-marker[data-v-7e7308b6]{min-height:34px;font-size:.5rem}.bar-state[data-v-7e7308b6]{font-size:.5rem}.array-row[data-v-7e7308b6]{align-items:stretch;flex-direction:column}.step-progress[data-v-7e7308b6]{align-self:flex-end}}@media(max-width:360px){.bars-wrap[data-v-7e7308b6]{height:250px;gap:3px;padding-inline:4px}.bar-index[data-v-7e7308b6]{font-size:.52rem}.bar-value[data-v-7e7308b6]{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.bar[data-v-7e7308b6]{transition:none}}.sort-material[data-v-d607023d]{--sort-text: #172033;--sort-text-subtle: #58657a;--sort-border: #dfe5ee;--sort-surface: #fff;--sort-surface-muted: #f8fafc;--sort-primary: #2458d3;--sort-primary-soft: #edf3ff;--sort-normal: #94a3b8;--sort-compare: #f59e0b;--sort-action: #dc2626;--sort-settled: #15803d;--sort-shadow: 0 7px 20px rgb(23 32 51 / 5%);--sort-radius: 16px;min-width:0;color:var(--sort-text)}.overview[data-v-d607023d]{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1fr);align-items:start;gap:20px;margin-bottom:20px;border:1px solid var(--sort-border);border-radius:var(--sort-radius);background:linear-gradient(145deg,#fff,#f7faff);padding:20px}.overview h2[data-v-d607023d],.overview p[data-v-d607023d]{margin-bottom:0}.learning-shell[data-v-d607023d]{display:grid;min-width:0;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);align-items:start;gap:20px}.main-column[data-v-d607023d]{min-width:0}.aside-panel[data-v-d607023d]{min-width:0;overflow:hidden;border:1px solid var(--sort-border);border-radius:var(--sort-radius);background:var(--sort-surface);box-shadow:var(--sort-shadow)}@media(max-width:900px){.learning-shell[data-v-d607023d]{grid-template-columns:1fr}.overview[data-v-d607023d]{grid-template-columns:1fr;gap:8px}}@media(max-width:360px){.overview[data-v-d607023d]{padding:16px}}:root{--color-background: #f5f7fb;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-text: #172033;--color-text-subtle: #58657a;--color-border: #dfe5ee;--color-primary: #2458d3;--color-primary-hover: #1746b8;--color-primary-soft: #edf3ff;--shadow-card: 0 12px 30px rgb(23 32 51 / 8%);--radius-card: 16px;--page-max-width: 1160px}*{box-sizing:border-box}html{background:var(--color-background)}body{margin:0;min-width:0;background:var(--color-background);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;line-height:1.65}a{color:inherit;font:inherit}a:focus-visible{outline:3px solid rgb(36 88 211 / 25%);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.24;letter-spacing:-.025em}h2{margin-bottom:12px;font-size:clamp(1.35rem,3vw,1.875rem);line-height:1.35}h3{margin-bottom:8px;font-size:1.125rem;line-height:1.45}p{color:var(--color-text-subtle)}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--color-border);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{display:flex;width:min(100% - 32px,var(--page-max-width));min-height:68px;align-items:center;justify-content:space-between;gap:20px;margin:0 auto}.brand{padding:8px 0;color:var(--color-text);font-weight:800;letter-spacing:.01em;line-height:1.35;text-decoration:none}.brand small{display:block;color:var(--color-text-subtle);font-size:.6875rem;font-weight:600}.global-nav{display:flex;align-items:center;gap:6px}.nav-link{border-radius:10px;padding:9px 12px;color:var(--color-text-subtle);font-weight:700;text-decoration:none}.nav-link:hover{background:var(--color-surface-muted);color:var(--color-text)}.nav-link[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary)}.app-main{min-height:calc(100vh - 68px)}.page{width:min(100% - 32px,var(--page-max-width));margin:0 auto;padding:42px 0 72px}.hero,.card,.material-card,.foundation-panel,.empty-state{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.hero{padding:32px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:var(--shadow-card)}.lead{max-width:760px;font-size:1.0625rem}.eyebrow{display:block;margin-bottom:10px;color:var(--color-primary);font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section{margin-top:36px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.card{min-width:0;padding:20px}.card p:last-child,.foundation-panel p:last-child{margin-bottom:0}.step-number{display:grid;width:34px;height:34px;place-items:center;margin-bottom:14px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-weight:900}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:10px 16px;font-weight:800;text-decoration:none}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover{background:var(--color-primary-hover)}.button-secondary{border-color:var(--color-border);background:var(--color-surface)}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.back-link{flex:0 0 auto;color:var(--color-primary);font-weight:800;text-decoration:none}.material-grid{display:grid;gap:16px}.material-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px;box-shadow:0 7px 20px #1720330a}.history-list{display:grid;gap:16px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:22px;box-shadow:0 7px 20px #1720330a}.history-item h2{margin:8px 0 2px}.history-time{margin-bottom:0;font-size:.875rem}.material-card h2,.material-title{margin-top:10px}.material-card p{margin-bottom:0}.tag{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 10px;background:var(--color-primary-soft);color:var(--color-primary);font-size:.75rem;font-weight:800}.foundation-panel,.empty-state{padding:24px}.empty-state{text-align:center}@media(max-width:820px){.info-grid{grid-template-columns:1fr}}@media(max-width:620px){.header-inner{width:min(100% - 20px,var(--page-max-width));min-height:62px;gap:10px}.brand{font-size:.875rem}.brand small{display:none}.global-nav{gap:2px}.nav-link{padding:8px 9px;font-size:.75rem}.page{width:min(100% - 20px,var(--page-max-width));padding:26px 0 56px}.hero{padding:22px 18px}.lead{font-size:.9375rem}.page-title-row{align-items:flex-start;flex-direction:column}.material-card{grid-template-columns:1fr}.material-card .button,.history-item .button{width:100%}.history-item{grid-template-columns:1fr}}@media(max-width:360px){.header-inner{width:calc(100% - 14px)}.brand{max-width:92px}.nav-link{padding:8px 6px;font-size:.6875rem}.page{width:calc(100% - 16px)}.button-row{flex-direction:column}.button-row .button{width:100%}}