body {font-family: Arial, sans-serif;margin: 20px;padding: 20px;background-color: #f4f4f4;padding-bottom: 60px;}h1 {text-align: center;font-size: 28px;}.disclaimer {text-align: center;font-size: 12px;color: #777;margin-bottom: 20px;}.container {max-width: 800px;margin: 0 auto;background: white;padding: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}.room {margin-bottom: 15px;position: relative;}.room h3 {background-color: #f0f0f0;padding: 10px;margin-bottom: 10px;display: flex;align-items: center;border-radius: 4px;cursor: pointer;font-size: 16px;}.room h3 .room-title {margin-right: 10px;}.room h3 .custom-name-input {padding: 5px;border: 1px solid #ccc;border-radius: 3px;width: 110px;margin-right: 10px;}.room h3 button {background-color: #ff4d4d;color: white;border: none;cursor: pointer;padding: 5px 10px;border-radius: 3px;width: auto;margin-left: auto;}.room h3 button:hover {background-color: #c40000;}.room .details {display: block;transition: max-height 0.3s ease-in-out;}.room.collapsed .details {display: none;}input, select, button {display: block;width: 100%;margin-bottom: 10px;padding: 10px;box-sizing: border-box;}label {margin-bottom: 5px;display: block;}button {background-color: #38A970;color: white;border: none;cursor: pointer;}button:hover {background-color: #1A814A;}.modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);}.modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 80%;max-width: 500px;box-shadow: 0 0 10px rgba(0,0,0,0.1);text-align: center;}.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}@media (max-width: 600px) {.container {padding: 10px;}input, select, button {padding: 8px;}h1 {font-size: 24px;}}.small-text {text-align: center;font-size: 12px;color: #777;}.room-result {padding: 10px 0;border-bottom: 1px solid #ddd;display: flex;flex-direction: column;}.room-result:last-child {border-bottom: none;}.room-result:nth-child(odd) {background-color: #f9f9f9;}.total-airflow {font-size: 24px;font-weight: bold;margin-top: 20px;}.disclaimer-modal {font-size: 12px;color: #777;margin-top: 10px;text-align: center;}.footer-link {color: #777;text-decoration: none;}.footer-link:hover {text-decoration: none;}.disclaimer-modal a {color: #777;text-decoration: none;}.disclaimer-modal a:hover {text-decoration: none;}.bottom-nav {display: flex;position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;box-shadow: 0 -2px 5px rgba(0,0,0,.1);z-index: 1000;padding: 10px 0;}.nav-item {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;text-decoration: none;color: #333;gap: 5px;}.nav-item img {height: 24px;width: auto;}.nav-item span {font-size: 12px;}.no-text img {height: 58.4px;width: auto;}.no-text span {display: none;}#errorModal .modal-content {text-align: center;}#errorModal .modal-content img {display: block;margin: 0 auto;max-width: 200px;width: 100%;}#errorModal .modal-content p {margin-top: 10px;}#resultModal .modal-content {text-align: left;}#resultModal .modal-content h2 {text-align: center;}#resultModal .modal-content .total-airflow {text-align: left;}#resultModal .modal-content .disclaimer-modal {text-align: center;}#resultModal .modal-content button {display: block;margin: 20px auto 0;}.room-result div {margin-bottom: 15px;}.room-result strong {font-weight: bold;}.reference-range {font-size: 12px;color: #777;}#roomDetails div {margin-bottom: 20px;}#roomDetails div:last-child {margin-bottom: 0;}.room-result .result-line {display: flex;align-items: center;}.room-result .result-line.level {justify-content: space-between;}.room-result .result-line .level-text {font-weight: bold;flex-grow: 1;text-align: left;}.room-result .result-line .reference {font-size: 0.8rem;margin-left: 0.5em;}