.sphereCalc-container{max-width:700px;margin:0 auto;font-family:'Poppins',Arial,sans-serif;color:#222}.sphereCalc-card-header{text-align:center;margin-bottom:15px;padding:15px;border-radius:10px;box-shadow:0 6px 18px rgb(0 0 0 / .08);background:#fff}.sphereCalc-card-header h2{font-size:24px;color:#444;font-weight:600;margin-bottom:10px}.sphereCalc-card-header p{font-size:16px;color:#555;line-height:1.6;max-width:600px;margin:0 auto}.sphereCalc-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 6px 18px rgb(0 0 0 / .08)}.sphereCalc-input-group{margin-bottom:15px}.sphereCalc-input-group label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:#1976d2}.sphereCalc-input-group input,.sphereCalc-input-group select{padding:12px;border:1px solid #90caf9;border-radius:10px;font-size:15px;transition:0.2s}.sphereCalc-input-group input:focus,.sphereCalc-input-group select:focus{border-color:#1976d2;box-shadow:0 0 6px rgb(25 118 210 / .3);outline:none}.sphereCalc-inputs-flex{display:flex;gap:10px;align-items:center}.sphereCalc-inputs-flex input{flex:3;min-width:100px}.sphereCalc-inputs-flex select{flex:1;min-width:60px}.sphereCalc-button{width:100%;padding:12px;margin-top:10px;background:#1976d2;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:0.3s}.sphereCalc-button:hover{background:#1565c0}.sphereCalc-reset{background:#f44336}.sphereCalc-reset:hover{background:#d32f2f}.sphereCalc-result{display:none;margin-top:20px;animation:fadeIn 0.5s ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.sphereCalc-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.sphereCalc-card-detail{border-radius:15px;padding:15px;text-align:center;box-shadow:0 6px 15px rgb(0 0 0 / .08);font-weight:500;font-size:14px;transition:0.3s}.sphereCalc-card-detail:nth-child(1){background:linear-gradient(135deg,#f0f0f0,#d9d9d9);color:#333}.sphereCalc-card-detail:nth-child(2){background:linear-gradient(135deg,#e8f0f7,#cfdcec);color:#222}.sphereCalc-card-detail:nth-child(3){background:linear-gradient(135deg,#f9f4f0,#f0e5d9);color:#333}.sphereCalc-card-detail:nth-child(4){background:linear-gradient(135deg,#f4f0f7,#e0d9ec);color:#222}.sphereCalc-card-detail:nth-child(5){background:linear-gradient(135deg,#f0f7f4,#d9ece0);color:#222}.sphereCalc-card-detail:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}.sphereCalc-card-detail p{margin:5px 0;font-size:14px}.sphereCalc-steps{margin-top:15px;font-size:13px;background:#e3f2fd;padding:12px;border-radius:12px;color:#0d47a1;line-height:1.5;white-space:pre-wrap}canvas{display:block;margin:20px auto;border-radius:12px;box-shadow:0 6px 12px rgb(0 0 0 / .08);max-width:100%;height:auto}@media(max-width:500px){.sphereCalc-inputs-flex{flex-direction:column;gap:8px}.sphereCalc-grid{grid-template-columns:1fr}}.sphereCalc-methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sphereCalc-method{flex:1 1 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border:2px solid #90caf9;border-radius:10px;cursor:pointer;transition:0.3s;background:#f5f5f5;text-align:center;font-size:14px}.sphereCalc-method input{display:none}.sphereCalc-method .method-icon{font-size:20px;margin-bottom:4px}.sphereCalc-method .method-text{font-weight:600;font-size:13px}.sphereCalc-method:hover{background:#e3f2fd;border-color:#1976d2}.sphereCalc-method input:checked+.method-icon+.method-text,.sphereCalc-method input:checked+.method-icon{color:#1976d2;font-weight:700}.sphereCalc-method input:checked~.method-icon,.sphereCalc-method input:checked~.method-text{color:#1976d2;font-weight:700}@media(max-width:500px){.sphereCalc-methods{flex-direction:column;gap:6px}.sphereCalc-method{flex:1 1 100%;padding:6px;font-size:13px}.sphereCalc-method .method-icon{font-size:18px;margin-bottom:3px}.sphereCalc-method .method-text{font-size:12px}}.sphereCalc-checkbox-inline{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.sphereCalc-checkbox-inline .checkbox-item{display:flex;align-items:center;gap:6px}