:root{color:#445141;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eff2e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#ffffffbf,#0000 28%),linear-gradient(#eff2e7 0%,#e7eddc 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,p,ul,ol,dl{margin-top:0}h1,h2,h3,strong{color:#1a2518}h1{margin-bottom:10px;font-size:42px;line-height:1.08}h2{margin-bottom:6px;font-size:19px;line-height:1.2}a{color:inherit}#root{min-height:100vh}@media (width<=900px){h1{font-size:32px}}.app-shell{flex-direction:column;gap:24px;padding:28px;display:flex}.app-header{background:linear-gradient(135deg,#f6f5ef 0%,#f0f4e5 100%);border:1px solid #cfd4bc;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 28px;display:flex}.eyebrow{text-transform:uppercase;color:#547b73;margin:0 0 10px;font-size:12px;font-weight:700}.lede{max-width:62ch}.header-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.header-badges span{color:#324538;background:#ffffffb3;border:1px solid #bdc3aa;border-radius:8px;padding:8px 10px;font-size:14px}.app-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(280px,320px);align-items:start;gap:20px;display:grid}.panel{background:#fbfcf7;border:1px solid #d7dbc8;border-radius:8px}.panel-controls,.panel-sidebar{padding:20px;position:sticky;top:16px}.panel-main{padding:20px}.panel-heading{margin-bottom:18px}.control-stack{flex-direction:column;gap:16px;display:flex}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{color:#33422f;flex-direction:column;gap:6px;display:flex}.field span{font-size:14px;font-weight:600}.field small{color:#5e6351;font-size:12px}.field input,.field select,.ghost-button{box-sizing:border-box;color:#1d2f23;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #bcc3aa;border-radius:8px;padding:10px 12px}.field input[type=range]{padding:0}.ghost-button{cursor:pointer;background:#eef3e4;font-weight:600}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.summary-tile{background:#fff;border:1px solid #d7dbc8;border-radius:8px;min-height:132px;padding:16px}.summary-tile span{text-transform:uppercase;color:#5c6955;margin-bottom:8px;font-size:13px;display:block}.summary-tile strong{color:#1a2518;margin-bottom:8px;font-size:24px;line-height:1.2;display:block}.detail-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.detail-card{background:#fff;border:1px solid #d7dbc8;border-radius:8px;padding:16px}.detail-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;display:grid}.detail-matrix div{background:#f8faf2;border:1px solid #e2e6d5;border-radius:8px;padding:12px}.detail-matrix dt{text-transform:uppercase;color:#5e6351;margin-bottom:4px;font-size:12px}.detail-matrix dd{color:#1a2518;margin:0;font-weight:700}.alternatives-block{margin-top:16px}.alternatives-list{margin:10px 0 0;padding:0;list-style:none}.alternatives-list li{border-bottom:1px solid #edf0e3;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.alternatives-list li:last-child{border-bottom:0}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.charts-grid__wide{grid-column:1/-1}.viz-panel{background:#fff;border:1px solid #d7dbc8;border-radius:8px;flex-direction:column;min-height:320px;padding:16px;display:flex}.viz-panel__header{margin-bottom:12px}.chart-canvas{flex:1;min-height:240px}.chart-fallback{flex-direction:column;gap:8px;padding-top:8px;display:flex}.chart-fallback__row{background:#f8faf2;border:1px solid #e2e6d5;border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.btree-visual,.access-path{flex-direction:column;gap:12px;display:flex}.btree-level{flex-direction:column;gap:8px;display:flex}.btree-label{text-transform:uppercase;color:#5e6351;font-size:12px}.btree-node{color:#273228;background:#f8faf2;border:1px solid #cfd4bc;border-radius:8px;padding:10px 12px}.btree-node.is-active{background:#dceee7;border-color:#8fcbbe}.btree-node.is-leaf{background:#eef3db;border-color:#c7d48f}.btree-caption{color:#54604a;font-size:14px}.access-step{border:1px solid #d7dbc8;border-radius:8px;padding:14px}.access-step--btree,.access-step--leaf{background:#eef4fb}.access-step--heap{background:#fef2e6}.access-step--visibility{background:#eef8e6}.access-step--result,.access-step--planner{background:#f7f4ea}.sidebar-section+.sidebar-section{border-top:1px solid #e0e4d4;margin-top:20px;padding-top:20px}.detail-list,.ranking-list{margin:12px 0 0;padding-left:18px}.detail-list li+li{margin-top:8px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;display:grid}.stat-grid div{background:#fff;border:1px solid #e2e6d5;border-radius:8px;padding:12px}.stat-grid dt{text-transform:uppercase;color:#5e6351;margin-bottom:4px;font-size:12px}.stat-grid dd{color:#1a2518;margin:0;font-weight:700}.ranking-list{padding:0;list-style:none}.ranking-list li{border-bottom:1px solid #edf0e3;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.ranking-list li:last-child{border-bottom:0}.ranking-list div{flex-direction:column;gap:4px;display:flex}.ranking-list span{color:#556252}@media (width<=1180px){.app-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-sidebar{grid-column:1/-1;position:static}}@media (width<=900px){.app-shell{padding:16px}.app-header,.app-layout{grid-template-columns:1fr;display:grid}.app-header{padding:18px}.panel-controls,.panel-sidebar{position:static}.summary-strip,.detail-panels,.charts-grid,.field-grid,.stat-grid,.detail-matrix{grid-template-columns:1fr}}