:root{color-scheme:light;--primary-color: #2c5f2d;--primary-dark: #1e4620;--primary-light: #97b498;--accent-color: #8b6f47;--background: #f5f5f0;--surface: #ffffff;--surface-hover: #f9f9f9;--surface-muted: #f0f2ee;--surface-raised: #ffffff;--surface-gradient-end: #fbfbf7;--text-primary: #2d2d2d;--text-secondary: #666;--bar-text-color: #0a150c;--border-color: #ddd;--border-soft: rgba(44, 95, 45, .12);--border-strong: rgba(44, 95, 45, .2);--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius: 8px;--transition: .2s ease}:root[data-theme=nature-light]{color-scheme:light;--primary-color: #2c5f2d;--primary-dark: #1e4620;--primary-light: #97b498;--accent-color: #8b6f47;--background: #f5f5f0;--surface: #ffffff;--surface-hover: #f9f9f9;--surface-muted: #f0f2ee;--surface-raised: #ffffff;--surface-gradient-end: #fbfbf7;--text-primary: #2d2d2d;--text-secondary: #666;--bar-text-color: #0a150c;--border-color: #ddd;--border-soft: rgba(44, 95, 45, .12);--border-strong: rgba(44, 95, 45, .2);--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}:root[data-theme=nature-dark]{color-scheme:dark;--primary-color: #335f3b;--primary-dark: #1b3a20;--primary-light: #4f7a57;--accent-color: #bd945f;--background: #111411;--surface: #1b211c;--surface-hover: #242c24;--surface-muted: #1f2920;--surface-raised: #242f26;--surface-gradient-end: #232a23;--text-primary: #e4e9e4;--text-secondary: #a2b0a3;--bar-text-color: #f4f5ed;--border-color: #2d352d;--border-soft: rgba(125, 171, 128, .28);--border-strong: rgba(125, 171, 128, .45);--shadow: rgba(0, 0, 0, .65);--shadow-hover: rgba(0, 0, 0, .8)}:root[data-theme=ocean-light]{color-scheme:light;--primary-color: #1e6f9c;--primary-dark: #155275;--primary-light: #6ba8d4;--accent-color: #ff9a3c;--background: #f0f7ff;--surface: #ffffff;--surface-hover: #f5fbff;--surface-muted: #e6f2ff;--surface-raised: #ffffff;--surface-gradient-end: #f7fbff;--text-primary: #1a365d;--text-secondary: #4a5568;--bar-text-color: #0a2540;--border-color: #cbd5e0;--border-soft: rgba(30, 111, 156, .12);--border-strong: rgba(30, 111, 156, .2);--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}:root[data-theme=ocean-dark]{color-scheme:dark;--primary-color: #4299e1;--primary-dark: #2b6cb0;--primary-light: #90cdf4;--accent-color: #f6ad55;--background: #0f172a;--surface: #1e293b;--surface-hover: #2d3748;--surface-muted: #1a2434;--surface-raised: #2d3748;--surface-gradient-end: #1a2434;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--bar-text-color: #f7fafc;--border-color: #2d3748;--border-soft: rgba(66, 153, 225, .28);--border-strong: rgba(66, 153, 225, .45);--shadow: rgba(0, 0, 0, .65);--shadow-hover: rgba(0, 0, 0, .8)}:root[data-theme=bauxite-light]{color-scheme:light;--primary-color: #c2410c;--primary-dark: #9a3412;--primary-light: #fdba74;--accent-color: #16a34a;--background: #fff7ed;--surface: #ffffff;--surface-hover: #fef3c7;--surface-muted: #ffedd5;--surface-raised: #ffffff;--surface-gradient-end: #fff7ed;--text-primary: #431407;--text-secondary: #78350f;--bar-text-color: #292524;--border-color: #fed7aa;--border-soft: rgba(194, 65, 12, .12);--border-strong: rgba(194, 65, 12, .2);--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}:root[data-theme=bauxite-dark]{color-scheme:dark;--primary-color: #ea580c;--primary-dark: #c2410c;--primary-light: #fdba74;--accent-color: #22c55e;--background: #1c1917;--surface: #292524;--surface-hover: #44403c;--surface-muted: #292524;--surface-raised: #44403c;--surface-gradient-end: #292524;--text-primary: #f5f5f4;--text-secondary: #d6d3d1;--bar-text-color: #fafaf9;--border-color: #57534e;--border-soft: rgba(234, 88, 12, .28);--border-strong: rgba(234, 88, 12, .45);--shadow: rgba(0, 0, 0, .65);--shadow-hover: rgba(0, 0, 0, .8)}:root[data-theme=lavender-light]{color-scheme:light;--primary-color: #7c3aed;--primary-dark: #5b21b6;--primary-light: #c4b5fd;--accent-color: #ec4899;--background: #faf5ff;--surface: #ffffff;--surface-hover: #f3e8ff;--surface-muted: #f3e8ff;--surface-raised: #ffffff;--surface-gradient-end: #fdfaff;--text-primary: #4c1d95;--text-secondary: #6d28d9;--bar-text-color: #1e1b4b;--border-color: #ddd6fe;--border-soft: rgba(124, 58, 237, .12);--border-strong: rgba(124, 58, 237, .2);--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}:root[data-theme=lavender-dark]{color-scheme:dark;--primary-color: #a78bfa;--primary-dark: #7c3aed;--primary-light: #c4b5fd;--accent-color: #f472b6;--background: #1e1b4b;--surface: #312e81;--surface-hover: #4338ca;--surface-muted: #2e2a6e;--surface-raised: #4338ca;--surface-gradient-end: #2e2a6e;--text-primary: #e9d5ff;--text-secondary: #c4b5fd;--bar-text-color: #faf5ff;--border-color: #4c1d95;--border-soft: rgba(167, 139, 250, .28);--border-strong: rgba(167, 139, 250, .45);--shadow: rgba(0, 0, 0, .65);--shadow-hover: rgba(0, 0, 0, .8)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--primary-color: #335f3b;--primary-dark: #1b3a20;--primary-light: #4f7a57;--accent-color: #bd945f;--background: #111411;--surface: #1b211c;--surface-hover: #242c24;--surface-muted: #1f2920;--surface-raised: #242f26;--surface-gradient-end: #232a23;--text-primary: #e4e9e4;--text-secondary: #a2b0a3;--bar-text-color: #f4f5ed;--border-color: #2d352d;--border-soft: rgba(125, 171, 128, .28);--border-strong: rgba(125, 171, 128, .45);--shadow: rgba(0, 0, 0, .65);--shadow-hover: rgba(0, 0, 0, .8)}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;padding:0;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}h1,h2,h3{margin:0}h1{font-size:1.75rem;font-weight:600;letter-spacing:-.5px}h2{font-size:1.5rem;color:var(--primary-color)}h3{color:var(--accent-color)}ul{list-style:none;padding:0;margin:0}a{color:inherit;text-decoration:none}header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 2px 8px var(--shadow);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}header p{margin:var(--spacing-xs) 0 0 0;opacity:.9;font-size:.95rem}header .subtle-link{flex:1;min-width:0}.subtle-link{display:block}.subtle-link:focus{outline:2px dashed rgba(255,255,255,.8);outline-offset:4px}main{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}nav{background:var(--surface);border-radius:var(--border-radius);box-shadow:0 2px 4px var(--shadow);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}nav ul{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}nav a{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-light);color:var(--primary-dark);border-radius:calc(var(--border-radius) / 2);transition:all var(--transition);font-weight:500}nav a:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-hover)}nav a:active{transform:translateY(0)}nav a.active,nav a[aria-current=page]{background:var(--primary-color);color:#fff;cursor:default}footer{background:var(--primary-dark);color:#ffffffe6;text-align:center;padding:var(--spacing-lg) var(--spacing-md);margin-top:auto}footer p{margin:var(--spacing-xs) 0;font-size:.9rem}footer a{color:var(--primary-light);transition:color var(--transition)}footer a:hover{color:#fff;text-decoration:underline}@media (max-width: 768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem}header h1{font-size:1.4rem}nav ul{flex-direction:column}nav a{display:block;text-align:center}}.card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-gradient-end) 100%);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px var(--shadow);border:1px solid var(--border-soft);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{box-shadow:0 6px 18px var(--shadow-hover);transform:translateY(-3px);border-color:var(--border-strong)}.card h2{margin-top:0;border-bottom:2px solid var(--border-strong);padding-bottom:var(--spacing-xs);color:var(--text-primary)}.card h3{margin-top:var(--spacing-md)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.feature-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-gradient-end) 100%);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--border-soft);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);display:block;box-shadow:0 2px 8px var(--shadow)}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow-hover)}.feature-card h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.feature-card p{margin:0;color:var(--text-secondary);font-size:.9rem}.theme-selector{position:relative}.theme-toggle{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--border-radius);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:0 2px 8px var(--shadow)}.theme-toggle__icon{font-size:1.1rem}.theme-toggle__label{font-weight:500}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--border-radius);box-shadow:0 4px 16px var(--shadow);z-index:1000;min-width:180px;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:2px}.theme-option{background:transparent;border:none;border-radius:calc(var(--border-radius) - 2px);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;text-align:left}.theme-option:hover{background:var(--surface-hover)}.theme-option.active{background:var(--surface-muted);color:var(--primary-color);font-weight:500}.theme-preview{width:16px;height:16px;border-radius:50%;border:1px solid var(--border-color);flex-shrink:0}.theme-option[data-theme=nature-light] .theme-preview{background:#2c5f2d}.theme-option[data-theme=nature-dark] .theme-preview{background:#335f3b}.theme-option[data-theme=ocean-light] .theme-preview{background:#1e6f9c}.theme-option[data-theme=ocean-dark] .theme-preview{background:#4299e1}.theme-option[data-theme=bauxite-light] .theme-preview{background:#c2410c}.theme-option[data-theme=bauxite-dark] .theme-preview{background:#ea580c}.theme-option[data-theme=lavender-light] .theme-preview{background:#7c3aed}.theme-option[data-theme=lavender-dark] .theme-preview{background:#a78bfa}@media (max-width: 768px){.feature-grid{grid-template-columns:1fr}.theme-dropdown{right:0;left:auto;min-width:160px}}.controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-gradient-end) 100%);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 4px 12px var(--shadow);margin-bottom:var(--spacing-lg);border:1px solid var(--border-soft)}.control{display:flex;flex-direction:column}.control label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.control select,.control input[type=number]{padding:12px 16px;border:2px solid var(--border-soft);border-radius:calc(var(--border-radius) / 2);font-size:1rem;transition:all .3s ease;background:var(--surface-raised);color:var(--text-primary);font-weight:500;box-shadow:0 2px 4px #0000000d}.control select:hover,.control input[type=number]:hover{border-color:var(--primary-light);box-shadow:0 4px 8px #00000014}.control select:focus,.control input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2c5f2d26,0 4px 12px #0000001a;transform:translateY(-2px)}#calculator{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-gradient-end) 100%);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:0 8px 24px var(--shadow);border:1px solid var(--border-soft);animation:slideInUp .5s ease-out;--calc-grid: minmax(160px, 1.35fr) minmax(140px, 1fr) minmax(120px, .95fr) minmax(120px, .95fr) minmax(220px, 1.5fr);overflow-x:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#calculator>p{margin:0 0 var(--spacing-md) 0}#calculator table{width:100%;border-collapse:collapse;border-radius:var(--border-radius);margin:var(--spacing-md) 0;overflow:hidden;box-shadow:0 6px 18px #00000014;border:1px solid var(--border-soft);background:var(--surface-raised);font-variant-numeric:tabular-nums}#calculator thead tr,#calculator tbody tr{display:grid;grid-template-columns:var(--calc-grid);align-items:stretch}#calculator thead tr{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:inset 0 -1px #fff3}#calculator th{padding:16px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}#calculator th:first-child{text-align:left;padding-left:20px}#calculator th:nth-child(3),#calculator th:nth-child(4){text-align:right}#calculator th:last-child{border-right:none}#calculator tbody tr{background:var(--surface-raised);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}#calculator tbody tr:nth-child(2n){background:var(--surface-muted)}#calculator tbody tr:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f;background:var(--surface-hover)}#calculator td{padding:14px 16px;border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);display:flex;align-items:center;justify-content:flex-end}#calculator td:first-child{justify-content:flex-start;font-weight:600;color:var(--text-primary);font-size:1.05rem;padding-left:20px}#calculator td:nth-child(2){justify-content:center}#calculator td:last-child{justify-content:center;border-right:none}#calculator tbody tr:last-child td{border-bottom:none}.percent{width:85px;padding:6px 12px;border:2px solid var(--border-soft);border-radius:6px;font-size:.95rem;font-weight:500;transition:all .3s ease;background:var(--surface-raised);color:var(--text-primary)}.percent:hover{border-color:var(--primary-light);box-shadow:0 2px 6px #0000001a}.percent:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2c5f2d26;transform:scale(1.05)}.status{margin:0 0 var(--spacing-lg) 0;font-weight:600;padding:var(--spacing-md);background:linear-gradient(135deg,#97b49833,#97b4981a);border-radius:var(--border-radius);border-left:5px solid var(--primary-color);box-shadow:0 2px 8px #00000014;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.status.warning{background:linear-gradient(135deg,#ffc10740,#ffc1071a);border-left-color:#f57c00;color:#e65100;box-shadow:0 2px 8px #f57c0026}.bar{display:flex;height:56px;border-radius:var(--border-radius);margin-top:var(--spacing-md);overflow:hidden;box-shadow:0 4px 12px #00000026,inset 0 2px 4px #0000001a;border:2px solid var(--border-strong);animation:barSlideIn .6s ease-out}@keyframes barSlideIn{0%{opacity:0;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1)}}.segment{display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--bar-text-color);padding:0 var(--spacing-sm);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.35);transition:all .3s ease;cursor:default}.segment:hover{filter:brightness(1.1);transform:scale(1.02);z-index:1}.segment:after{content:"";position:absolute;right:0;top:10%;bottom:10%;width:1px;background:var(--border-strong)}.segment:last-child:after{display:none}.sliders{width:100%;display:flex;align-items:center;justify-content:center}.sliders input[type=range]{width:100%;max-width:220px;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--border-soft) 0%,var(--border-soft) 100%);border-radius:4px;outline:none;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 1px 3px #0000001a}.sliders input[type=range]:hover{box-shadow:inset 0 1px 3px #00000026,0 2px 6px #0000001a}.sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0003;border:2px solid var(--surface)}.sliders input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#153316 100%);transform:scale(1.25);box-shadow:0 3px 10px #0000004d}.sliders input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}.sliders input[type=range]::-moz-range-thumb{width:22px;height:22px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:50%;cursor:pointer;border:2px solid var(--surface);transition:all .3s ease;box-shadow:0 2px 6px #0003}.sliders input[type=range]::-moz-range-thumb:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#153316 100%);transform:scale(1.25);box-shadow:0 3px 10px #0000004d}.sliders input[type=range]::-moz-range-thumb:active{transform:scale(1.1)}#calculator .control-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) 0;transition:all .2s ease}#calculator .control-row:hover{background:#97b4980d;border-radius:6px;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}@media (max-width: 768px){.controls{grid-template-columns:1fr}#calculator{padding:var(--spacing-md);--calc-grid: minmax(130px, 1.2fr) minmax(120px, 1fr) minmax(110px, .95fr) minmax(110px, .95fr) minmax(190px, 1.3fr)}#calculator table{font-size:.9rem}#calculator th,#calculator td{padding:var(--spacing-xs)}.sliders input[type=range]{max-width:120px}.segment{font-size:.75rem;padding:0 4px}}@media (max-width: 480px){#calculator{padding:var(--spacing-sm);--calc-grid: minmax(115px, 1fr) minmax(100px, .9fr) minmax(95px, .85fr) minmax(95px, .85fr) minmax(170px, 1.2fr)}#calculator table{font-size:.85rem}}.metal-info{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--surface-raised);border-radius:var(--border-radius);border:1px solid var(--border-soft);box-shadow:0 2px 8px #0000000d}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;gap:var(--spacing-md)}.info-row:not(:last-child){border-bottom:1px solid var(--border-soft);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.info-label{font-weight:600;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-value{font-weight:600;color:var(--text-primary);text-align:right;word-break:break-word}@media (max-width: 768px){.info-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.info-value{text-align:left}}@media (max-width: 640px){#calculator{overflow-x:visible}#calculator thead{display:none}#calculator table{box-shadow:none;border:none}#calculator tbody{display:grid;gap:var(--spacing-xs)}#calculator tbody tr{display:block;background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--border-radius);padding:var(--spacing-sm);box-shadow:0 2px 8px var(--shadow)}#calculator td{display:flex;align-items:center;gap:var(--spacing-sm);border:none;padding:8px 0}#calculator td+td{border-top:1px solid var(--border-soft);padding-top:10px}#calculator td:before{content:attr(data-label);flex:0 0 7.5rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.3px;font-size:.8rem}#calculator td:first-child{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-radius:calc(var(--border-radius) - 2px);padding:10px 12px;margin:calc(var(--spacing-sm) * -1) calc(var(--spacing-sm) * -1) var(--spacing-sm);font-size:1rem;font-weight:700}#calculator td:first-child:before{content:none}#calculator td.units,#calculator td.nuggets{justify-content:space-between}.sliders{width:100%;justify-content:stretch}.sliders input[type=range]{width:100%;max-width:none}}