:root{--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(20, 30, 55, .75);--border-glass: rgba(100, 180, 255, .1);--border-glass-hover: rgba(100, 180, 255, .22);--accent-cyan: #00d4ff;--accent-cyan-dim: rgba(0, 212, 255, .15);--accent-amber: #ff8c42;--accent-amber-dim: rgba(255, 140, 66, .15);--accent-green: #22c55e;--accent-green-dim: rgba(34, 197, 94, .12);--accent-red: #ef4444;--accent-red-dim: rgba(239, 68, 68, .12);--accent-yellow: #eab308;--accent-yellow-dim: rgba(234, 179, 8, .12);--text-muted: #64748b}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black 20%,transparent 100%)}.bg-glow{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(120px);opacity:.25;animation:bgFloat 12s ease-in-out infinite alternate}.bg-glow.glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.12),transparent 70%);top:-10%;left:-5%}.bg-glow.glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,140,66,.1),transparent 70%);bottom:10%;right:-5%;animation-delay:-6s}.bg-glow.glow-3{width:350px;height:350px;background:radial-gradient(circle,rgba(0,212,255,.07),transparent 70%);top:50%;left:40%;animation-delay:-3s}@keyframes bgFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-45px) scale(1.06)}}.unit-btn{color:var(--text-muted);background:transparent;border:none}.unit-btn.active{background:var(--accent-cyan);color:#06090f;box-shadow:0 2px 10px #00d4ff4d}.toggle-btn{color:var(--text-muted);background:transparent;border:none}.toggle-btn.active{background:var(--accent-cyan-dim);color:var(--accent-cyan);box-shadow:inset 0 0 10px #00d4ff0d;border:1px solid rgba(0,212,255,.2)}.result-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:12px;padding:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;transition:opacity .3s}.result-card:hover{border-color:var(--border-glass-hover);transform:translateY(-2px);background:var(--bg-card-hover)}.result-card:hover:before{opacity:1}.result-card .result-value{font-family:var(--font-display);font-weight:700;font-size:1.45rem;color:var(--color-surface-100);margin-bottom:2px;line-height:1.2}.result-card .result-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.compliance-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:100px;margin-top:6px;text-transform:uppercase;letter-spacing:.05em}.compliance-badge.pass{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(34,197,94,.2)}.compliance-badge.warn{background:var(--accent-yellow-dim);color:var(--accent-yellow);border:1px solid rgba(234,179,8,.2)}.compliance-badge.fail{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}.cut-list-table tr:hover td{background:#00d4ff08;color:var(--color-surface-100)}.cut-list-table td{padding:10px 14px;color:var(--color-surface-200);border-bottom:1px solid rgba(255,255,255,.03);transition:background-color .2s}.cut-list-table .step-num{font-weight:700;color:var(--accent-cyan)}.material-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.material-row:first-child{padding-top:4px}.material-row:last-child{padding-bottom:4px}.material-name{font-size:.85rem;color:var(--color-surface-200)}.material-value{font-weight:700;color:var(--color-surface-100);font-size:.9rem}.stringer-line{stroke:var(--accent-cyan);stroke-width:2.5;fill:none}.stringer-fill{fill:#00d4ff0d;stroke:none}.notch-line{stroke:#00d4ff66;stroke-width:1.5;fill:none}.tread-fill{fill:#ff8c422e;stroke:var(--accent-amber);stroke-width:1.5}.dim-line{stroke:var(--text-muted);stroke-width:.8;stroke-dasharray:4 3}.dim-text{fill:var(--color-surface-200);font-family:Inter,sans-serif;font-size:11px;font-weight:600}.ground-line{stroke:#ffffff26;stroke-width:1.5;stroke-dasharray:8 4}.header-line{stroke:#ffffff26;stroke-width:1.5}.angle-arc{stroke:var(--accent-amber);stroke-width:1.2;fill:#ff8c4214}.label-text{fill:var(--color-surface-100);font-family:Inter,sans-serif;font-size:12px;font-weight:700}.label-text.small{font-size:10px;font-weight:500;fill:var(--text-muted)}.throat-line{stroke:var(--accent-green);stroke-width:1;stroke-dasharray:3 2}