@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--slate-950:#0a0d10;--slate-900:#0f1419;--slate-850:#141a21;--slate-800:#1a2029;--slate-750:#1f2733;--slate-700:#252e3c;--slate-600:#34404f;--slate-500:#4a5568;--slate-400:#6b7a8d;--slate-300:#8b9db0;--slate-200:#adbdce;--slate-100:#d1dce8;--gold-500:#d4a853;--gold-400:#e0b964;--gold-300:#eacc85;--gold-200:#f2dda8;--gold-600:#b8923e;--gold-glow:#d4a85326;--gold-glow-strong:#d4a8534d;--granite-blue:#6a8faa;--river-teal:#4a9e8e;--sandstone-warm:#c9a96e;--clay-red:#c47c5a;--moss-green:#6b9e6b;--limestone-cream:#e8dcc8;--status-good:#4ade80;--status-warn:#fbbf24;--status-danger:#f87171;--surface-base:var(--slate-900);--surface-raised:var(--slate-800);--surface-overlay:var(--slate-750);--surface-glass:#141a21bf;--surface-glass-border:#6b7a8d26;--bg-body:var(--slate-950);--bg-card:var(--slate-850);--bg-surface:var(--slate-800);--border-subtle:#6b7a8d33;--border-card:#6b7a8d4d;--accent-gold:var(--gold-400);--color-bg:var(--slate-850);--color-surface:var(--slate-800);--color-border:#6b7a8d40;--color-text:var(--text-primary);--color-text-heading:var(--text-primary);--color-text-muted:var(--text-secondary);--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-primary:#e8edf3;--text-secondary:#8b9db0;--text-muted:#5a6a7d;--text-inverse:#0f1419;--text-gold:var(--gold-400);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #00000059, 0 2px 4px #0003;--shadow-lg:0 10px 30px #0006, 0 4px 8px #0003;--shadow-xl:0 20px 50px #00000080, 0 8px 16px #0000004d;--shadow-gold:0 4px 20px #d4a85333;--shadow-inner:inset 0 2px 8px #0000004d;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:cubic-bezier(.2, 0, 0, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--z-base:1;--z-raised:10;--z-overlay:100;--z-modal:1000;--z-toast:2000;--container-max:1280px;--container-narrow:960px}[data-theme=light]{--slate-950:#f4f6fa;--slate-900:#fff;--slate-850:#edf1f7;--slate-800:#e2e8f0;--slate-750:#cbd5e1;--slate-700:#94a3b8;--slate-600:#64748b;--slate-500:#475569;--slate-400:#334155;--slate-300:#1e293b;--slate-200:#0f172a;--slate-100:#020617;--gold-500:#b8860b;--gold-400:#996515;--gold-300:#7b5210;--gold-200:#5c3e0a;--gold-600:#8c6200;--gold-glow:#b8860b1f;--gold-glow-strong:#b8860b40;--surface-base:#fff;--surface-raised:#fff;--surface-overlay:#f1f5f9;--surface-glass:#ffffffeb;--surface-glass-border:#94a3b859;--bg-body:#f8fafc;--bg-card:#fff;--bg-surface:#f1f5f9;--border-subtle:#e2e8f0;--border-card:#cbd5e1;--accent-gold:var(--gold-500);--color-bg:#fff;--color-surface:#f8fafc;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-heading:#0f172a;--color-text-muted:#475569;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--text-gold:#996515;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 14px #0f172a14;--shadow-lg:0 10px 30px #0f172a1a;--shadow-xl:0 20px 40px #0f172a1f;--shadow-gold:0 4px 18px #b8860b38}[data-theme=light] body:before{opacity:.015}[data-theme=light] .site-header{background:#ffffffeb;border-bottom-color:#94a3b840}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--slate-950);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}.skip-link{top:var(--space-3);left:var(--space-3);z-index:10000;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--gold-500);color:var(--slate-950);transform:translateY(calc(-100% - var(--space-6)));transition:transform var(--duration-fast) var(--ease-smooth);font-weight:700;position:fixed}.skip-link:focus{color:var(--slate-950);outline:3px solid var(--text-primary);outline-offset:2px;transform:translateY(0)}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}img,svg{max-width:100%;display:block}a{color:var(--gold-400);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none}a:hover{color:var(--gold-300)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem)}h2{letter-spacing:-.02em;font-size:clamp(1.5rem,3.5vw,2.25rem)}h3{letter-spacing:-.01em;font-size:clamp(1.125rem,2.5vw,1.5rem)}h4{font-size:1.125rem}.text-gold{color:var(--text-gold)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:var(--container-narrow)}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-card-solid{background:var(--surface-raised);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-smooth);white-space:nowrap;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--gold-500), var(--gold-600));color:var(--text-inverse);box-shadow:var(--shadow-gold)}.btn-primary:hover{background:linear-gradient(135deg, var(--gold-400), var(--gold-500));transform:translateY(-1px);box-shadow:0 6px 24px #d4a85359}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-overlay);color:var(--text-primary);border:1px solid var(--surface-glass-border)}.btn-secondary:hover{background:var(--slate-700);border-color:var(--slate-500)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--surface-overlay)}.btn svg{flex-shrink:0;width:18px;height:18px}.input-group{gap:var(--space-1);flex-direction:column;display:flex;position:relative}.input-group label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.input-field{align-items:center;gap:var(--space-2);background:var(--slate-850);border:1px solid var(--slate-700);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) var(--ease-smooth);display:flex}.input-field:focus-within{border-color:var(--gold-500);box-shadow:0 0 0 3px var(--gold-glow)}.input-field input{min-width:0;font-family:var(--font-mono);color:var(--text-primary);flex:1;font-size:1rem;font-weight:500}.input-field input::placeholder{color:var(--text-muted);font-family:var(--font-body);font-weight:400}.input-field select{min-width:0;font-family:var(--font-body);color:var(--text-primary);cursor:pointer;padding:var(--space-1) 0;background:0 0;flex:1;font-size:.95rem;font-weight:500}.input-field select option{background:var(--slate-850);color:var(--text-primary)}html[data-theme=light] .input-field select option,[data-theme=light] .input-field select option{color:#0f172a;background:#fff}.input-field .unit-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:var(--slate-800);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.section{padding:var(--space-20) 0;z-index:var(--z-base);position:relative}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{margin-bottom:var(--space-3)}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem}.section-divider{background:linear-gradient(90deg, var(--gold-500), var(--gold-600));border-radius:var(--radius-full);width:60px;height:3px;margin:var(--space-4) auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-900)}::-webkit-scrollbar-thumb{background:var(--slate-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}::selection{background:var(--gold-glow-strong);color:var(--text-primary)}@media print{body{color:#000;background:#fff}body:before{display:none}.no-print{display:none!important}}.reference-card,.aeo-quick-card,.summary-card{background:var(--bg-card);border:1px solid var(--accent-gold);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:0 4px 20px #d4a85314}[data-theme=light] .reference-card,[data-theme=light] .aeo-quick-card,[data-theme=light] .summary-card{border-color:var(--gold-500);background:#fff;box-shadow:0 4px 16px #b8860b1a}.reference-header,.aeo-quick-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--accent-gold);display:flex}.reference-title,.aeo-quick-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-gold);font-weight:700}.reference-grid,.aeo-quick-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.reference-item,.aeo-quick-item{background:var(--bg-surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}[data-theme=light] .reference-item,[data-theme=light] .aeo-quick-item{background:#f8fafc;border-color:#e2e8f0}.reference-label,.aeo-quick-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-gold);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.reference-value,.aeo-quick-value{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:700;display:block}.reference-desc,.aeo-quick-desc{color:var(--text-muted);margin:0;font-size:11px;line-height:1.35}.calc-wrapper{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=1024px){.calc-wrapper{grid-template-columns:1fr}}.calc-panel,.calc-results-panel{background:var(--surface-raised);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.calc-panel:before,.calc-results-panel:before{content:"";background:linear-gradient(90deg, var(--gold-500), var(--gold-600), var(--sandstone-warm));height:3px;position:absolute;top:0;left:0;right:0}@media (width<=640px){.calc-panel,.calc-results-panel{padding:var(--space-5)}}.calc-panel-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.calc-panel-title h3{font-size:1.125rem;font-weight:700}.calc-panel-title svg{width:22px;height:22px;color:var(--gold-400)}.shape-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.shape-tab{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--slate-800);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);border:2px solid #0000;flex-direction:column;min-width:72px;display:flex}.shape-tab svg{width:28px;height:28px;color:var(--text-muted);transition:all var(--duration-base) var(--ease-smooth)}.shape-tab span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);transition:color var(--duration-base) var(--ease-smooth);font-size:.65rem;font-weight:600}.shape-tab:hover{background:var(--slate-750);border-color:var(--slate-600)}.shape-tab:hover svg{color:var(--text-secondary)}.shape-tab.active{background:var(--gold-glow);border-color:var(--gold-500)}.shape-tab.active svg,.shape-tab.active span{color:var(--gold-400)}.dim-grid{gap:var(--space-3);box-sizing:border-box;width:100%;max-width:100%;margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.dim-grid.single-col{grid-template-columns:1fr}.dim-grid .input-group{box-sizing:border-box;width:100%;min-width:0}.dimension-error{margin:calc(var(--space-2) * -1) 0 var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#fca5a5;background:#dc26261a;border:1px solid #dc2626;font-size:.825rem;font-weight:600}.dimension-error[hidden]{display:none}.input-field.input-field-invalid{box-shadow:0 0 0 3px #dc262624;border-color:#dc2626!important}.invalid-results-message{width:100%;color:var(--text-muted);text-align:center;padding:var(--space-5)}.action-row .btn:disabled{cursor:not-allowed;opacity:.5;transform:none}[data-theme=light] .dimension-error{color:#991b1b;background:#fef2f2}.calc-panel .input-field,.calc-wrapper .input-field,.dim-grid .input-field{gap:var(--space-1);box-sizing:border-box;background:0 0;border:none;flex-direction:column;width:100%;min-width:0;max-width:100%;padding:0;display:flex;position:relative}.calc-panel .input-field label,.calc-wrapper .input-field label,.dim-grid .input-field label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:.75rem;font-weight:600}.calc-panel .input-field input,.calc-wrapper .input-field input,.dim-grid .input-field input{box-sizing:border-box;background:var(--slate-800);border:1px solid var(--slate-700);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-mono);min-width:0;transition:all var(--duration-fast) var(--ease-smooth);outline:none;padding:.65rem .85rem;font-size:1rem;font-weight:600}.calc-panel .input-field select,.calc-wrapper .input-field select,.dim-grid .input-field select{box-sizing:border-box;background:var(--slate-800);border:1px solid var(--slate-700);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;min-width:0;transition:all var(--duration-fast) var(--ease-smooth);outline:none;padding:.65rem .85rem;font-size:.95rem;font-weight:500}.calc-panel .input-field input:focus,.calc-wrapper .input-field input:focus,.dim-grid .input-field input:focus,.calc-panel .input-field select:focus,.calc-wrapper .input-field select:focus,.dim-grid .input-field select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px var(--gold-glow)}.calc-panel .input-field:has(.unit-label) input,.calc-wrapper .input-field:has(.unit-label) input,.dim-grid .input-field:has(.unit-label) input{padding-right:3.5rem}.calc-panel .input-field .unit-label,.calc-wrapper .input-field .unit-label,.dim-grid .input-field .unit-label{color:var(--text-muted);pointer-events:none;background:0 0;border-radius:0;padding:0;font-size:.75rem;font-weight:600;position:absolute;bottom:.65rem;right:.75rem}@media (width<=480px){.dim-grid{grid-template-columns:1fr}}.unit-toggle{background:var(--slate-850);border:1px solid var(--slate-700);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:2px;display:flex}.unit-toggle button{min-height:42px;padding:var(--space-2) var(--space-3);letter-spacing:.04em;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-smooth);flex:1;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}.unit-toggle button.active{background:var(--slate-700);color:var(--text-primary);box-shadow:var(--shadow-sm)}.unit-toggle button:hover:not(.active){color:var(--text-secondary)}.material-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.material-card{gap:var(--space-2);padding:var(--space-3);background:var(--slate-850);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);text-align:center;border:2px solid #0000;flex-direction:column;display:flex}.material-card:hover{background:var(--slate-800);border-color:var(--slate-600);box-shadow:var(--shadow-md);transform:translateY(-2px)}.material-card.active{border-color:var(--gold-500);background:var(--gold-glow);box-shadow:var(--shadow-gold)}.material-swatch{width:40px;height:40px;box-shadow:var(--shadow-inner);border-radius:50%;margin:0 auto}.material-card .material-name{color:var(--text-primary);font-size:.75rem;font-weight:600;line-height:1.3}.material-card .material-density{font-size:.625rem;font-family:var(--font-mono);color:var(--text-muted)}.depth-control{margin-bottom:var(--space-6)}.depth-slider-track{padding:var(--space-4) 0;position:relative}.depth-slider{-webkit-appearance:none;appearance:none;border-radius:var(--radius-full);background:linear-gradient(90deg, var(--slate-700) 0%, var(--gold-500) var(--slider-fill,50%), var(--slate-700) var(--slider-fill,50%));width:100%;height:8px;transition:background var(--duration-fast) var(--ease-smooth);outline:none}.depth-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gold-500);width:24px;height:24px;box-shadow:0 0 0 4px var(--gold-glow-strong), var(--shadow-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);border-radius:50%}.depth-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px var(--gold-glow-strong), var(--shadow-lg);transform:scale(1.15)}.depth-slider::-moz-range-thumb{background:var(--gold-500);width:24px;height:24px;box-shadow:0 0 0 4px var(--gold-glow-strong), var(--shadow-md);cursor:pointer;border:none;border-radius:50%}.depth-value-display{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.depth-value-display .value{font-family:var(--font-mono);color:var(--gold-400);font-size:1.75rem;font-weight:700}.depth-value-display .unit{color:var(--text-muted);font-size:.875rem;font-weight:600}.depth-presets{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.depth-preset{min-width:42px;min-height:38px;padding:var(--space-1) var(--space-3);font-size:.8rem;font-weight:600;font-family:var(--font-mono);color:var(--text-muted);background:var(--slate-800);border:1px solid var(--slate-700);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:inline-flex}.depth-preset:hover{border-color:var(--gold-500);color:var(--gold-400)}.depth-preset.active{background:var(--gold-glow);border-color:var(--gold-500);color:var(--gold-400)}.waste-toggle{gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.waste-chip{min-width:48px;min-height:40px;padding:var(--space-2) var(--space-4);color:var(--text-muted);background:var(--slate-800);border:1px solid var(--slate-700);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;font-size:.825rem;font-weight:600;display:inline-flex}.waste-chip:hover{border-color:var(--slate-500);color:var(--text-secondary)}.waste-chip.active{background:var(--surface-overlay);border-color:var(--gold-500);color:var(--gold-400)}.results-container{gap:var(--space-6);flex-direction:column;display:flex}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=540px){.kpi-grid{gap:var(--space-3);grid-template-columns:1fr}}.kpi-card{background:var(--slate-850);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:all var(--duration-base) var(--ease-smooth);position:relative;overflow:hidden}.kpi-card:after{content:"";background:var(--gold-500);opacity:.4;height:3px;transition:opacity var(--duration-base) var(--ease-smooth);position:absolute;bottom:0;left:0;right:0}.kpi-card:hover:after{opacity:1}.kpi-card .kpi-icon{width:32px;height:32px;margin:0 auto var(--space-2);color:var(--gold-400)}.kpi-card .kpi-value{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:var(--space-1);font-size:1.75rem;font-weight:700;line-height:1}.kpi-card .kpi-unit{color:var(--text-muted);font-size:.875rem}.kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:var(--space-2);font-size:.7rem;font-weight:600}.kpi-card .kpi-subtext{font-size:.725rem;font-family:var(--font-mono);color:var(--gold-400);opacity:.9;margin-top:var(--space-1)}.kpi-hero{background:linear-gradient(135deg, var(--slate-800), var(--slate-850));grid-column:1/-1}.kpi-hero .kpi-value{color:var(--gold-400);font-size:2.5rem}.breakdown-section{background:var(--slate-850);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);overflow:hidden}.breakdown-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--surface-glass-border);display:flex}.breakdown-header svg{width:20px;height:20px;color:var(--gold-400)}.breakdown-header h4{font-size:.875rem;font-weight:700}.breakdown-table{border-collapse:collapse;width:100%}.breakdown-table tr{transition:background var(--duration-fast) var(--ease-smooth);border-bottom:1px solid #6b7a8d14}.breakdown-table tr:hover{background:var(--slate-800)}.breakdown-table tr:last-child{border-bottom:none}.breakdown-table td{padding:var(--space-3) var(--space-5)}.breakdown-table td:first-child{color:var(--text-secondary);font-size:.825rem}.breakdown-table td:last-child{text-align:right;font-family:var(--font-mono);color:var(--text-primary);font-size:.9rem;font-weight:600}.purchase-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.purchase-card{background:var(--slate-800);border:1px solid var(--surface-glass-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.purchase-card svg{width:28px;height:28px;color:var(--granite-blue);margin:0 auto var(--space-2)}.purchase-card .purchase-value{font-family:var(--font-mono);color:var(--text-primary);font-size:1.25rem;font-weight:700}.purchase-card .purchase-label{color:var(--text-muted);margin-top:var(--space-1);font-size:.7rem}.results-title-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.results-title-left{align-items:center;gap:var(--space-3);display:flex}.viz-live-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:#4ade80;transition:all var(--duration-fast) var(--ease-smooth);background:#4ade801f;border:1px solid #4ade8059;padding:4px 10px;font-size:.725rem;font-weight:700;text-decoration:none;display:inline-flex}.viz-live-badge:hover{background:#4ade8038;border-color:#4ade80;transform:translateY(-1px)}.live-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseLive;box-shadow:0 0 8px #4ade80}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.cost-fields-grid{gap:var(--space-3);padding:var(--space-4);background:var(--slate-850);border-bottom:1px solid var(--surface-glass-border);grid-template-columns:repeat(auto-fit,minmax(135px,1fr));display:grid}.cost-input-cell{gap:var(--space-1);flex-direction:column;display:flex}.cost-input-cell label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.input-field.mini{padding:var(--space-1) var(--space-2);min-height:34px}.input-field.mini input{font-size:.875rem}.input-field .currency{color:var(--text-muted);font-size:.85rem;font-weight:700}.cost-summary-box{padding:var(--space-4) var(--space-5);gap:var(--space-2);background:var(--surface-overlay);flex-direction:column;display:flex}.cost-line-item{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.825rem;display:flex}.cost-line-item .cost-val{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.cost-grand-total-row{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--gold-500);justify-content:space-between;align-items:center;display:flex}.grand-label{color:var(--gold-400);font-size:.95rem;font-weight:700}.grand-val{font-family:var(--font-mono);color:var(--gold-400);font-size:1.4rem;font-weight:800}.saved-projects-panel{background:var(--surface-raised);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.saved-projects-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.saved-title-group{align-items:center;gap:var(--space-3);display:flex}.saved-title-group h3{font-size:1.15rem}.saved-title-group svg{color:var(--gold-400)}.saved-count-pill{background:var(--slate-750);border-radius:var(--radius-full);color:var(--gold-400);padding:2px 8px;font-size:.725rem;font-weight:700}.saved-actions-group{gap:var(--space-2);flex-wrap:wrap;max-width:100%;display:flex}@media (width<=640px){.saved-actions-group{width:100%}.saved-actions-group .btn{flex:1 1 calc(50% - var(--space-2))}}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.75rem}.saved-projects-container{gap:var(--space-3);flex-direction:column;display:flex}.saved-empty-state{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);background:var(--slate-850);border:1px dashed var(--slate-700);border-radius:var(--radius-md);font-size:.875rem}.saved-zone-card{padding:var(--space-3) var(--space-4);background:var(--slate-850);border:1px solid var(--slate-700);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-smooth);justify-content:space-between;align-items:center;display:flex}.saved-zone-card:hover{border-color:var(--gold-500);background:var(--slate-800)}.saved-zone-info{flex-direction:column;gap:2px;display:flex}.saved-zone-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.saved-zone-meta{color:var(--text-secondary);font-size:.775rem}.saved-zone-stats{align-items:center;gap:var(--space-4);display:flex}.saved-stat-badge{font-family:var(--font-mono);color:var(--gold-400);font-size:.85rem;font-weight:700}.saved-zone-actions{gap:var(--space-2);display:flex}.action-row{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}@media (width<=768px){.cost-fields-grid{grid-template-columns:repeat(2,1fr)}.saved-zone-card{align-items:flex-start;gap:var(--space-3);flex-direction:column}.saved-zone-stats{justify-content:space-between;width:100%}.action-row{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.action-row .btn{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);justify-content:center;font-size:.85rem}}@media (width<=640px){.shape-tabs{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.shape-tab{width:100%;min-width:0;padding:var(--space-2) var(--space-1);justify-content:center;min-height:56px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.material-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.material-card{min-height:82px;padding:var(--space-2)}.calc-panel{padding:var(--space-4)}.cost-fields-grid,.action-row{grid-template-columns:1fr}}[data-theme=light] .calc-panel{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 20px #0f172a14}[data-theme=light] .calc-panel-title h3{color:#0f172a}[data-theme=light] .shape-tab{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .shape-tab span,[data-theme=light] .shape-tab svg{color:#64748b}[data-theme=light] .shape-tab:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .shape-tab:hover span,[data-theme=light] .shape-tab:hover svg{color:#0f172a}[data-theme=light] .shape-tab.active{background:#b8860b1a;border-color:#b8860b}[data-theme=light] .shape-tab.active svg,[data-theme=light] .shape-tab.active span{color:#b8860b}[data-theme=light] .calc-panel .input-field input,[data-theme=light] .calc-wrapper .input-field input,[data-theme=light] .dim-grid .input-field input,[data-theme=light] .calc-panel .input-field select,[data-theme=light] .calc-wrapper .input-field select,[data-theme=light] .dim-grid .input-field select{color:#0f172a;background:#fff;border-color:#cbd5e1}[data-theme=light] .calc-panel .input-field label,[data-theme=light] .calc-wrapper .input-field label,[data-theme=light] .dim-grid .input-field label{color:#475569}[data-theme=light] .calc-panel .input-field input:focus,[data-theme=light] .calc-wrapper .input-field input:focus,[data-theme=light] .dim-grid .input-field input:focus,[data-theme=light] .calc-panel .input-field select:focus,[data-theme=light] .calc-wrapper .input-field select:focus,[data-theme=light] .dim-grid .input-field select:focus{border-color:#b8860b;box-shadow:0 0 0 3px #b8860b26}[data-theme=light] .calc-panel .input-field .unit-label,[data-theme=light] .calc-wrapper .input-field .unit-label,[data-theme=light] .dim-grid .input-field .unit-label{color:#64748b}[data-theme=light] .input-field{background:#fff;border-color:#cbd5e1}[data-theme=light] .input-field:focus-within{border-color:#b8860b;box-shadow:0 0 0 3px #b8860b26}[data-theme=light] .input-field input,[data-theme=light] .input-field select{color:#0f172a;background:0 0}[data-theme=light] .input-field label{color:#475569}[data-theme=light] .unit-label{color:#64748b}[data-theme=light] .unit-toggle{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .unit-toggle button{color:#64748b}[data-theme=light] .unit-toggle button.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0f172a1a}[data-theme=light] .waste-chip{color:#475569;background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .waste-chip:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}[data-theme=light] .waste-chip.active{color:#996515;background:#b8860b1f;border-color:#b8860b}[data-theme=light] .calc-results-panel{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 20px #0f172a14}[data-theme=light] .results-title{color:#0f172a}[data-theme=light] .results-badge{color:#996515;background:#b8860b1a;border-color:#b8860b4d}[data-theme=light] .kpi-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .kpi-card.highlight{background:#fffdf7;border-color:#b8860b66}[data-theme=light] .kpi-card .kpi-value{color:#0f172a}[data-theme=light] .kpi-card.highlight .kpi-value{color:#996515}[data-theme=light] .kpi-card .kpi-label{color:#475569}[data-theme=light] .kpi-card .kpi-subtext{color:#64748b}[data-theme=light] .purchase-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .purchase-card .purchase-value{color:#0f172a}[data-theme=light] .purchase-card .purchase-label{color:#64748b}[data-theme=light] .cost-fields-grid{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .cost-input-cell label{color:#475569}[data-theme=light] .breakdown-table tr{border-bottom-color:#e2e8f0}[data-theme=light] .breakdown-table tr:hover{background:#f1f5f9}[data-theme=light] .breakdown-table td:first-child{color:#475569}[data-theme=light] .breakdown-table td:last-child{color:#0f172a}[data-theme=light] .material-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .material-card:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .material-card.active{background:#b8860b14;border-color:#b8860b}[data-theme=light] .material-card .mat-name{color:#0f172a}[data-theme=light] .material-card .mat-density{color:#64748b}[data-theme=light] .grv-btn{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .grv-btn:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .grv-btn.active{background:#b8860b14;border-color:#b8860b}[data-theme=light] .grv-title{color:#0f172a}[data-theme=light] .grv-spec{color:#64748b}.geotech-panel{margin-top:var(--space-4);background:var(--slate-850);border:1px solid var(--slate-700);border-radius:var(--radius-md);transition:border-color var(--duration-fast);overflow:hidden}.geotech-panel[open]{border-color:#d9770666}.geotech-summary{padding:var(--space-3) var(--space-4);cursor:pointer;user-select:none;color:var(--text-bright);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.geotech-title{align-items:center;gap:var(--space-2);display:flex}.geotech-title svg{color:var(--gold-400)}.geotech-tag{color:var(--gold-400);border-radius:var(--radius-full);background:#d9770626;padding:2px 8px;font-size:.7rem}.geotech-body{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--slate-800);gap:var(--space-3);flex-direction:column;display:flex}.geotech-field{gap:var(--space-1);flex-direction:column;display:flex}.geotech-label-row{color:var(--text-bright);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;display:flex}.btn-text-reset{color:var(--gold-400);cursor:pointer;background:0 0;border:none;padding:0;font-size:.725rem;text-decoration:underline}.field-hint{color:var(--text-muted);font-size:.725rem}.checkbox-label{align-items:flex-start;gap:var(--space-2);cursor:pointer;user-select:none;display:flex}.checkbox-label input{accent-color:var(--gold-500);margin-top:3px}.checkbox-text{color:var(--text-bright);flex-direction:column;font-size:.825rem;display:flex}.compaction-factor-badge{color:#10b981;font-size:.725rem;font-weight:600}.saved-storage-notice{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-muted);margin-bottom:var(--space-3);background:#3b82f614;border:1px solid #3b82f640;font-size:.775rem;display:flex}.saved-storage-notice svg{color:#3b82f6;flex-shrink:0}.calc-explainer-card{border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-4);backdrop-filter:blur(8px);background:#141a21a6;border:1px solid #d4a85340}.explainer-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--gold-400);display:flex}.explainer-header h4{color:var(--text-primary);margin:0;font-size:.925rem;font-weight:700}.explainer-header svg{color:var(--gold-400);flex-shrink:0}.explainer-steps{gap:var(--space-2);flex-direction:column;display:flex}.explainer-step{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:3px solid var(--gold-500);background:#0f141999;font-size:.825rem;line-height:1.5;display:flex}.step-number{font-family:var(--font-mono);color:var(--gold-400);border-radius:var(--radius-sm);white-space:nowrap;background:#d4a85326;padding:1px 6px;font-size:.75rem;font-weight:700}.step-content{color:var(--text-secondary)}.step-content strong{color:var(--text-primary)}.step-formula{font-family:var(--font-mono);color:var(--gold-300);margin-top:2px;font-size:.8rem}.btn-quote{color:#fff;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b98166;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #10b98140}.btn-quote:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.quote-modal-backdrop{backdrop-filter:blur(8px);z-index:9999;padding:var(--space-4);background:#0a0d10d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quote-modal-card{background:var(--slate-900);border:1px solid var(--border-card);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;padding:var(--space-6);position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3}.quote-modal-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.quote-modal-title{align-items:center;gap:var(--space-2);color:#10b981;display:flex}.quote-modal-title h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.quote-modal-close{color:var(--text-muted);cursor:pointer;padding:0 var(--space-2);transition:color var(--duration-fast);background:0 0;border:none;font-size:1.75rem;line-height:1}.quote-modal-close:hover{color:var(--text-primary)}.quote-modal-desc{color:var(--text-secondary);margin-bottom:var(--space-5);font-size:.85rem;line-height:1.5}.quote-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.quote-input-group{gap:var(--space-1);flex-direction:column;display:flex}.quote-input-group label{color:var(--text-primary);font-size:.8rem;font-weight:600}.quote-input-group input{background:var(--slate-850);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);transition:border-color var(--duration-fast);outline:none;font-size:.875rem}.quote-input-group input:focus{border-color:var(--gold-400)}.quote-preview-group{gap:var(--space-2);flex-direction:column;display:flex}.quote-preview-label-row{justify-content:space-between;align-items:center;display:flex}.quote-preview-label-row label{color:var(--text-primary);font-size:.8rem;font-weight:600}.rfq-textarea{background:var(--slate-950);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-primary);font-family:var(--font-mono);resize:vertical;border:1px solid #6b7a8d4d;width:100%;font-size:.8rem;line-height:1.6}.quote-modal-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.quote-pro-tips{border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-secondary);margin-top:var(--space-2);background:#10b98114;border:1px solid #10b98133;font-size:.775rem;line-height:1.5}.quote-pro-tips strong{color:#34d399;margin-bottom:var(--space-1);display:block}.quote-pro-tips ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.quote-pro-tips li{margin-bottom:var(--space-1)}.calc-outcome-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-5);background:#141a2199}.outcome-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.outcome-header svg{color:var(--gold-400);flex-shrink:0;margin-top:2px}.outcome-title-group h4{color:var(--text-primary);margin:0 0 2px;font-size:.875rem;font-weight:700}.outcome-title-group p{color:var(--text-muted);margin:0;font-size:.775rem}.outcome-options{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.btn-outcome-chip{background:var(--slate-850);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.775rem;font-weight:500;display:inline-flex}.btn-outcome-chip:hover{border-color:var(--gold-400);color:var(--text-primary);background:var(--slate-800)}.btn-outcome-chip.active{border-color:var(--gold-400);color:var(--gold-400);background:#d4a85326}.outcome-feedback-form{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #6b7a8d26}.outcome-form-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.outcome-input{background:var(--slate-850);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);outline:none;padding:6px 10px;font-size:.8rem}.outcome-input.notes{flex:1;min-width:180px}.outcome-confirmation{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:#34d399;margin-top:var(--space-2);background:#10b9811a;border:1px solid #10b98140;font-size:.775rem;display:flex}[data-theme=light] .calc-explainer-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .explainer-step{background:#fff;border-color:#b8860b}[data-theme=light] .quote-modal-card{background:#fff;border-color:#cbd5e1}[data-theme=light] .rfq-textarea{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .quote-input-group input,[data-theme=light] .outcome-input{color:#0f172a;background:#fff;border-color:#cbd5e1}[data-theme=light] .calc-outcome-card{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .btn-outcome-chip{background:#fff;border-color:#cbd5e1}.viz-container{gap:var(--space-6);flex-direction:column;display:flex}.rock-scene-wrapper{background:var(--slate-850);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);aspect-ratio:16/9;min-height:280px;position:relative;overflow:hidden}.rock-scene-wrapper canvas{width:100%;height:100%;display:block}.rock-scene-fallback{justify-content:center;align-items:center;gap:var(--space-2);background:radial-gradient(ellipse at center, var(--slate-800) 0%, var(--slate-900) 100%);width:100%;height:100%;color:var(--text-muted);text-align:center;padding:var(--space-6);cursor:pointer;user-select:none;flex-direction:column;font-size:.875rem;display:flex}.rock-scene-fallback .fallback-icon{color:var(--gold-400);opacity:.45;transition:all var(--duration-base) var(--ease-smooth)}.rock-scene-fallback:hover .fallback-icon{opacity:.85;transform:scale(1.05)}.rock-scene-fallback .fallback-title{color:var(--text-secondary);font-weight:600}.rock-scene-fallback .fallback-sub{color:var(--text-muted);opacity:.8;max-width:260px;font-size:.75rem;line-height:1.4}.scene-controls{bottom:var(--space-3);right:var(--space-3);gap:var(--space-2);display:flex;position:absolute}.scene-controls button{border:1px solid var(--slate-600);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-smooth);background:#0f1419cc;justify-content:center;align-items:center;display:flex}.scene-controls button:hover{background:var(--slate-700);color:var(--text-primary)}.scene-controls button svg{width:16px;height:16px}.blueprint-container{background:var(--slate-850);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);padding:var(--space-4);position:relative;overflow:hidden}.blueprint-container:before{content:"";pointer-events:none;background-image:linear-gradient(#6b7a8d0f 1px,#0000 1px),linear-gradient(90deg,#6b7a8d0f 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.blueprint-svg{width:100%;min-height:200px;max-height:350px}.blueprint-svg .shape-fill{fill:var(--gold-glow);stroke:var(--gold-500);stroke-width:2px;stroke-dasharray:8 4}.blueprint-svg .dim-line{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:4 2}.blueprint-svg .dim-text{fill:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:600}.blueprint-svg .grid-line{stroke:#6b7a8d1a;stroke-width:.5px}.blueprint-label{top:var(--space-3);left:var(--space-4);align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600;display:flex;position:absolute}.blueprint-label svg{width:14px;height:14px;color:var(--gold-400)}.cross-section-container{background:var(--slate-850);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);padding:var(--space-4);overflow:hidden}.cross-section-svg{width:100%;height:200px}.cross-section-svg .subgrade{fill:#3d3023}.cross-section-svg .fabric-layer{fill:none;stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:6 3}.cross-section-svg .rock-layer{fill:var(--slate-600)}.cross-section-svg .rock-particle{fill:var(--slate-400);stroke:var(--slate-500);stroke-width:.5px}.cross-section-svg .depth-ruler{stroke:var(--gold-500);stroke-width:1.5px}.cross-section-svg .depth-label{fill:var(--gold-400);font-family:var(--font-mono);font-size:11px;font-weight:600}.cross-section-svg .layer-label{fill:var(--text-muted);font-family:var(--font-body);font-size:10px}.depth-status{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:flex}.depth-status.good{color:var(--status-good);background:#4ade801a;border:1px solid #4ade8033}.depth-status.warn{color:var(--status-warn);background:#fbbf241a;border:1px solid #fbbf2433}.depth-status.danger{color:var(--status-danger);background:#f871711a;border:1px solid #f8717133}.depth-status svg{flex-shrink:0;width:14px;height:14px}.chart-container{background:var(--slate-850);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);padding:var(--space-4)}.chart-container canvas{width:100%;height:200px}.chart-label{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:600;display:flex}@media (width<=768px){.rock-scene-wrapper{aspect-ratio:auto;width:100%;max-width:100%;min-height:220px}.blueprint-svg{min-height:160px}.cross-section-svg{height:160px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-snap) both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.kpi-value.updating{animation:countPulse .3s var(--ease-bounce)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slideInRight .4s var(--ease-snap) both}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--gold-glow-strong)}50%{box-shadow:0 0 0 8px #0000}}.pulse-glow{animation:pulseGlow 2s var(--ease-smooth) infinite}@keyframes shapeMorph{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.shape-morph{animation:shapeMorph .3s var(--ease-bounce)}@keyframes wordReveal{0%{opacity:0;filter:blur(4px);transform:translateY(20px)rotateX(-15deg)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}}.hero-word{animation:wordReveal .5s var(--ease-snap) both;display:inline-block}@keyframes particleDrift{0%{opacity:.6;transform:translate(0)rotate(0)}25%{opacity:.4;transform:translate(10px,-15px)rotate(90deg)}50%{opacity:.2;transform:translate(-5px,-30px)rotate(180deg)}75%{opacity:.1;transform:translate(15px,-45px)rotate(270deg)}to{opacity:0;transform:translateY(-60px)rotate(360deg)}}.rock-particle{background:var(--gold-500);width:6px;height:6px;animation:particleDrift 3s var(--ease-smooth) infinite;pointer-events:none;border-radius:2px;position:absolute}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.scroll-indicator{animation:scrollBounce 1.5s var(--ease-smooth) infinite}@keyframes depthGrow{0%{height:0}}.depth-bar-animate{animation:depthGrow .5s var(--ease-snap)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--slate-800) 0%, var(--slate-700) 50%, var(--slate-800) 100%);animation:shimmer 1.5s var(--ease-smooth) infinite;border-radius:var(--radius-sm);background-size:200% 100%}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip{padding:var(--space-2) var(--space-3);background:var(--slate-700);border:1px solid var(--slate-600);border-radius:var(--radius-sm);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;animation:tooltipIn .2s var(--ease-smooth) forwards;z-index:var(--z-overlay);font-size:.75rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--slate-700);position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}