body{margin:0;padding:0;font-family:Arial,sans-serif;background:#f7f9fc}.axisSymCalc-container{width:100%;max-width:620px;margin:0;padding:12px;font-family:inherit;color:#333;box-sizing:border-box;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .05)}.axisSymCalc-container *{box-sizing:border-box}.axisSymCalc-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgb(0 0 0 / .06);text-align:center;transition:transform .2s}.axisSymCalc-card:hover{transform:translateY(-2px)}.axisSymCalc-input-group{margin-bottom:16px;text-align:left;position:relative}.axisSymCalc-input-group label{font-weight:600;display:block;margin-bottom:6px}.axisSymCalc-input-group input{width:100%;padding:10px;border-radius:8px;border:1.5px solid #90caf9;font-size:13px}.axisSymCalc-radio-group,.axisSymCalc-checkbox-group{margin-bottom:16px;text-align:left}.axisSymCalc-radio-group label,.axisSymCalc-checkbox-group label{font-weight:500;margin-left:6px}.axisSymCalc-button{width:100%;padding:10px;margin-bottom:10px;background:#1976d2;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:opacity .2s}.axisSymCalc-button:hover{opacity:.85}.axisSymCalc-reset{background:#f44336}.axisSymCalc-result{display:none;margin-top:16px;text-align:left}.axisSymCalc-result-box{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:14px;padding:14px 16px;box-shadow:0 6px 16px rgb(0 0 0 / .08)}.axisSymCalc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.axisSymCalc-grid-item{background:#fff;border-radius:10px;padding:12px 10px;text-align:center;font-size:13px;font-weight:500;color:#555;box-shadow:0 2px 8px rgb(0 0 0 / .05);transition:transform 0.2s,box-shadow 0.2s}.axisSymCalc-grid-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .08)}.axisSymCalc-steps{margin-top:12px;font-size:12px;line-height:1.5;background:#fffde7;padding:10px 12px;border-radius:10px;color:#555}.axisSymCalc-graph-container{margin-top:16px}.axisSymCalc-graph-container canvas{width:100%!important;height:300px!important}.axisSymCalc-header{font-size:24px;font-weight:600;color:#444;margin-top:0;margin-bottom:8px;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgb(0 0 0 / .1)}.axisSymCalc-subtitle{font-size:14px;color:#555;margin-top:0;margin-bottom:16px;line-height:1.5;text-align:center}.axisSymCalc-example-group{background:#f5f5f5;padding:8px 12px;border-radius:8px}.axisSymCalc-example-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.example-btn{flex:1;min-width:120px;background:#fff;color:#1976d2;font-weight:600;border:1px solid #90caf9;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all 0.2s}.example-btn:hover{background:#e3f2fd;transform:translateY(-1px)}@media(max-width:600px){.axisSymCalc-grid{grid-template-columns:1fr}}