.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:20px;text-align:center}.App-header{color:#333;margin-bottom:20px}.user-guide-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;overflow:hidden}.user-guide-header{align-items:center;background-color:#e8f5e9;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .3s}.user-guide-header:hover{background-color:#d7eeda}.user-guide-header h2{color:#2e7d32;font-size:1.5rem;margin:0}.toggle-icon{color:#2e7d32;font-size:1.2rem}.user-guide-content{padding:20px;text-align:left}.user-guide-content h3{color:#2e7d32;font-size:1.2rem;margin-bottom:10px;margin-top:20px}.user-guide-content h3:first-child{margin-top:0}.user-guide-content p{line-height:1.6;margin-bottom:15px}.user-guide-content ol,.user-guide-content ul{margin-bottom:20px;padding-left:20px}.user-guide-content li{line-height:1.5;margin-bottom:8px}.user-guide-content code{background-color:#f0f0f0;border-radius:3px;font-family:Courier New,monospace;padding:2px 5px}.user-guide-content .note{background-color:#fff8e1;border-left:4px solid #ffc107;border-radius:4px;margin-top:20px;padding:12px 15px}.system-diagram-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;margin-top:0;overflow:hidden;padding:20px}.system-diagram-container h2{color:#333;margin-bottom:15px;text-align:center}.diagram-description{color:#666;margin-bottom:25px;text-align:center}.click-hint{color:#4a90e2;display:block;font-size:.9rem;font-style:italic;margin-top:5px}.diagram-image-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%}.system-diagram-image{border-radius:4px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:auto;max-width:100%;transition:transform .3s ease,box-shadow .3s ease}.system-diagram-image:hover{box-shadow:0 4px 12px #0003;transform:scale(1.02)}.image-modal-overlay{align-items:center;background-color:#000c;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.image-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90%;max-width:90%;padding:20px;position:relative}.close-modal{color:#666;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:15px;top:10px;z-index:1001}.close-modal:hover{color:#000}.enlarged-image{display:block;margin:0 auto;max-height:calc(90vh - 80px);max-width:100%}.calculator-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;margin-top:20px;padding:25px}.input-group{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.expression-input{border:1px solid #ddd;border-radius:4px;font-size:18px;height:60px;padding:15px;transition:border-color .3s;width:100%}.expression-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.calculate-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:0 auto;max-width:200px;padding:14px 20px;transition:background-color .3s;width:100%}.calculate-button:hover{background-color:#3a7bc8}.calculate-button:disabled{background-color:#a0c3e8;cursor:not-allowed}.error-message{background-color:#fdf2f2;border-left:4px solid #e74c3c;color:#e74c3c}.error-message,.validation-message{animation:fadeIn .3s ease-in-out;border-radius:4px;font-weight:500;margin-top:10px;padding:10px}.validation-message{background-color:#fef9e7;border-left:4px solid #f39c12;color:#f39c12}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px;text-align:left}.result h3{color:#2c3e50;font-size:1.3rem;margin-bottom:10px;margin-top:20px}.result p{line-height:1.6;margin-bottom:15px}.result ol,.result ul{margin-bottom:20px;padding-left:20px}.result li{line-height:1.5;margin-bottom:10px}.result strong{color:#e74c3c;font-weight:600}.result hr{background-image:linear-gradient(90deg,#0000,#0003,#0000);border:0;height:1px;margin:20px 0}.result .math-expression{background-color:#f0f0f0;border-radius:3px;font-family:Courier New,monospace;padding:2px 5px}.App-footer{color:#666;font-size:14px;margin-top:30px}@media (max-width:600px){.App,.calculator-container{padding:15px}.input-group{gap:10px}.expression-input{font-size:16px;height:50px;padding:12px}.calculate-button{padding:12px 20px;width:100%}.user-guide-header h2{font-size:1.3rem}.user-guide-content h3{font-size:1.1rem}.image-modal-content{padding:10px}.close-modal{right:10px;top:5px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.container{margin:0 auto;max-width:800px;padding:20px}.calculator{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:20px}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}button,input,select{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;margin-top:10px}button:hover{background-color:#45a049}.result{background-color:#f9f9f9;border-left:4px solid #4caf50}.explanation,.result{border-radius:4px;margin-top:20px;padding:15px}.explanation{background-color:#f0f7ff;border-left:4px solid #2196f3;white-space:pre-wrap}.error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-top:10px;padding:10px}
/*# sourceMappingURL=main.4e208210.css.map*/