*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.container{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin:20px auto;max-width:900px;padding:20px}header{border-bottom:3px solid #2c3e50;margin-bottom:30px;padding-bottom:20px;text-align:center}header h1{color:#2c3e50;font-size:2.5em;font-weight:700;margin-bottom:10px}.subtitle{color:#7f8c8d;font-size:1.1em;margin:5px 0}.warning-box{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:8px;box-shadow:0 4px 15px hsla(0,100%,71%,.3);color:#fff;display:flex;margin-bottom:30px;padding:15px 20px}.warning-icon{font-size:1.5em;margin-right:15px}.warning-text{font-size:1.1em;font-weight:600}.calculator{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:30px}.step{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:25px;padding:25px}.step h2{align-items:center;color:#2c3e50;display:flex;font-size:1.8em;margin-bottom:15px}.step h2:before{content:"📐";font-size:.8em;margin-right:10px}.step p{color:#555;font-size:1.1em;margin-bottom:20px}.form-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.form-group label{color:#2c3e50;flex-shrink:0;font-weight:600;min-width:200px}.form-group input,.form-group select{border:2px solid #ddd;border-radius:6px;flex:1;font-size:1em;min-width:150px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1);outline:none}.form-group input.error,.form-group select.error{border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.1)}.unit{color:#7f8c8d;font-size:.9em;font-weight:500;min-width:50px}.result-box{background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:8px;box-shadow:0 4px 15px rgba(116,185,255,.3);color:#fff;margin-top:20px;padding:20px}.result-box label{display:block;font-size:1.1em;font-weight:600;margin-bottom:10px}.result-value{background:hsla(0,0%,100%,.2);border-radius:6px;font-size:1.5em;font-weight:700;margin-bottom:15px;padding:10px;text-align:center}.result-value.calculated{background:rgba(46,204,113,.3);border:2px solid #27ae60}.info-box{background:#e8f4fd;border:2px solid #3498db;border-radius:8px;margin-top:15px;padding:15px}.info-box p{color:#2c3e50;margin-bottom:8px}.info-box p:last-child{margin-bottom:0}.thread-info,.tpf-info{border-top:1px solid hsla(0,0%,100%,.3);margin-top:15px;padding-top:15px}.thread-info p,.tpf-info p{font-size:.95em;margin-bottom:8px}.thread-info p:last-child,.tpf-info p:last-child{margin-bottom:0}#summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left-color:#27ae60}.summary-box{background:#fff;border:2px solid #27ae60;border-radius:8px;margin-bottom:20px;padding:20px}.summary-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-item label{color:#2c3e50;font-weight:600}.summary-item span{color:#27ae60;font-size:1.1em;font-weight:700}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1.1em;font-weight:600;letter-spacing:.5px;padding:12px 25px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#1f4e79);box-shadow:0 4px 15px rgba(52,152,219,.4);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#7f8c8d,#5d6d7e);box-shadow:0 4px 15px hsla(184,9%,62%,.4);transform:translateY(-2px)}footer{border-top:2px solid #ecf0f1;color:#7f8c8d;margin-top:30px;padding:20px;text-align:center}footer p{margin-bottom:8px}footer p:last-child{margin-bottom:0}@media (max-width:768px){.container{margin:10px;padding:15px}header h1{font-size:2em}.form-group{align-items:stretch;flex-direction:column}.form-group label{margin-bottom:5px;min-width:auto}.form-group input,.form-group select{min-width:auto}.action-buttons{flex-direction:column}.btn{width:100%}.summary-item{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:480px){.calculator,.step{padding:20px}.step h2{font-size:1.5em}.result-value{font-size:1.3em}}@media print{body{background:#fff}.container{box-shadow:none;margin:0;padding:0}.warning-box{background:#ff6b6b!important}.result-box,.warning-box{-webkit-print-color-adjust:exact;color-adjust:exact}.result-box{background:#74b9ff!important}.btn{display:none}.step{break-inside:avoid;margin-bottom:20px}}@keyframes highlight{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.result-value.calculated{animation:highlight .5s ease-in-out}.calculating{opacity:.7;pointer-events:none}.calculating:after{color:#3498db;content:"Calculating...";font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}