*,*::before,*::after{box-sizing:border-box}#locationSuggestions div:hover{background-color:#f0f0f0}.input-group{flex-wrap:wrap;align-items:flex-start;gap:15px;margin-bottom:15px}.input-group>label{width:150px;font-weight:700;font-size:15px;color:#333}.input-group input:not([type="radio"]),.input-group select{width:100%;max-width:300px;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-container{display:flex;justify-content:center;padding:20px;box-sizing:border-box}.input-section{width:100%;max-width:600px;padding:25px;border-radius:6px;border:1px solid #ddd;background:#fdfdfd;box-shadow:0 2px 6px rgb(0 0 0 / .05);box-sizing:border-box}.language-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;align-items:center;justify-content:flex-start;flex:1;min-width:200px}.language-options label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;white-space:nowrap}.field-row{display:flex;flex-wrap:nowrap;gap:10px;flex:1;min-width:200px}.field-row select{flex:1 1 30%;min-width:60px;padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.button-wrapper{display:flex;justify-content:center;margin-top:20px}button{padding:10px 20px;background-color:#4CAF50;color:#fff;border:none;cursor:pointer;font-size:16px}button:hover{background-color:#45a049}table{border-collapse:collapse;width:100%;margin-bottom:20px}td,th{border:1px solid #000;padding:6px 10px}h3{margin-top:40px}.green-box{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.chart{border:3px solid green;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:100%;max-width:500px;min-width:300px;aspect-ratio:1 / 1;text-align:center;font-weight:700;box-sizing:border-box}.chart-box{width:100%;max-width:480px;aspect-ratio:1 / 1;border:3px solid green;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);box-sizing:border-box;gap:2px}.chart-box>div{border:1px solid #999;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:1.3;min-width:0;min-height:0}.center-box{grid-column:span 2;grid-row:span 2;font-weight:700;color:red;font-size:1.5em!important}.chart>div{border:1px solid #999;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1em;padding:4px;word-break:break-word}#result{display:none}.loading{text-align:center;padding:20px;display:none}@media screen and (max-width:480px){.chart-box{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);font-size:.7em;gap:1px}.chart-box>div{font-size:10px;padding:2px}.center-box{font-size:1.1em!important}.input-section{padding:10px}h2,h3{font-size:1.2em}table{font-size:12px}}@media screen and (max-width:600px){.input-group{flex-direction:row;align-items:stretch}.input-group>label{width:100%;margin-bottom:5px;line-height:35px}.language-options{flex-direction:column;align-items:flex-start;width:100%;line-height:15px;padding-top:10px;gap:2px}.language-options label{width:auto;justify-content:flex-start}.field-row{flex-direction:column;display:block}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(255 255 255 / .8);z-index:9999;display:flex;align-items:center;justify-content:center}.spinner{border:8px solid #f3f3f3;border-top:8px solid #0073aa;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.location-wrapper{position:relative;display:inline-block}.location-spinner{width:16px;height:16px;border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;animation:spin 0.6s linear infinite;position:absolute;right:30%;top:60%;transform:translateY(-50%);display:none}@media screen and (min-width:601px){.field-row{flex-wrap:nowrap}}@media screen and (max-width:600px){.field-row{flex-direction:column;gap:0}.field-row select{margin-bottom:6px}.field-row select:last-child{margin-bottom:0}}