@import"https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--background-color: oklch(98.4% .003 247.858);--text-color: oklch(12.9% .042 264.695);--accent-color: oklch(57.7% .245 27.325);--border-color: oklch(70.4% .04 256.788);--secondary-background-color: oklch(92.9% .013 255.508)}[data-theme=dark]{--background-color: oklch(24.5% .032 264);--text-color: oklch(96.5% .005 264);--accent-color: oklch(73.8% .174 330);--border-color: oklch(38.2% .048 264);--secondary-background-color: oklch(32.1% .038 264)}body{font-family:Inter,Helvetica,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:2em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--text-color);border:3px solid var(--background-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}*{scrollbar-width:thin;scrollbar-color:var(--text-color) var(--background-color);border-radius:0!important}input,select,textarea,button{font-family:inherit;font-weight:inherit}.font-sans{font-family:Inter,sans-serif}.app-container{max-width:1400px;margin:auto}header{margin-bottom:3em;position:relative}h1{text-align:center;font-size:3em;font-weight:800;margin-bottom:.2em;text-transform:uppercase}.subtitle{text-align:center;font-size:1em;margin-bottom:2em;display:block;font-weight:500;text-transform:uppercase;letter-spacing:1px}.main-nav{display:flex;justify-content:center;border-bottom:2px solid var(--text-color);margin-bottom:3em}.nav-link{padding:1em 2em;cursor:pointer;text-decoration:none;color:var(--text-color);font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:4px solid transparent;transition:all .2s ease}.nav-link:hover{background-color:var(--secondary-background-color)}.nav-link.active{border-bottom:4px solid var(--accent-color)}.container{display:block}h2{font-size:1.8em;font-weight:800;margin-top:0;margin-bottom:1.5em;border-bottom:3px solid var(--text-color);padding-bottom:.5em;text-transform:uppercase;letter-spacing:-1px}h3{font-size:1.3em;font-weight:700;margin-top:2em;margin-bottom:1em;text-transform:uppercase}h4{font-size:1em;font-weight:700;margin-bottom:1em;text-transform:uppercase;color:var(--accent-color)}#part-picker{background:var(--background-color);padding:0}#part-picker label,.weight-input-group label,.input-item label{font-weight:700;margin-bottom:.5em;display:block;text-transform:uppercase;font-size:.75em;letter-spacing:.5px}.part-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2em}#part-picker select,#part-picker input,#weight-inputs input,.input-item input{width:100%;padding:1em;margin-bottom:.5em;border:2px solid var(--text-color);border-radius:0;box-sizing:border-box;background-color:var(--background-color);color:var(--text-color);font-size:1em;font-weight:500}.input-item{display:flex;flex-direction:column;justify-content:space-between}.input-item label{font-size:.85em;font-weight:500;margin-bottom:5px;color:var(--text-color);opacity:.8}#part-picker span,.weight-badge{display:block;margin-bottom:0;font-weight:400}.weight-input-group{display:flex;align-items:center;margin-bottom:1em}.weight-input-group label,.weight-input-group input{flex:1;margin-bottom:0}#total-weight,.total-estimated-weight{margin-top:1.5em;font-size:1.2em;font-weight:500;text-align:left}#data-tables{background:var(--background-color);padding:0;overflow-x:auto}.tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--border-color)}.tab-button{padding:1em 1.5em;cursor:pointer;border:none;background-color:transparent;color:var(--text-color);font-size:1em;font-weight:500;border-bottom:3px solid transparent;text-transform:uppercase}.tab-button:hover{background-color:var(--secondary-background-color)}.tab-button.active{border-bottom:3px solid var(--text-color)}.tab-content{margin-top:2em}table{width:100%;border-collapse:collapse;margin-top:1em;font-family:Courier New,Courier,monospace}th,td{border:1px solid var(--border-color);padding:.8em 1em;text-align:left;border-left:none;border-right:none}th{background-color:var(--background-color);font-weight:500;border-top:2px solid var(--text-color);border-bottom:2px solid var(--text-color)}tbody tr:nth-child(odd){background-color:var(--background-color)}tbody tr:hover{background-color:var(--secondary-background-color)}@media(max-width:768px){body{padding:1em}h1{font-size:2em}}.calculator-container{display:grid;grid-template-columns:350px 1fr;gap:2em;align-items:start}.inputs-section{position:sticky;top:2em;max-height:calc(100vh - 4em);overflow-y:auto;padding-right:1em;border-right:1px solid var(--border-color)}.results-section{display:flex;flex-direction:column;gap:2em}.banner{padding:1.5em;border:2px solid var(--text-color);margin-bottom:2em;background-color:var(--secondary-background-color)}.banner-title{font-weight:600;text-transform:uppercase;margin-bottom:.5em;display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5em}.stat-card{border:1px solid var(--text-color);padding:1.5em}.stat-label{font-size:.8em;font-weight:600;text-transform:uppercase;color:var(--text-color);opacity:.6;margin-bottom:.5em;display:block}.stat-value{font-size:2em;font-weight:600;display:block}.stat-sub{font-size:.9em;color:var(--text-color);opacity:.8}.graph-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2em}.graph-card{border:1px solid var(--border-color);padding:1.5em}.weight-distribution{margin-top:2em}.progress-bar-container{height:30px;width:100%;display:flex;border:1px solid var(--text-color);margin:1.5em 0;overflow:hidden}.progress-segment{height:100%;transition:width .3s ease;border-right:1px solid white}.progress-segment:last-child{border-right:none}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1em;margin-top:1em}.legend-item{display:flex;align-items:center;gap:.5em;font-size:.85em}.color-box{width:12px;height:12px}.input-section-title{font-size:1.1em;font-weight:600;text-transform:uppercase;margin:1.5em 0 1em;padding-bottom:.3em;border-bottom:1px solid var(--border-color)}.info-box{margin-top:1em;padding:1em;background-color:var(--secondary-background-color);font-size:.9em}@media(max-width:1024px){.calculator-container{grid-template-columns:1fr}.inputs-section{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:2em}.graph-grid{grid-template-columns:1fr}}.footer{margin-top:2em;border-top:1px solid var(--border-color);padding-top:1em}.theme-toggle{position:absolute;top:0;right:0;padding:.5em 1em;cursor:pointer;background:var(--secondary-background-color);border:1px solid var(--border-color);color:var(--text-color);font-weight:700}a{text-decoration:none;color:var(--accent-color)}a{color:var(--accent-color)}.weight-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em}@media(max-width:768px){.weight-inputs-grid,.part-group{grid-template-columns:1fr}}.manual-wrapper{display:grid;grid-template-columns:250px 1fr;gap:3em;align-items:start}.manual-toc{position:sticky;top:2em;max-height:calc(100vh - 4em);overflow-y:auto;padding-right:1em;border-right:1px solid var(--border-color);font-size:.9em}.manual-toc h3{margin-top:0;font-size:1.1em;margin-bottom:1em}.manual-toc ul{list-style:none;padding-left:0;margin:0}.manual-toc li{margin-bottom:.5em}.manual-toc a{text-decoration:none;color:var(--text-color);opacity:.8;transition:opacity .2s;display:block;padding:.2em 0}.manual-toc a:hover{opacity:1;color:var(--accent-color)}.manual-toc .toc-h3{padding-left:1em;font-size:.9em}.manual-content{min-width:0;line-height:1.6}.manual-content h1,.manual-content h2,.manual-content h3{scroll-margin-top:2em}.manual-content ul,.manual-content ol{margin-bottom:1.5em}.manual-content li{margin-bottom:.5em}@media(max-width:1024px){.manual-wrapper{grid-template-columns:1fr}.manual-toc{position:static;max-height:none;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:2em;margin-bottom:2em}}