*,:after,:before{box-sizing:border-box}body{background-color:#f8f9fa}.container{max-width:480px;margin:0 auto;padding:20px}.display-value{font-family:Seven Segment,sans-serif;font-size:2rem;height:60px}#roomTemp,.power-btn{font-size:2.5rem}.power-btn{padding:20px 40px;width:200px;transition:background-color .3s ease,border-color .3s ease}.status-dot{height:20px;width:20px;background-color:#dc3545;border-radius:50%;display:inline-block;transition:background-color .5s ease}.status-dot.connected{background-color:#28a745}.status-dot.reconnecting{background-color:#ffc107}.card .status-dot{border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.1)}#acModeDropdown{text-align-last:center}.btn:disabled{opacity:.5;cursor:not-allowed}#tempLastUpdated{font-size:.8rem;margin-top:5px;display:block;color:#6c757d}#tempLastUpdated.connecting{color:#ffc107}#tempLastUpdated.error{color:#dc3545}#tempLastUpdated.normal{color:#6c757d}