:root{--accent:var(--calc-color-construction)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--calc-bg-page);color:var(--calc-text-primary);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.calc-breadcrumb{color:var(--calc-text-muted);padding:10px 24px;font-size:.79rem}.calc-breadcrumb a{color:var(--calc-text-dim)}.calc-breadcrumb a:hover{color:var(--accent)}.main-container{max-width:1200px;margin:0 auto;padding:24px}.calc-title{margin-bottom:8px;font-size:2rem;font-weight:700}.calc-subtitle{color:var(--calc-text-dim);margin-bottom:24px}.tab-nav{border-bottom:1px solid var(--calc-border-default);flex-wrap:wrap;margin-bottom:24px;display:flex}.tab-btn{color:var(--calc-text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-family:inherit;font-size:.88rem;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--calc-text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-content{display:none}.tab-content.active{display:block}.calc-layout{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.calc-layout{grid-template-columns:minmax(0,1fr);overflow:hidden}}.card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);padding:20px}.input-card{border-left:3px solid var(--calc-cyan)}.section-title{color:var(--calc-text-primary);margin-bottom:14px;font-size:1rem;font-weight:700}.form-group{margin-bottom:16px}.form-label{color:var(--calc-text-dim);margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.form-hint{color:var(--calc-text-muted);font-size:.76rem}.glass-input{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);width:100%;color:var(--calc-text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s}.glass-input:focus{border-color:var(--accent);outline:none}.hero-result{text-align:center;border-radius:var(--calc-radius-md);background:linear-gradient(135deg,#2dd4bf14,#22d3ee0a);border:1px solid #2dd4bf33;margin-bottom:20px;padding:24px}.hero-label{color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.78rem}.hero-value{color:var(--accent);font-size:2.4rem;font-weight:800;line-height:1.1}.hero-sub{color:var(--calc-text-dim);margin-top:6px;font-size:.87rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--calc-bg-card);border:1px solid var(--calc-border-default);border-left:3px solid var(--calc-purple);border-radius:var(--calc-radius-md);padding:13px}.stat-label{color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.71rem}.stat-value{color:var(--calc-text-primary);font-size:1.05rem;font-weight:700}.formula-strip{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.formula-pill{color:var(--accent);font-size:.75rem;font-family:var(--calc-font-mono);background:#2dd4bf1a;border:1px solid #2dd4bf4d;border-radius:20px;padding:5px 14px}.table-scroll{margin-bottom:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{text-align:left;color:var(--calc-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--calc-border-default);padding:8px 10px;font-size:.72rem}.data-table td{border-bottom:1px solid var(--calc-border-subtle,#ffffff0f);color:var(--calc-text-primary);font-family:var(--calc-font-mono);padding:8px 10px}[data-theme=light] .data-table td{border-bottom-color:#00000014}.alert-stack{flex-direction:column;gap:8px;display:flex}.shape-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.shape-chip{border:1px solid var(--calc-border-default);background:var(--calc-bg-input);color:var(--calc-text-dim);cursor:pointer;user-select:none;border-radius:8px;padding:7px 14px;font-size:.83rem;transition:color .2s,border-color .2s}.shape-chip.active{border-color:var(--accent);color:var(--accent);background:#2dd4bf1a}.shape-chip:hover:not(.active){color:var(--calc-text-primary);border-color:#2dd4bf66}.truss-diagram-wrap{background:var(--calc-bg-input);border:1px solid var(--calc-border-default);border-radius:var(--calc-radius-md);padding:16px}