body,html{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#fff;color:#213547;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;display:flex;justify-content:center}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1}.dark ::-webkit-scrollbar-track{background:#2c2c2c}::-webkit-scrollbar-thumb{background:#888;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#555}.dark ::-webkit-scrollbar-thumb{background:#555}.dark ::-webkit-scrollbar-thumb:hover{background:#777}.App{font-family:sans-serif;padding:10px;width:100%;box-sizing:border-box;margin:0 auto}.top-controls-grid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:32px;margin:32px 0;align-items:stretch}.top-card{display:flex;flex-direction:column;gap:16px;padding:20px 24px;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 20px #0f172a14}.top-card-title{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.dark .top-card-title{color:#eef1ff}.top-card--mode .table-controls,.top-card--actions .action-buttons{margin:0;justify-content:flex-start}.top-card--mode .table-controls .control-group{flex-wrap:wrap}.top-card--mode .vma-input{text-align:left;margin-bottom:0}.top-card--mode .vma-input label{margin-right:12px}.top-card--mode .reference-toggle{justify-content:flex-start;margin:0}.top-card--mode .reference-estimator{margin:0;max-width:none;width:100%;text-align:left}.top-card--mode .reference-row,.top-card--mode .reference-actions{justify-content:flex-start}.top-card--actions .action-buttons{flex-direction:column;align-items:stretch;gap:12px}.top-card--actions .MuiButton-root{width:100%}.top-card--pace .pace-config{margin:0;padding:0;border:0;background:transparent;max-width:none;box-shadow:none}.dark .top-card{background-color:#1f2734;border-color:#2f3647;box-shadow:none}.dark .top-card--pace .pace-config{background:transparent;border:0}@media (max-width: 1100px){.top-controls-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 640px){.top-controls-grid{gap:16px}.top-card--actions .action-buttons{flex-direction:row;align-items:center;justify-content:center}.top-card--actions .MuiButton-root{width:auto}}h1,h2{text-align:center;color:#333}.vma-input{margin-bottom:15px;text-align:center}.vma-input label{margin-right:10px;font-weight:700}.reference-toggle{display:flex;justify-content:center;margin:8px 0}.reference-toggle .MuiButton-root{text-transform:none}.reference-estimator{margin:16px auto;padding:12px 16px;border:1px solid #eee;border-radius:8px;background-color:#fdfdfd;max-width:520px;text-align:center}.reference-estimator h3{margin:0 0 8px;color:#333}.reference-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px}.reference-row label,.reference-row span{font-weight:600}.reference-time .MuiFormControl-root{width:90px}.reference-actions{display:flex;justify-content:center;margin-top:8px}.reference-error{color:#c62828;margin-top:6px;font-size:.9em}.table-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:16px 0 12px}.table-controls .control-group{display:flex;align-items:center;gap:8px}.table-controls label{font-weight:600}.dark .table-controls label{color:#eef1ff}.reference-hint{margin-top:6px;font-size:.9em;color:#2e7d32}.dark .reference-estimator{background-color:#1b222f;border-color:#2a3245;color:#eef1ff}.dark .reference-estimator h3,.dark .reference-row label,.dark .reference-row span{color:#eef1ff}.dark .reference-hint{color:#8bc34a}.action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0 16px}.action-buttons .MuiButton-root{min-width:160px}.table-container{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:.9em}.table-container thead th{position:sticky;top:0;z-index:2}.table-container thead th:first-child{z-index:3}.dark .table-container thead th:first-child{background-color:#3a4257}.table-container th.column-header{cursor:pointer}.selected-column{background-color:#ffeb8299}.dark .selected-column{background-color:#ffd54f66}th,td{border:1px solid #eee;padding:6px 4px;text-align:center;white-space:nowrap}th{background-color:#dcdcdc;font-weight:700;color:#333}tbody tr:nth-child(2n){background-color:#f8f8f8}tbody tr:hover{background-color:#f0f8ff}th:first-child,td:first-child{position:sticky;left:0;z-index:1;font-weight:700;border-right:1px solid #ccc}thead th:first-child{background-color:#dcdcdc}tbody td:first-child{background-color:#eaeaea}tbody tr:nth-child(2n) td:first-child{background-color:#f8f8f8}tbody tr:hover td:first-child{background-color:#e6f4ff}.pace-config{margin:10px auto 15px;padding:8px 12px;border:1px solid #eee;border-radius:8px;background-color:#fafafa;max-width:500px}.pace-config h3{margin-top:0;margin-bottom:5px;text-align:center;color:#444}.config-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-bottom:6px;gap:8px}.config-row>div{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:8px;text-align:right}@media (max-width: 450px){.config-row{gap:8px}.config-row label{flex:0 0 100%;min-width:0;margin-bottom:5px}.config-row>div{width:100%;justify-content:flex-end;flex:1 1 100%}}.config-row label{font-weight:700;margin-right:10px;flex:0 0 150px}.config-row span{margin:0 5px;white-space:nowrap}.info-message{text-align:center;margin-top:20px;color:#555;font-style:italic}.vma-input span{font-size:.9em;color:#666;margin-left:10px}.dark{background-color:#121212;color:#fff}.dark h1,.dark h2,.dark label{color:#fff}.dark .pace-config{background-color:#333;border-color:#555;color:#fff}.dark .config-row label{color:#ddd}.dark th{background-color:#3a4257;color:#eef1ff}.dark tbody tr{background-color:#1b222f}.dark tbody tr:nth-child(2n){background-color:#222b3a}.dark tbody tr:hover{background-color:#2b3450}.dark tbody td:first-child{background-color:#252d40}.dark tbody tr:nth-child(2n) td:first-child{background-color:#2a3245}.dark tbody tr:hover td:first-child{background-color:#323c57}